:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#18212f;--muted:#788294;--line:#e8ebf1;--blue:#344cf0;--blue-dark:#253bd4;--soft-blue:#eef0ff;--green:#118b66;--orange:#b66b19;--page:#f6f7fb}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#e9edf5;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}:focus-visible{outline-offset:2px;outline:3px solid #8290ff}.loading-screen,.auth-page,.gate-page{width:min(100%,480px);min-height:100svh;padding:max(24px, env(safe-area-inset-top)) 20px max(24px, env(safe-area-inset-bottom));place-items:center;margin:0 auto;display:grid}.loading-screen{color:var(--muted);align-content:center;gap:14px;font-size:13px}.loading-screen p{margin:0}.loader{border:2px solid #dfe3ed;border-top-color:var(--blue);border-radius:50%;width:24px;height:24px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.brand-lockup{color:var(--ink);letter-spacing:-.035em;align-items:center;gap:10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;font-weight:800;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#5669ff,#3547df);border-radius:13px;flex:none;place-items:center;width:39px;height:39px;display:grid;box-shadow:0 7px 16px #3649e733}.auth-page{background:radial-gradient(at 50% 34%,#f0f2ff 0,#f8f9fc 45%,#f4f6fb 100%);position:relative;overflow:hidden}.auth-card{background:#ffffffeb;border:1px solid #e8eaf2;border-radius:26px;width:min(100%,390px);padding:31px 27px 25px;box-shadow:0 25px 80px #222f5b17}.auth-illustration{place-items:center;height:180px;margin:17px 0 4px;display:grid;position:relative}.illustration-orbit{border:1px solid #dfe3ff;border-radius:50%;position:absolute}.orbit-one{width:120px;height:120px}.orbit-two{opacity:.85;border-style:dashed;width:165px;height:165px}.illustration-core{z-index:1;width:74px;height:74px;color:var(--blue);background:#edf0ff;border-radius:24px;place-items:center;display:grid;box-shadow:0 10px 24px #3a50e51a}.dot{z-index:2;border:3px solid #fff;border-radius:50%;width:11px;height:11px;position:absolute;box-shadow:0 3px 8px #24304a20}.dot-one{background:#26b887;top:28px;left:31%}.dot-two{background:#f0a74a;width:14px;height:14px;top:53px;right:27%}.dot-three{background:#7d68f7;width:13px;height:13px;bottom:21px;left:39%}.eyebrow{color:#8a93a3;letter-spacing:.13em;margin:0;font-size:9px;font-weight:700}.auth-card h1,.gate-card h1{letter-spacing:-.055em;margin:12px 0 9px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:31px;line-height:1.17}.auth-card h1 span{color:var(--blue)}.auth-copy{color:#737d8e;margin:0 0 23px;font-size:13px;line-height:1.6}.google-button{color:#263144;background:#fff;border:1px solid #dfe3eb;border-radius:13px;justify-content:center;align-items:center;gap:11px;width:100%;height:53px;padding:0 15px;font-size:13px;font-weight:700;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 4px #18212f08}.google-button:hover{border-color:#bac3d4;transform:translateY(-1px);box-shadow:0 7px 16px #18212f0d}.google-button span{text-align:left;flex:1}.auth-footnote{color:#8b95a5;justify-content:center;align-items:center;gap:6px;margin:18px 0 0;font-size:10px;display:flex}.version-note{bottom:max(14px, env(safe-area-inset-bottom));color:#a4acba;letter-spacing:.16em;margin:0;font-size:8px;font-weight:700;position:absolute}.version-note span{color:#c3c9d4;padding:0 5px}.app-shell{background:var(--page);width:min(100%,480px);min-height:100svh;margin:0 auto}.topbar{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-bottom:1px solid #e9ebf1;justify-content:space-between;align-items:center;height:60px;padding:0 16px;display:flex;position:sticky;top:0}.topbar .brand-mark{border-radius:11px;width:33px;height:33px}.topbar .brand-lockup{font-size:13px}.brand-home{text-align:left;background:0 0;border:0;padding:0}.topbar-right{align-items:center;gap:12px;display:flex}.role-pill{border:1px solid #ebeef4;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:11px;font-weight:700;display:flex}.role-admin{color:#4452cb;background:#f5f5ff}.role-merchant{color:#087c61;background:#effaf6}.role-dot,.online-indicator span{background:currentColor;border-radius:50%;width:6px;height:6px}.avatar-button{background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid}.avatar{color:#4855ca;background:#eff1ff;border:1px solid #dce2f8;border-radius:50%;place-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:grid}.account-menu-wrap{position:relative}.account-menu{z-index:6;background:#fff;border:1px solid #e7e9ef;border-radius:14px;width:min(240px,100vw - 32px);padding:7px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 30px #1d2b461c}.account-menu-email{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;padding:9px 10px;font-size:11px;display:block;overflow:hidden}.account-menu button{color:#495366;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:9px;width:100%;min-height:44px;padding:9px 10px;font-size:13px;display:flex}.account-menu button:hover{color:#c34949;background:#fff5f5}.dashboard{width:calc(100% - 32px);padding:22px 0 calc(92px + env(safe-area-inset-bottom));margin:0 auto}.welcome-row{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:18px;display:flex}.welcome-row .eyebrow{margin-bottom:9px}.welcome-row h1{letter-spacing:-.055em;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(24px,7vw,29px);line-height:1.18}.welcome-row h1 span{color:var(--blue)}.subheading{color:var(--muted);margin:7px 0 0;font-size:13px;line-height:1.45}.online-indicator{color:#24846a;background:#f4fbf8;border:1px solid #e2eee9;border-radius:999px;flex:none;align-items:center;gap:6px;margin-top:3px;padding:8px 9px;font-size:10px;font-weight:700;display:flex}.online-indicator span{background:#26aa7b;box-shadow:0 0 0 3px #dff4eb}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:15px;display:grid}.summary-card:first-child{grid-column:1/-1;min-height:100px}.summary-card{background:#fff;border:1px solid #e9ebf1;border-radius:16px;min-width:0;min-height:104px;padding:13px;position:relative;overflow:hidden}.summary-primary{color:#fff;background:linear-gradient(145deg,#5264fb,#3446da);border-color:#4052e8;box-shadow:0 9px 22px #4051e51f}.summary-card-top{color:#9199a8;letter-spacing:.06em;justify-content:space-between;align-items:center;gap:4px;font-size:10px;font-weight:700;display:flex}.summary-primary .summary-card-top{color:#d7dcff}.summary-card strong{letter-spacing:-.055em;margin-top:10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:29px;line-height:1;display:block}.summary-card p{color:#8992a1;white-space:nowrap;align-items:center;gap:3px;margin:7px 0 0;font-size:11px;display:flex}.summary-primary p{color:#e2e5ff}.summary-card p span{align-items:center;margin-left:auto;font-size:10px;display:flex}.summary-icon{border-radius:9px;place-items:center;width:28px;height:28px;display:grid}.merchant-icon{color:#139373;background:#eaf9f4}.pending-icon-small{color:#bc7c30;background:#fff5e8}.summary-accent{border:1px solid #ffffff27;border-radius:50%;width:91px;height:64px;position:absolute;bottom:-27px;right:-14px;transform:rotate(-24deg)}.panel{background:#fff;border:1px solid #e8ebf1;border-radius:18px;overflow:visible;box-shadow:0 3px 10px #25324a05}.panel-heading{justify-content:space-between;align-items:center;gap:10px;padding:17px 15px 14px;display:flex}.panel-heading .eyebrow{margin-bottom:5px}.panel-heading h2,.sheet-heading h2{letter-spacing:-.045em;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:18px}.panel-copy{color:var(--muted);margin:4px 0 0;font-size:12px;line-height:1.4}.invite-button{color:#fff;background:var(--blue);border:0;border-radius:12px;justify-content:center;align-items:center;gap:6px;min-width:44px;min-height:44px;padding:0 12px;font-size:12px;font-weight:700;display:flex;box-shadow:0 5px 13px #344cf02b}.invite-button:hover,.primary-button:hover{background:var(--blue-dark)}.toolbar{padding:0 15px 12px}.search-box{color:#929aaa;background:#fbfcfe;border:1px solid #e6e9f0;border-radius:12px;align-items:center;gap:9px;height:46px;padding:0 12px;display:flex}.search-box input{width:100%;min-width:0;min-height:42px;color:var(--ink);background:0 0;border:0;outline:0;font-size:14px}.search-box input::placeholder{color:#a0a8b5}.search-box kbd{color:#9aa2b0;white-space:nowrap;background:#fff;border:1px solid #e7e9ef;border-radius:5px;padding:3px 5px;font-size:8px;display:none}.filter-tabs{scrollbar-width:none;border-bottom:1px solid #eef0f4;gap:2px;padding:0 10px;display:flex;overflow-x:auto}.filter-tabs::-webkit-scrollbar{display:none}.filter-tabs button{color:#788294;white-space:nowrap;background:0 0;border:0;flex:none;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:48px;padding:0 4px;font-size:11px;font-weight:650;display:flex;position:relative}.filter-tabs button.selected{color:var(--blue)}.filter-tabs button.selected:after{background:var(--blue);content:"";border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-1px;left:3px;right:3px}.filter-tabs button span{color:#788294;text-align:center;background:#f1f3f7;border-radius:6px;min-width:19px;padding:3px 5px;font-size:10px}.filter-tabs button.selected span{color:#4656da;background:#eef0ff}.people-list{min-height:92px}.person-row{border-bottom:1px solid #f0f1f5;grid-template-columns:42px minmax(0,1fr) 44px;align-items:center;gap:0 10px;min-height:80px;padding:12px 10px;display:grid;position:relative}.person-row:last-child{border-bottom:0}.person-row:not(.invitation-row)>.person-avatar{grid-row:1/span 2;align-self:center}.person-avatar{color:#4755cc;object-fit:cover;background:#eef0ff;border-radius:13px;flex:none;place-items:center;width:40px;height:40px;font-size:12px;font-weight:700;display:grid}.admin-avatar{color:#fff;background:linear-gradient(140deg,#6172ff,#4854d9)}.invitation-avatar{color:#b2782b;background:#fff4e5}.person-info{grid-area:1/2;gap:4px;min-width:0;display:grid}.person-info strong{color:#273143;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.person-info span{color:#788294;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.person-info .telegram-id{color:#5967c9;font-size:11px;font-weight:600}.person-meta{grid-area:2/2;place-items:center start;gap:7px;min-width:0;display:flex}.access-badge{border-radius:7px;align-items:center;gap:5px;padding:5px 7px;font-size:10px;font-weight:700;display:inline-flex}.access-badge>span{background:currentColor;border-radius:50%;width:5px;height:5px}.badge-admin{color:#4a58c8;background:#f0f1ff}.badge-merchant{color:#168263;background:#ebf8f3}.badge-pending{color:#a96d22;background:#fff5e8}.person-meta small{color:#788294;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.more-button{color:#788294;background:0 0;border:0;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.more-button:hover{color:#4c59cb;background:#f3f4ff}.menu-wrap{flex:none;grid-area:1/3/span 2;place-self:center;position:relative}.action-menu{z-index:5;background:#fff;border:1px solid #e7e9ef;border-radius:13px;width:min(240px,100vw - 48px);padding:6px;position:absolute;top:40px;right:0;box-shadow:0 12px 30px #1d2b461c}.action-menu button{color:#495366;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;width:100%;min-height:44px;padding:9px 10px;font-size:13px;display:flex}.action-menu button:hover{background:#f5f6fa}.action-menu .danger-action{color:#c34949}.menu-note{color:#788294;padding:10px;font-size:12px;display:block}.invitation-state{color:#a47a41;white-space:nowrap;font-size:8px;display:none}.empty-state{color:#919aaa;text-align:center;align-content:center;justify-items:center;gap:7px;min-height:145px;display:grid}.empty-state div{color:#5967da;background:#f0f1ff;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.empty-state strong{color:#556073;font-size:14px}.empty-state span{font-size:12px}.panel-footer{color:#788294;border-top:1px solid #eff0f4;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px 8px 15px;font-size:11px;display:flex}.panel-footer button{color:#5664c9;white-space:nowrap;background:0 0;border:0;align-items:center;gap:5px;min-height:44px;padding:0 4px;font-size:12px;font-weight:650;display:flex}.merchant-placeholder{text-align:center;justify-items:center;padding:35px 22px;display:grid}.placeholder-icon{width:49px;height:49px;color:var(--blue);background:var(--soft-blue);border-radius:16px;place-items:center;margin-bottom:14px;display:grid}.merchant-placeholder h2{letter-spacing:-.04em;margin:8px 0 5px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:20px}.merchant-placeholder>p:last-child{max-width:260px;color:var(--muted);margin:0;font-size:11px;line-height:1.55}.routers-section{gap:14px;display:grid}.routers-heading-wrap{justify-content:space-between;align-items:flex-end;gap:10px;padding:1px 2px 2px;display:flex}.routers-heading{padding:0}.routers-heading h1{letter-spacing:-.045em;margin:6px 0 0;font-size:25px}.refresh-routers-button{color:#4e596c;cursor:pointer;background:#fff;border:1px solid #e1e4ee;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;min-height:38px;padding:0 12px;font-size:12px;font-weight:650;display:flex;box-shadow:0 1px 2px #1018280d}.refresh-routers-button:hover{background:#f8f9fc;border-color:#d3d7e4}.merchant-router-list{gap:12px;display:grid}.merchant-router-card{padding:13px;overflow:hidden}.merchant-router-heading{align-items:center;gap:10px;min-width:0;padding-bottom:12px;display:flex}.merchant-router-info{flex:1;gap:4px;min-width:0;display:grid}.merchant-router-info strong,.router-details strong{color:#273143;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.merchant-router-info span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.merchant-router-count{color:#5664c9;text-align:center;white-space:nowrap;background:#f0f1ff;border-radius:8px;min-width:26px;padding:5px 8px;font-size:11px;font-weight:700}.router-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.router-card-item{background:#fbfcfe;border:1px solid #eef0f4;border-radius:12px;align-items:flex-start;gap:10px;min-width:0;padding:11px;display:flex}.router-icon{color:#5664c9;background:#f0f1ff;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.router-details{flex:1;gap:3px;min-width:0;display:grid}.router-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.router-title-row strong{color:#273143;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.router-details code,.router-title-row code{color:#687386;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;overflow:hidden}.router-ips{flex-wrap:wrap;align-items:center;gap:5px;display:inline-flex}.ip-badge{border-radius:6px;align-items:center;gap:4px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.2;display:inline-flex}.ip-badge-label{text-transform:uppercase;letter-spacing:.04em;font-size:9px;font-weight:750}.ip-badge-iface{opacity:.82;font-size:10px;font-weight:500}.lan-badge{color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe}.lan-badge .ip-badge-label{color:#2563eb}.wan-badge{color:#b45309;background:#fffbeb;border:1px solid #fef3c7}.wan-badge .ip-badge-label{color:#d97706}.vpn-badge{color:#6d28d9;background:#f5f3ff;border:1px solid #ede9fe}.vpn-badge .ip-badge-label{color:#7c3aed}.router-tags-row{flex-wrap:wrap;align-items:center;gap:5px;margin-top:2px;display:flex}.router-tag{border-radius:6px;align-items:center;padding:2px 6px;font-size:10px;font-weight:600;line-height:1.2;display:inline-flex}.model-tag{color:#3b48a0;background:#ebf0fe}.version-tag{color:#186b51;background:#eaf6f2}.serial-tag{color:#64748b;background:#f1f5f9;font-family:ui-monospace,monospace}.router-empty{color:var(--muted);border-top:1px solid #f0f1f5;margin:0 0 10px;padding:12px 0;font-size:12px}.detecting-box{text-align:center;background:#fbfcfe;border:1px dashed #cfd7eb;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:130px;margin:12px 0;padding:20px;display:flex}.detecting-text strong{color:#2d3748;margin-bottom:3px;font-size:13px;display:block}.detecting-text span{color:var(--muted);font-size:11px}.detected-section{gap:12px;margin:8px 0 0;display:grid}.detected-banner{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:650;display:flex}.reprobe-button{color:#15803d;cursor:pointer;background:#fff;border:1px solid #86efac;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-flex}.reprobe-button:hover{background:#f0fdf4}.detected-selector{gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.detected-chip{text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;padding:6px 10px;display:flex}.detected-chip.selected{border-color:var(--blue);background:#f0f4ff}.detected-chip span{color:#1e293b;font-size:12px;font-weight:700}.detected-chip code{color:#64748b;font-size:11px}.detected-card{background:#f8faff;border:1px solid #dce4f7;border-radius:14px;padding:13px}.detected-card-top{align-items:center;gap:10px;margin-bottom:10px;display:flex}.detected-card-icon{color:#4351c9;background:#eaedff;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.detected-card-main{gap:2px;display:grid}.detected-card-main strong{color:#1a2233;font-size:13px}.detected-card-main code{color:#526078;font-size:12px;font-weight:600}.detected-specs-grid{border-top:1px solid #e7ecfa;grid-template-columns:repeat(2,1fr);gap:7px 10px;padding-top:10px;display:grid}.detected-spec{gap:1px;min-width:0;display:grid}.spec-label{color:#78859e;text-transform:uppercase;letter-spacing:.03em;font-size:10px;font-weight:600}.spec-val{color:#232b3b;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.router-confirm-form{margin-top:4px}.detection-empty-box{gap:10px;margin-top:8px;display:grid}.detection-note{color:var(--muted);margin:0;font-size:12px}.probe-row{gap:8px;display:flex}.probe-row input{flex:1}.probe-button{white-space:nowrap;min-height:44px;padding:0 12px;font-size:12px}.divider-text{color:#94a3b8;align-items:center;gap:10px;margin:8px 0;font-size:11px;display:flex}.divider-text:before,.divider-text:after{content:"";background:#e2e8f0;flex:1;height:1px}.add-router-button{color:#4b59c9;background:#f8f8ff;border:1px solid #dfe3fb;border-radius:11px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:44px;margin-top:12px;font-size:12px;font-weight:700;display:flex}.add-router-button:hover{background:#eef0ff}.routers-empty-state{text-align:center;align-content:center;justify-items:center;gap:8px;min-height:170px;padding:20px;display:grid}.routers-empty-state .placeholder-icon{margin-bottom:2px}.routers-empty-state strong{color:#495467;font-size:14px}.routers-empty-state span{max-width:260px;color:var(--muted);font-size:12px;line-height:1.5}.routers-loading{min-height:120px;color:var(--muted);justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex}.routers-loading .loader{width:20px;height:20px}.dashboard-footer{color:#788294;gap:8px;padding:15px 3px;font-size:11px;display:grid}.dashboard-footer span{align-items:center;gap:5px;display:flex}.dashboard-footer a{color:#5664d8;text-decoration:none}.bottom-nav{z-index:5;width:min(100%,480px);padding:7px 12px max(8px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-top:1px solid #e9ebf1;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -5px 18px #25324a0a}.bottom-nav-single{grid-template-columns:minmax(0,1fr)}.bottom-nav button{color:#7d8798;background:0 0;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;min-height:52px;font-size:10px;font-weight:650;display:flex}.bottom-nav button.selected{color:var(--blue);background:#f0f2ff}.bottom-nav button svg{flex:none}.alert{border-radius:12px;align-items:center;gap:9px;margin:0 0 13px;padding:12px;font-size:13px;line-height:1.45;display:flex}.alert-error{color:#a94343;background:#fff5f5;border:1px solid #f1d0d0}.alert-success{color:#168263;background:#f1fbf7;border:1px solid #d4eee4}.alert-warning{color:#92550a;background:#fffbf0;border:1px solid #f7d9a8}.alert button{width:36px;height:36px;color:inherit;background:0 0;border:0;border-radius:9px;flex:none;place-items:center;margin:-4px -5px -4px auto;padding:2px;display:grid}.gate-card{border:1px solid var(--line);background:#fff;border-radius:20px;width:min(100%,420px);padding:25px 22px;box-shadow:0 20px 60px #25324a0d}.gate-card .brand-lockup{margin-bottom:28px}.pending-icon{color:#b27322;background:#fff5e8;border-radius:15px;place-items:center;width:49px;height:49px;margin-bottom:18px;display:grid}.gate-card>p:not(.eyebrow){color:#667184;font-size:14px;line-height:1.6}.gate-card>p strong{color:#465166;overflow-wrap:anywhere}.primary-button,.secondary-button{color:#fff;background:var(--blue);border:0;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:48px;padding:0 16px;font-size:14px;font-weight:700;display:inline-flex}.secondary-button{color:#566173;background:#fff;border:1px solid #e5e8ee;margin-top:10px}.text-button{color:#667184;background:0 0;border:0;align-items:center;gap:6px;min-height:44px;margin-top:12px;padding:8px 4px;font-size:13px;display:flex}.modal-backdrop{z-index:10;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#131b2b65;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.invite-sheet{width:min(100%,480px);max-height:min(94svh,820px);padding:12px 20px max(24px, env(safe-area-inset-bottom));overscroll-behavior:contain;background:#fff;border:1px solid #f1f2f6;border-radius:23px 23px 0 0;animation:.2s ease-out sheet-in;overflow-y:auto;box-shadow:0 20px 65px #11192d2e}.router-modal-sheet{max-height:min(96svh,900px)}@keyframes sheet-in{0%{opacity:.6;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.sheet-handle{background:#e1e4eb;border-radius:4px;width:34px;height:4px;margin:0 auto 17px}.sheet-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.sheet-heading .eyebrow{margin-bottom:6px}.close-button{color:#667184;background:#f4f5f8;border:0;border-radius:12px;flex:none;place-items:center;width:44px;height:44px;display:grid}.sheet-copy{color:#667184;margin:9px 0 18px;font-size:13px;line-height:1.5}.field-label{color:#4e596c;gap:8px;margin:15px 0;font-size:12px;font-weight:700;display:grid}.field-label input,.field-label select{color:#344054;background:#fff;border:1px solid #e3e7ee;border-radius:12px;outline:none;width:100%;height:50px;padding:0 13px;font-size:16px}.field-label input:focus,.field-label select:focus{border-color:#8390fb;box-shadow:0 0 0 3px #4e5df01a}.field-label input::placeholder{color:#a8afbb}.security-note{color:#5967c9;align-items:center;gap:7px;margin:8px 0 14px;font-size:12px;line-height:1.45;display:flex}.full-button{width:100%;min-height:52px;margin-top:7px}.full-button svg{margin-left:auto}.setup-guide{background:#f8fafc;border:1px solid #dbe2ea;border-radius:13px;min-width:0;max-width:100%;margin-top:14px;transition:all .2s;overflow:hidden}.setup-guide[open]{background:#fff;border-color:#cbd5e1;box-shadow:0 4px 14px #0000000a}.setup-guide summary{color:#334155;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;font-size:12px;font-weight:650;list-style:none;display:flex}.setup-guide summary::-webkit-details-marker{display:none}.setup-guide summary:hover{background:#f1f5f9}.setup-guide-summary-title{color:#1e293b;align-items:center;gap:8px;display:flex}.setup-guide-summary-title svg{color:#4351c9}.guide-chevron{color:#64748b;transition:transform .2s}.setup-guide[open] .guide-chevron{transform:rotate(180deg)}.setup-guide-body{color:#475569;border-top:1px solid #e2e8f0;gap:14px;min-width:0;max-width:100%;padding:12px 14px 16px;font-size:12px;display:grid}.setup-step{gap:6px;min-width:0;max-width:100%;display:grid}.setup-step-title{align-items:center;gap:7px;display:flex}.step-num{color:#fff;background:#4351c9;border-radius:50%;flex-shrink:0;place-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:grid}.setup-step-title strong{color:#1e293b;font-size:12px}.setup-step-desc{color:#64748b;margin:0;font-size:11.5px;line-height:1.45}.setup-step-desc code{color:#0f172a;background:#f1f5f9;border-radius:4px;padding:1px 4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.setup-step-list{color:#64748b;gap:4px;margin:0;padding-left:18px;font-size:11.5px;display:grid}.setup-step-list code{color:#0f172a;background:#f1f5f9;border-radius:4px;padding:1px 4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.setup-code-card{box-sizing:border-box;background:#0f172a;border:1px solid #1e293b;border-radius:9px;flex-direction:column;gap:6px;min-width:0;max-width:100%;padding:10px 12px;display:flex}.setup-code-header{border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;gap:8px;padding-bottom:6px;display:flex}.setup-code-tag{color:#94a3b8;letter-spacing:.03em;font-size:10.5px;font-weight:700}.setup-code-content{width:100%;min-width:0;overflow:hidden}.setup-code-content code,.setup-code-content pre{color:#38bdf8;white-space:pre-wrap;word-break:break-all;overflow-wrap:anywhere;box-sizing:border-box;width:100%;margin:0;padding:2px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:11.5px;line-height:1.5;display:block}.setup-substep{gap:5px;margin-top:4px;display:grid}.substep-label{color:#475569;font-size:11px;font-weight:600}.setup-code-block{color:#e2e8f0;box-sizing:border-box;background:#0f172a;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;min-width:0;max-width:100%;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;display:flex}.setup-code-block code{color:#38bdf8;white-space:pre-wrap;word-break:break-all;overflow-wrap:anywhere;flex:auto;min-width:0;padding:2px 0 4px;display:block}.copy-snippet-btn{color:#cbd5e1;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:6px;flex-shrink:0;align-items:center;gap:5px;min-height:28px;padding:5px 10px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.copy-snippet-btn:hover{color:#f8fafc;background:#334155}.copy-snippet-btn.copied{color:#fff;background:#15803d;border-color:#22c55e}.setup-env-box{color:#334155;-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;min-width:0;max-width:100%;margin:0;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.45;overflow-x:auto}.setup-env-box::-webkit-scrollbar{height:4px}.setup-env-box::-webkit-scrollbar-track{background:0 0}.setup-env-box::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}@media (min-width:481px){.app-shell,.auth-page,.gate-page,.loading-screen{box-shadow:0 0 48px #23304b14}.modal-backdrop{width:min(100%,480px);left:50%;transform:translate(-50%)}}@media (max-width:360px){.dashboard{width:calc(100% - 24px)}.topbar{padding-left:12px;padding-right:12px}.role-pill{padding:6px 8px;font-size:10px}.summary-grid{gap:7px}.summary-card{padding:11px}.summary-card-top{font-size:9px}.summary-card p{font-size:10px}.filter-tabs{padding-left:5px;padding-right:5px}.filter-tabs button{gap:3px;font-size:11px}.person-row{grid-template-columns:38px minmax(0,1fr) 40px;gap:0 8px;padding-left:7px;padding-right:7px}.person-avatar{width:36px;height:36px}.more-button{width:40px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}