.app-shell{--msg-out:#155F8E;--msg-in:#E9E9EB;--msg-sep:rgba(60,60,67,0.2)}.app-shell .msg-notices{display:grid;grid-gap:8px;gap:8px;margin:0 0 10px}.app-shell .msg-banner{display:flex;align-items:flex-start;gap:10px;margin:0;padding:10px 12px;border-radius:12px;font-size:13px;line-height:1.4}.app-shell .msg-banner>svg{flex:0 0 auto;margin-top:1px}.app-shell .msg-banner-text{display:grid;min-width:0;grid-gap:1px;gap:1px}.app-shell .msg-banner strong{font-size:14px;font-weight:700;letter-spacing:-.005em}.app-shell .msg-banner-text span{overflow-wrap:anywhere}.app-shell .msg-loading{padding:16px 4px;font-size:14px}.app-shell .msg-thread{gap:0;padding:8px 4px 12px;border-radius:0;background:transparent;box-shadow:none}.app-shell .msg-conversation-order .msg-thread{padding:10px 12px 14px;border-radius:16px;background:var(--strip);box-shadow:inset 0 0 0 1px var(--hairline)}.app-shell .msg-day{margin:14px 0 4px}.app-shell .msg-day:first-child{margin-top:2px}.app-shell .msg-day span{padding:0;background:transparent;color:var(--ink-3);font-size:12px;font-weight:600}.app-shell .msg-thread-empty{padding:32px 16px;color:var(--ink-3);font-size:14px}.app-shell .msg-row{max-width:min(78%,480px);margin-top:2px}.app-shell .msg-row.is-start{margin-top:10px}.app-shell .msg-day+.msg-row,.app-shell .msg-thread>.msg-row:first-child{margin-top:4px}.app-shell .msg-bubble{padding:8px 13px 9px;border-radius:20px;font-size:16px;line-height:1.35}.app-shell .msg-row.inbound .msg-bubble{border-bottom-left-radius:20px;background:var(--msg-in);box-shadow:none;color:var(--ink)}.app-shell .msg-row.outbound .msg-bubble{border-bottom-right-radius:20px;background:var(--msg-out);color:#fff}.app-shell .msg-row.inbound.is-end .msg-bubble{border-bottom-left-radius:6px}.app-shell .msg-row.outbound.is-end .msg-bubble{border-bottom-right-radius:6px}.app-shell .msg-meta{gap:0 6px;margin:3px 8px 0;font-size:11px}.app-shell .msg-meta>*+:not(.msg-delivery):before{margin-right:6px}.app-shell .msg-delivery{margin-left:0}.app-shell .msg-preview-link{margin:4px 8px 0;font-size:12px}.app-shell .msg-system{gap:1px;max-width:86%;margin:12px 0 4px}.app-shell .msg-system span{padding:0;background:transparent;color:var(--ink-2);font-size:12px;font-weight:600}.app-shell .msg-system time{font-size:11px}.app-shell .msg-media{gap:6px}.app-shell .msg-media img{max-width:min(260px,100%);border-radius:14px}.app-shell .msg-media-load{min-height:40px;padding:0 16px;border:0;background:#fff;box-shadow:0 0 0 1px rgba(17,24,39,.08);color:var(--ocean-text);font-size:14px}.app-shell .msg-composer{gap:8px;margin-top:8px}.app-shell .msg-compose-row{display:flex;align-items:flex-end;gap:8px}.app-shell .msg-composer .msg-input{flex:1 1 auto;width:auto;min-width:0;min-height:44px;max-height:132px;padding:11px 16px;border:1px solid var(--edge);border-radius:22px;background:#fff;font-size:16px;line-height:1.3;resize:none}.app-shell .msg-composer .msg-input:focus{border-color:var(--ocean);outline:0;box-shadow:0 0 0 3px rgba(28,124,184,.18)}.app-shell .msg-composer .msg-input:disabled{border-color:transparent;background:var(--fill);color:var(--ink-3)}.app-shell .msg-composer .msg-send{position:relative;display:grid;flex:0 0 44px;width:44px;height:44px;min-height:44px;place-items:center;padding:0;border:0;border-radius:50%;background:var(--msg-out);color:#fff;cursor:pointer;transition:transform .2s cubic-bezier(.2,.9,.25,1),background-color .15s ease,opacity .15s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.app-shell .msg-composer .msg-send:active:not(:disabled){transform:scale(.92)}.app-shell .msg-composer .msg-send:disabled{background:var(--fill);color:var(--ink-3);cursor:default;transform:none}.app-shell .msg-composer .msg-send:focus-visible{outline:2px solid var(--ocean);outline-offset:2px}.app-shell .msg-counter{display:grid;grid-gap:1px;gap:1px;padding:0 14px;color:var(--ink-3);font-size:12px;font-weight:600}.app-shell .msg-counter small{color:var(--ink-3);font-size:12px;font-weight:500;line-height:1.4}.app-shell .msg-error{padding:0 6px;font-size:13px}.app-shell .msg-chips{flex-wrap:nowrap;gap:8px;margin:0 -2px;padding:4px 2px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.app-shell .msg-chips::-webkit-scrollbar{display:none}.app-shell .msg-chip{position:relative;flex:0 0 auto;min-height:44px;padding:0 14px;border:0;background:#fff;box-shadow:0 0 0 1px rgba(17,24,39,.09);color:var(--ocean-text);font-size:14px;font-weight:650;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.app-shell .msg-chip:active:not(:disabled){background:var(--ocean-tint)}.app-shell .msg-chip[aria-pressed=true]{background:var(--ocean-tint);box-shadow:0 0 0 1px #C9DFEE}.app-shell .msg-chip:disabled{background:transparent;box-shadow:0 0 0 1px var(--edge);color:var(--ink-3)}.app-shell .msg-chip:focus-visible{outline:2px solid var(--ocean);outline-offset:1px}.app-shell .msg-template-panel{gap:10px;padding:14px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px var(--edge);font-size:14px}.app-shell .msg-template-note{font-size:13px}.app-shell .msg-template-actions{align-items:center;gap:8px}.app-shell .msg-payment-fields label{gap:6px;font-size:13px}.app-shell .msg-payment-fields input{min-height:44px;padding:0 12px;border:1px solid var(--field-line);border-radius:10px;font-size:16px}.app-shell .msg-panel .msg-panel-heading{flex-wrap:nowrap;justify-content:flex-start;gap:12px;margin:0 0 12px}.app-shell .msg-panel-heading-text{display:grid;min-width:0;grid-gap:1px;gap:1px}.app-shell .msg-panel-heading h3{margin:0;overflow:hidden;color:var(--ink);font-size:17px;font-weight:700;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.app-shell .msg-panel-heading h3:before{content:none}.app-shell .msg-panel-phone{font-size:13px}.app-shell .msg-inbox-filter{padding:12px 12px 8px}.app-shell .msg-conversation-title h2:before{content:none}.app-shell .msg-inbox-list>.msg-banner,.app-shell .msg-inbox-list>.msg-loading{margin:0 12px 10px}.app-shell .msg-inbox-list>.msg-banner:first-child,.app-shell .msg-inbox-list>.msg-loading:first-child{margin-top:12px}.app-shell .msg-inbox-empty{margin:0;padding:20px 16px;color:var(--ink-3);font-size:15px;font-weight:500;line-height:1.4;text-align:center;overflow-wrap:anywhere}.app-shell .msg-thread-list{padding:0}.app-shell .msg-thread-list>li{position:relative}.app-shell .msg-thread-list button{position:relative;grid-template-columns:14px 44px minmax(0,1fr);align-items:center;gap:10px;min-height:64px;padding:9px 16px 9px 4px;border-radius:0;-webkit-tap-highlight-color:transparent}.app-shell .msg-thread-list>li+li button:after{content:"";position:absolute;top:0;right:0;left:72px;height:.5px;background:var(--msg-sep)}.app-shell .msg-thread-list button:hover{background:var(--ui-hover,rgba(17,24,39,.03))}.app-shell .msg-thread-list button.selected{background:var(--ocean-tint)}.app-shell .msg-thread-list button:focus-visible{outline:2px solid var(--ocean);outline-offset:-2px}.app-shell .msg-unread-slot{display:grid;width:14px;place-items:center}.app-shell .msg-unread{display:block;width:10px;min-width:10px;height:10px;padding:0;border-radius:50%;background:var(--ocean);font-size:0}.app-shell .msg-avatar-unknown{color:#fff}.app-shell .msg-thread-main{gap:1px}.app-shell .msg-thread-top{display:flex;min-width:0;align-items:center;gap:8px}.app-shell .msg-thread-top strong{flex:1 1 auto;min-width:0;overflow:hidden;color:var(--ink);font-size:16px;font-weight:650;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.app-shell .msg-thread-list button.is-unread .msg-thread-top strong{font-weight:750}.app-shell .msg-thread-top .ui-pill{flex:0 0 auto}.app-shell .msg-thread-top time{flex:0 0 auto;margin-left:auto;color:var(--ink-3);font-size:13px;font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.app-shell .msg-thread-list button.is-unread .msg-thread-top time{color:var(--ocean-text);font-weight:650}.app-shell .msg-preview{display:block;overflow:hidden;color:var(--ink-2);font-size:15px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.app-shell .msg-preview.unread{color:var(--ink);font-weight:600}.app-shell .msg-thread-main small{display:block;overflow:hidden;color:var(--ink-3);font-size:12px;font-weight:600;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.app-shell .msg-conversation-head{gap:10px;padding:12px 16px 12px 20px}.app-shell .msg-conversation-title h2{font-size:17px;font-weight:700}.app-shell .msg-conversation-title small{color:var(--ink-3);font-weight:500}.app-shell .msg-open-order{position:relative;display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;min-height:36px;padding:0 14px;border:0;border-radius:999px;background:var(--ocean-tint);color:var(--ocean-text);font-family:inherit;font-size:14px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent}.app-shell .msg-open-order:before{content:"";position:absolute;inset:-4px 0}.app-shell .msg-open-order:active{opacity:.6}.app-shell .msg-open-order:focus-visible{outline:2px solid var(--ocean);outline-offset:2px}.app-shell .msg-conversation-inbox{padding:0 20px 14px}.app-shell .msg-conversation-inbox .msg-thread{flex:1 1 auto}.app-shell .msg-inbox-placeholder{margin:0;color:var(--ink-3);font-size:15px;font-weight:600}@media (max-width:820px){.app-shell .msg-inbox-list{border-radius:0;background:transparent;box-shadow:none}.app-shell .msg-inbox-filter{padding:0 0 12px}.app-shell .msg-inbox-list>.msg-banner,.app-shell .msg-inbox-list>.msg-loading{margin:0 0 10px}.app-shell .msg-inbox-list>.msg-banner:first-child,.app-shell .msg-inbox-list>.msg-loading:first-child{margin-top:0}.app-shell .msg-inbox-empty{padding:4px 16px;text-align:left}.app-shell .msg-thread-list{overflow:hidden;border-radius:12px;background:#fff;box-shadow:0 0 0 .5px rgba(17,24,39,.06)}.app-shell .msg-thread-list:empty{display:none}.app-shell .msg-thread-list button{min-height:64px}.app-shell .msg-inbox[data-pane=conversation] .msg-inbox-conversation{position:fixed;inset:0;z-index:45;display:flex;flex-direction:column;border-radius:0;background:var(--page);box-shadow:none;animation:msg-push .36s var(--ease-smooth,cubic-bezier(.32,.72,0,1))}.app-shell .msg-conversation-head{flex:0 0 auto;flex-wrap:nowrap;align-items:center;gap:8px;min-height:var(--compact-bar-height,52px);padding:env(safe-area-inset-top) max(12px,env(safe-area-inset-right)) 0 max(4px,env(safe-area-inset-left));border:0;background:#0B3C5D;box-shadow:0 8px 24px -14px rgba(8,20,32,.5);color:#fff}.app-shell .msg-back{display:grid;flex:0 0 44px;width:44px;height:44px;min-height:44px;place-items:center;margin:0 -4px 0 0;padding:0;border-radius:50%;color:#fff;-webkit-tap-highlight-color:transparent}.app-shell .msg-back:active{background:rgba(255,255,255,.16)}.app-shell .msg-back:focus-visible{outline:2px solid #fff;outline-offset:-2px}.app-shell .msg-conversation-head .ui-avatar{flex:0 0 auto}.app-shell .msg-conversation-title{flex:1 1 auto;min-width:0}.app-shell .msg-conversation-title h2{overflow:hidden;color:#fff;font-size:17px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.app-shell .msg-conversation-title small{display:block;overflow:hidden;color:rgba(255,255,255,.72);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.app-shell .msg-conversation-head .msg-open-order{background:rgba(255,255,255,.16);color:#fff}.app-shell .msg-conversation-head .msg-open-order:focus-visible{outline-color:#fff}.app-shell .msg-conversation-inbox{flex:1 1 auto;min-height:0;padding:0}.app-shell .msg-conversation-inbox .msg-notices{flex:0 0 auto;margin:10px max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left))}.app-shell .msg-conversation-inbox .msg-loading{padding:16px max(16px,env(safe-area-inset-left))}.app-shell .msg-conversation-inbox .msg-thread{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain;padding:8px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left))}.app-shell .msg-conversation-inbox .msg-composer{flex:0 0 auto;margin:0;padding:8px max(16px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));border-top:.5px solid var(--msg-sep);background:var(--page)}.app-shell[data-keyboard=open] .msg-conversation-inbox .msg-composer{padding-bottom:8px}.app-shell .msg-conversation-inbox .msg-chips{margin:0 calc(-1 * max(16px, env(safe-area-inset-right))) 0 calc(-1 * max(16px, env(safe-area-inset-left)));padding:2px max(16px,env(safe-area-inset-right)) 4px max(16px,env(safe-area-inset-left));scroll-padding-inline:max(16px,env(safe-area-inset-left))}.app-shell .msg-conversation-order .msg-thread{max-height:62dvh}.app-shell .msg-row{max-width:82%}.app-shell .msg-composer .msg-send{width:44px;min-height:44px}.app-shell .msg-composer .msg-input{font-size:16px}.app-shell .msg-template-actions{justify-content:space-between}}@keyframes msg-push{0%{transform:translateX(100%)}to{transform:none}}@media (prefers-reduced-motion:reduce){.app-shell .msg-composer .msg-send{transition:none}.app-shell .msg-composer .msg-send:active:not(:disabled){transform:none}.app-shell .msg-inbox[data-pane=conversation] .msg-inbox-conversation{animation:msg-fade .15s ease}}@keyframes msg-fade{0%{opacity:0}to{opacity:1}}.settings-view{width:100%;max-width:640px;margin:0 auto;font-family:var(--font-sans)}.settings-detail{min-width:0}.settings-pane{animation:settings-push .28s var(--ui-ease)}@keyframes settings-push{0%{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}@keyframes settings-slide{0%{transform:translateX(100%)}to{transform:none}}@keyframes settings-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.settings-pane{animation:none}}.settings-nav{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-gap:8px;gap:8px;margin:0 0 8px}.settings-back,.settings-nav{align-items:center;min-height:44px}.settings-back{display:inline-flex;justify-self:start;gap:2px;margin:0 0 0 -6px;padding:0 8px 0 2px;border:0;background:none;color:var(--ui-tint);font:inherit;font-size:17px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent}.settings-back:active{opacity:.55}.settings-back:focus-visible{outline:2px solid var(--ocean,#1C7CB8);outline-offset:2px;border-radius:8px}.settings-nav-title{max-width:100%;margin:0;overflow:hidden;color:var(--ui-label);font-size:17px;font-weight:700;letter-spacing:-.01em;text-align:center;text-overflow:ellipsis;white-space:nowrap}.settings-nav-end{display:flex;justify-content:flex-end;justify-self:end}.settings-nav-button,.settings-nav-end{align-items:center;min-width:44px;min-height:44px}.settings-nav-button{display:inline-flex;justify-content:center;padding:0 6px;border:0;background:none;color:var(--ui-tint);font:inherit;font-size:17px;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent}.settings-nav-button:disabled{color:var(--ui-label-3);cursor:default;opacity:.7}.settings-nav-button:active:not(:disabled){opacity:.55}.settings-nav-button:focus-visible{outline:2px solid var(--ocean,#1C7CB8);outline-offset:-2px;border-radius:10px}.settings-nav-round{width:44px;padding:0;border-radius:50%}@media (max-width:820px){.settings-view[data-pane=page]{position:fixed;inset:0;z-index:45;display:flex;max-width:none;flex-direction:column;margin:0;background:var(--page,#F6F3EE);animation:settings-slide .36s var(--ease-smooth,cubic-bezier(.32,.72,0,1))}.settings-view[data-pane=page] .settings-detail{display:flex;flex:1 1 auto;min-height:0;flex-direction:column}.settings-view[data-pane=page] .settings-nav{flex:0 0 auto;min-height:var(--compact-bar-height,52px);margin:0;padding:env(safe-area-inset-top) max(8px,env(safe-area-inset-right)) 0 max(8px,env(safe-area-inset-left));background:#0B3C5D;box-shadow:0 8px 24px -14px rgba(8,20,32,.5);color:#fff}.settings-view[data-pane=page] .settings-back{margin-left:0;color:#fff}.settings-view[data-pane=page] .settings-back:focus-visible{outline-color:#fff}.settings-view[data-pane=page] .settings-nav-button,.settings-view[data-pane=page] .settings-nav-title{color:#fff}.settings-view[data-pane=page] .settings-nav-button:disabled{color:rgba(255,255,255,.5);opacity:1}.settings-view[data-pane=page] .settings-nav-button:focus-visible{outline-color:#fff}.settings-view[data-pane=page] .settings-pane{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px max(16px,env(safe-area-inset-right)) calc(32px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));animation:none}}@media (max-width:820px) and (prefers-reduced-motion:reduce){.settings-view[data-pane=page]{animation:settings-fade .15s ease}}.settings-page{font-family:var(--font-sans)}.settings-page .ui-large-title{margin-bottom:18px}.settings-page .ui-large-title-title{font-size:28px}.settings-page .ui-large-title-subtitle{font-size:14px}.settings-profile .ui-row-title{font-size:19px;font-weight:750}.settings-profile .ui-row-leading{padding:10px 0}.settings-list .ui-row-trailing{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.settings-hero{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 0 24px;text-align:center}.settings-hero .ui-avatar{margin-bottom:8px}.settings-hero h3{color:var(--ui-label);font-size:22px;font-weight:800;line-height:1.2;letter-spacing:-.02em}.settings-hero h3,.settings-hero p{max-width:100%;margin:0;overflow-wrap:anywhere}.settings-hero p{color:var(--ui-label-3);font-size:15px;font-weight:500;line-height:1.4}.settings-seg-section .ui-segmented{width:100%}.settings-seg-section .ui-section-footer{padding-top:8px}.settings-discard{margin:-10px 0 22px}.settings-email{overflow-wrap:break-word;word-break:normal}.settings-note{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0 0 20px;padding:0 var(--ui-gutter);color:var(--ui-label-3);font-size:14px;font-weight:600;line-height:1.4}.settings-note.is-error{color:var(--danger,#B91C1C)}.settings-note.is-saved{color:#166534}.ui-section+.settings-note{margin-top:-14px}.ui-sheet .settings-note{margin:4px 0 8px;padding:0 4px}.settings-retry{min-height:44px;margin:-10px 0;padding:0 4px;border:0;background:none;color:var(--ui-tint);font:inherit;font-weight:700;cursor:pointer}.settings-retry:active{opacity:.55}.settings-error{color:var(--danger,#B91C1C);font-weight:600}.settings-fine{margin:14px 0 0;padding:0 var(--ui-gutter);color:var(--ui-label-3);font-size:13px;font-weight:500;line-height:1.4;text-align:center}.settings-savebar{display:grid;grid-gap:4px;gap:4px;margin:0 0 22px}.settings-you{color:var(--ui-label-3);font-weight:600}.settings-check{display:grid;color:var(--ui-tint)}.settings-amount{display:inline-flex;align-items:baseline;gap:2px;color:var(--ui-label);font-size:16px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.settings-amount small{color:var(--ui-label-3);font-size:13px;font-weight:600}.settings-removed .ui-row-leading,.settings-removed .ui-row-text,.ui-row.is-inactive,.ui-row.is-off{opacity:.62}.settings-fieldset{min-width:0;margin:0;padding:0;border:0}.settings-view .ui-row-subtitle{overflow-wrap:anywhere}.settings-expenses .ui-stat-grid{margin-bottom:26px}.settings-expenses .ui-large-title{align-items:center}@media (max-width:420px){.settings-expenses .ui-large-title{flex-wrap:wrap;align-items:flex-start}}html.is-app .settings-view .settings-backup{display:none}@media (min-width:821px){.settings-view{margin:0}.settings-view:not([data-pane=list]) .settings-nav{position:-webkit-sticky;position:sticky;top:0;z-index:5;background:var(--page,#F6F3EE)}}@media (min-width:1024px){.settings-view[data-pane=split]{display:grid;grid-template-columns:clamp(260px,32%,320px) minmax(0,1fr);grid-gap:32px;gap:32px;align-items:start;max-width:1080px}.settings-view[data-pane=split] .settings-list{position:-webkit-sticky;position:sticky;top:16px}.settings-view[data-pane=split] .settings-list .ui-row[aria-current=page]{background:var(--ocean-tint,#E4F0F8)}.settings-view[data-pane=split] .settings-detail{max-width:680px}.settings-view[data-pane=split] .settings-nav{grid-template-columns:minmax(0,1fr) auto;margin:0 0 12px}.settings-view[data-pane=split] .settings-nav-title{padding-left:var(--ui-gutter);font-size:22px;font-weight:800;letter-spacing:-.02em;text-align:left}}.app-shell .ui-field select:not([multiple]){min-height:44px;margin-block:-7px;padding:2px 28px 2px 0;border:0;border-radius:0;background-color:transparent;background-position:right 0 center;box-shadow:none;font-size:17px;font-weight:500}.app-shell .ui-field select:not([multiple]):focus-visible,.app-shell .ui-field select:not([multiple]):hover{border:0}.remote-view{width:100%;max-width:880px;margin:0 auto;font-family:var(--font-sans)}.gate-banner{display:flex;align-items:flex-start;gap:10px;margin:0 0 16px;padding:12px 14px;border-radius:14px;background:var(--pending-tint,#FFF1DC);color:#8F4F00;font-size:14px;font-weight:600;line-height:1.4}.gate-banner svg{flex:0 0 auto;margin-top:1px}.gate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;margin:0 0 20px;padding:0;list-style:none}.gate-grid>li{display:flex;min-width:0}@media (min-width:821px){.gate-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}}.gate-button{display:flex;width:100%;min-width:0;min-height:156px;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:14px;margin:0;padding:16px;border:0;border-radius:20px;background:var(--ui-group-bg);box-shadow:0 0 0 .5px rgba(17,24,39,.05),0 6px 16px -10px rgba(17,24,39,.25);color:var(--ui-label);font-family:var(--font-sans);text-align:left;cursor:pointer;transition:transform .25s var(--ui-ease-spring),background-color .2s ease,box-shadow .2s ease;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation}.gate-button:active:not([aria-disabled=true]){transform:scale(.97);transition-duration:80ms}.gate-button:focus-visible{outline:2px solid var(--ocean,#1C7CB8);outline-offset:2px}.gate-button[aria-disabled=true]{cursor:default}@media (hover:hover){.gate-button[data-state=idle]:hover{box-shadow:0 0 0 .5px rgba(17,24,39,.06),0 10px 22px -12px rgba(17,24,39,.32)}}@media (min-width:821px){.gate-button{min-height:172px}}.gate-icon{display:grid;flex:0 0 auto;width:44px;height:44px;place-items:center;border-radius:50%;background:var(--ui-primary);color:#fff;transition:background-color .2s ease}.gate-copy{display:flex;min-width:0;max-width:100%;flex-direction:column;gap:2px}.gate-name{font-size:17px;font-weight:750;line-height:1.25;letter-spacing:-.01em}.gate-status{color:var(--ui-tint);font-size:14px;font-weight:650;line-height:1.3}.gate-detail{color:var(--ui-label-2);font-size:13px;font-weight:500;line-height:1.35;overflow-wrap:anywhere}.gate-button[data-state=blocked],.gate-button[data-state=loading]{background:var(--fill,#EFEAE1);box-shadow:none}.gate-button[data-state=blocked] .gate-icon,.gate-button[data-state=loading] .gate-icon{background:rgba(17,24,39,.12);color:var(--ui-label-2)}.gate-button[data-state=blocked] .gate-name,.gate-button[data-state=loading] .gate-name{color:var(--ui-label-2)}.gate-button[data-state=blocked] .gate-status,.gate-button[data-state=loading] .gate-status{color:#4B5563}.gate-button[data-state=busy]{background:var(--ocean-tint,#E4F0F8);box-shadow:none}.gate-button[data-state=busy] .gate-icon{background:var(--ocean,#1C7CB8)}.gate-button[data-state=busy] .gate-status{color:#0E4A72}.gate-button[data-state=opened]{background:#DCFCE7;box-shadow:none}.gate-button[data-state=opened] .gate-icon{background:#15803D}.gate-button[data-state=opened] .gate-status{color:#166534}.gate-button[data-state=failed]{background:#FEE2E2;box-shadow:none}.gate-button[data-state=failed] .gate-icon{background:#B91C1C}.gate-button[data-state=failed] .gate-status{color:#B91C1C}.gate-button[data-state=failed] .gate-detail{color:#7F1D1D}.gate-button[data-state=uncertain]{background:var(--pending-tint,#FFF1DC);box-shadow:none}.gate-button[data-state=uncertain] .gate-icon{background:#A35A00}.gate-button[data-state=uncertain] .gate-status{color:#8F4F00}.gate-button[data-state=uncertain] .gate-detail{color:#6B3E00}.gate-spinner{display:block;width:22px;height:22px;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:gate-spin .8s linear infinite}@keyframes gate-spin{to{transform:rotate(1turn)}}.gate-note{margin:0 0 8px;padding:0 var(--ui-gutter);color:var(--ui-label-3);font-size:13px;font-weight:500;line-height:1.45}@media (prefers-reduced-motion:reduce){.gate-button,.gate-icon{transition:none}.gate-button:active:not([aria-disabled=true]){transform:none;opacity:.7}.gate-spinner{animation:none;border-top-color:rgba(255,255,255,.4);border-right-color:#fff}}