:root{--ink:#171724;--muted:#686878;--primary:#4328dd;--primary-2:#5d48ee;--lav:#f2efff;--line:#dedaf2;--bg:#fbfbfe;--shadow:0 12px 32px rgba(42,31,91,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.dashboard-page{min-width:0}.dash-sidebar{position:fixed;inset:0 auto 0 0;z-index:40;display:flex;width:258px;flex-direction:column;padding:24px 18px;border-right:1px solid #e7e4f3;background:#fff}.dash-brand{display:flex;align-items:center;gap:11px;margin:0 10px 28px;color:var(--ink);text-decoration:none}.dash-brand>img{width:38px;height:38px;border-radius:11px}.dash-brand strong{display:block;font-size:22px;letter-spacing:-.03em}.dash-brand small{display:block;margin-top:2px;color:#838092;font-size:10px}.dash-nav{display:grid;gap:5px}.dash-nav a,.dash-nav button{display:flex;min-height:44px;align-items:center;gap:13px;width:100%;padding:0 13px;border:0;border-radius:9px;background:transparent;color:#5b596b;font:750 12px/1 inherit;text-decoration:none;cursor:pointer}.dash-nav img{width:19px;height:19px}.dash-nav a:hover,.dash-nav button:hover,.dash-nav .active{background:var(--lav);color:var(--primary)}.dash-nav .active{border-right:3px solid var(--primary)}.dash-nav-rule{height:1px;margin:18px 10px 12px;background:var(--line)}.dash-upgrade{position:relative;margin-top:auto;padding:18px;border-radius:11px;background:linear-gradient(145deg,#f4f1ff,#e7e1ff);overflow:hidden}.dash-upgrade>img{position:absolute;right:-17px;top:10px;width:82px;height:82px;opacity:.14}.dash-upgrade strong{font-size:13px;color:var(--primary)}.dash-upgrade p{max-width:135px;margin:6px 0 14px;color:#6f68a3;font-size:11px;line-height:1.5}.dash-upgrade a{display:grid;min-height:36px;place-items:center;border:1px solid #d4ccff;border-radius:8px;background:#fff;color:var(--primary);font-size:11px;font-weight:800;text-decoration:none}.dash-topbar{position:sticky;top:0;z-index:30;display:flex;height:74px;align-items:center;justify-content:space-between;margin-left:258px;padding:0 32px;border-bottom:1px solid #ebe8f5;background:rgba(251,251,254,.94);backdrop-filter:blur(12px)}.dash-search{position:relative;width:min(540px,48vw)}.dash-search img{position:absolute;left:14px;top:50%;width:18px;transform:translateY(-50%)}.dash-search input{width:100%;height:42px;padding:0 16px 0 43px;border:1px solid #e8e5f3;border-radius:999px;background:#fff;font:inherit;outline:0}.dash-search input:focus{border-color:#9588ec;box-shadow:0 0 0 3px rgba(67,40,221,.11)}.dash-top-actions{display:flex;align-items:center;gap:14px}.plan-pill{padding:7px 11px;border-radius:999px;background:#eeeaff;color:var(--primary);font-size:10px;font-weight:850;text-transform:uppercase;text-decoration:none}.plan-pill-link{cursor:pointer;transition:background .16s ease,box-shadow .16s ease,transform .16s ease}.plan-pill-link:hover,.plan-pill-link:focus-visible{background:#e1dbff;box-shadow:0 0 0 3px rgba(67,40,221,.12);outline:0;transform:translateY(-1px)}.dash-primary-button{display:flex;min-height:42px;align-items:center;gap:8px;padding:0 18px;border:0;border-radius:10px;background:var(--primary);color:#fff;font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 9px 20px rgba(67,40,221,.2)}.dash-primary-button img{width:16px;filter:brightness(0) invert(1)}.dash-avatar{display:grid;width:38px;height:38px;place-items:center;border:2px solid #e1dcff;border-radius:50%;background:#fff;color:var(--primary);font-weight:850;cursor:pointer}.account-menu{position:absolute;right:31px;top:66px;display:grid;min-width:210px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:var(--shadow)}.account-menu[hidden]{display:none}.account-menu strong{padding:8px;font-size:12px;overflow-wrap:anywhere}.account-menu a,.account-menu button{padding:9px 8px;border:0;background:none;color:#555267;text-align:left;text-decoration:none;cursor:pointer}.dash-main{margin-left:258px;padding:30px 32px 50px}.workspace-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(245px,1fr);gap:22px;max-width:1320px}.active-workspace,.dash-card{border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow)}.active-workspace{padding:25px}.workspace-heading{display:flex;align-items:center;gap:10px;margin-bottom:18px}.workspace-heading h1{margin:0;font-size:25px;letter-spacing:-.03em}.workspace-heading span{padding:5px 8px;border-radius:999px;background:#efecff;color:var(--primary);font-size:9px;font-weight:900;text-transform:uppercase}.session-columns{display:grid;grid-template-columns:minmax(235px,.8fr) minmax(340px,1.2fr);gap:18px}.scan-panel,.phone-panel{border:1px solid #e5e1f5;border-radius:11px;background:#fff;padding:18px}.scan-panel{text-align:center}.scan-panel h2,.phone-panel h2{margin:0;font-size:14px}.scan-panel p,.phone-panel p{color:var(--muted);font-size:11px;line-height:1.45}.qr-frame{display:grid;width:210px;height:210px;margin:14px auto 10px;place-items:center;border-radius:9px;background:#fff}.dashboard-qr{width:190px;height:190px;object-fit:contain}.session-timer{display:block;color:var(--primary);font:800 31px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.scan-panel small{display:block;margin-top:7px;color:#777384;font-size:10px}.phone-panel-head{display:flex;align-items:flex-start;justify-content:space-between}.phone-panel-head p{display:flex;align-items:center;gap:7px;margin:8px 0}.phone-panel-head p img{width:20px}.connection-pill{display:flex;align-items:center;gap:5px;padding:6px 8px;border-radius:999px;background:#eef9f0;color:#25803c;font-size:9px;font-weight:800}.connection-pill i{width:6px;height:6px;border-radius:50%;background:#2ca247}.direction-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:13px 0 18px}.direction-tabs button{display:flex;min-height:44px;align-items:center;justify-content:center;gap:7px;border:1px solid #ded9f4;border-radius:8px;background:#fff;color:#4c4960;font-size:10px;font-weight:800;cursor:pointer}.direction-tabs .active{border-color:var(--primary);background:var(--primary);color:#fff}.direction-tabs img{width:16px}.direction-tabs .active img{filter:brightness(0) invert(1)}.receive-head,.panel-heading{display:flex;align-items:center;justify-content:space-between}.receive-head{margin-bottom:9px;font-size:11px}.receive-head button,.panel-heading button{border:0;background:none;color:var(--primary);font-size:10px;font-weight:800;cursor:pointer}.incoming-list{display:grid;gap:8px}.incoming-row{display:grid;grid-template-columns:28px 1fr auto 15px;gap:8px;align-items:center;padding:9px;border:1px solid #ebe8f6;border-radius:8px}.incoming-row>img{width:17px}.incoming-row strong{display:block;font-size:10px}.incoming-row small,.incoming-row time{color:#777487;font-size:8px}.incoming-row b{color:#279249}.active-transfer{display:grid;grid-template-columns:28px minmax(150px,1fr) minmax(150px,1.2fr) auto;gap:12px;align-items:center;margin-top:13px;padding:11px 13px;border:1px solid #e7e3f4;border-radius:9px}.active-transfer>img{width:18px}.active-transfer strong{display:block;font-size:10px}.active-transfer small{color:#777487;font-size:8px}.active-progress{height:6px;overflow:hidden;border-radius:999px;background:#ece9fa}.active-progress i{display:block;width:66%;height:100%;border-radius:inherit;background:var(--primary)}.active-transfer>b{font-size:9px;color:#686478}.overview-rail{display:grid;gap:18px}.dash-card{padding:20px}.dash-card h2{margin:0;font-size:15px}.usage-card{display:grid;gap:24px}.usage-row{display:grid;grid-template-columns:1fr auto;gap:7px}.usage-row span{grid-column:1/-1;color:#747184;font-size:10px}.usage-row strong{font-size:13px}.usage-row>div:not(.speed-bars){grid-column:1/-1;height:7px;border-radius:999px;background:#e9e6f7;overflow:hidden}.usage-row>div>i{display:block;height:100%;border-radius:inherit;background:var(--primary)}.speed-bars{display:flex;grid-column:1/-1;height:37px;align-items:end;gap:6px}.speed-bars i{width:8px;border-radius:999px;background:#d7d0ff}.speed-bars i:nth-child(1){height:35%}.speed-bars i:nth-child(2){height:48%}.speed-bars i:nth-child(3){height:78%;background:#6e58ea}.speed-bars i:nth-child(4){height:58%;background:#8b78ef}.speed-bars i:nth-child(5){height:82%;background:#5d44e4}.speed-bars i:nth-child(6){height:100%;background:#4328dd}.security-card{display:flex;gap:13px;align-items:flex-start}.security-card>img{width:38px;height:38px;padding:9px;border-radius:12px;background:#eae6ff}.security-card p{margin:7px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.transfer-panel{padding:0;overflow:hidden}.panel-heading{min-height:66px;padding:0 20px}.panel-heading h2{font-size:15px}.table-wrap{overflow-x:auto}.transfer-table{width:100%;min-width:720px;border-collapse:collapse}.transfer-table th{padding:12px 14px;background:#f5f5fa;color:#716e81;font-size:9px;text-align:left;text-transform:uppercase}.transfer-table td{padding:13px 14px;border-top:1px solid #ebe8f4;font-size:10px}.transfer-table td:first-child{display:flex;align-items:center;gap:9px;font-weight:700}.transfer-table td img{width:17px}.success-status,.progress-status{padding:5px 7px;border-radius:6px;font-size:8px;font-weight:800}.success-status{background:#e8f8ed;color:#248142}.progress-status{background:#eeebff;color:var(--primary)}.devices-panel{padding:0}.device-list{display:grid;gap:10px;padding:0 14px 14px}.device-list article{display:flex;gap:11px;padding:12px;border:1px solid #e8e4f4;border-radius:9px}.device-list img{width:22px}.device-list strong{display:block;font-size:10px}.device-list small{color:#777487;font-size:8px;line-height:1.45}.manage-devices{width:calc(100% - 28px);min-height:38px;margin:0 14px 14px;border:1px solid #9e8ff1;border-radius:8px;background:#fff;color:var(--primary);font-size:10px;font-weight:800}.mobile-web-banner{display:flex;max-width:1050px;min-height:190px;align-items:center;justify-content:space-between;margin:35px auto;padding:28px 36px;border:1px solid #e1dcf4;border-radius:12px;background:#f1eeff;overflow:hidden}.mobile-web-banner h2{max-width:410px;margin:0;font-size:22px;letter-spacing:-.03em}.mobile-web-banner p{max-width:430px;color:var(--muted);font-size:12px;line-height:1.55}.mobile-web-banner a{display:inline-grid;min-height:38px;padding:0 17px;place-items:center;border:1px solid #a797f5;border-radius:8px;background:#fff;color:var(--primary);font-size:10px;font-weight:800;text-decoration:none}.banner-devices{position:relative;width:360px;height:145px}.banner-dashboard{position:absolute;right:0;bottom:-7px;width:245px;height:auto;border:6px solid #232230;border-radius:8px}.banner-phone{position:absolute;z-index:2;left:42px;bottom:-12px;width:82px;height:auto;border:4px solid #232230;border-radius:17px}.dash-footer{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:34px;margin-left:258px;padding:28px 38px;background:#17105a;color:#fff}.dash-footer>div{display:flex;flex-direction:column;gap:7px}.dash-footer strong{font-size:11px}.dash-footer a,.dash-footer p{margin:0;color:#cbc6ef;font-size:9px;line-height:1.5;text-decoration:none}.dash-footer-brand>img{width:30px;height:30px}.dash-footer-brand>strong{font-size:18px}.footer-contact-button{display:grid;min-height:34px;place-items:center;border-radius:7px;background:#fff;color:var(--primary)!important}.mobile-nav-button{display:none}.sidebar-scrim{display:none}
@media(max-width:1050px){.dash-sidebar{transform:translateX(-100%);transition:transform .2s ease}.dash-sidebar.open{transform:translateX(0)}.sidebar-scrim.open{position:fixed;inset:0;z-index:35;display:block;background:rgba(20,16,50,.35)}.mobile-nav-button{position:fixed;z-index:34;left:16px;top:16px;display:flex;height:42px;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--primary);font-weight:800}.mobile-nav-button img{width:17px}.dash-topbar,.dash-main,.dash-footer{margin-left:0}.dash-topbar{padding-left:120px}.workspace-grid{grid-template-columns:1fr}.overview-rail{grid-template-columns:1fr 1fr}.devices-panel{grid-column:1}.mobile-web-banner{margin-inline:0}}
@media(max-width:700px){.dash-topbar{height:68px;padding:0 13px 0 104px}.dash-search{display:none}.dash-top-actions{gap:7px}.plan-pill{display:none}.dash-primary-button{padding:0 11px}.dash-main{padding:18px 14px 36px}.active-workspace{padding:15px}.session-columns{grid-template-columns:1fr}.workspace-heading h1{font-size:22px}.qr-frame{width:190px;height:190px}.dashboard-qr{width:172px;height:172px}.direction-tabs{grid-template-columns:1fr}.overview-rail{grid-template-columns:1fr}.active-transfer{grid-template-columns:25px 1fr auto}.active-progress{grid-column:2/-1}.mobile-web-banner{min-height:390px;align-items:flex-start;padding:24px;flex-direction:column}.banner-devices{width:100%;height:190px}.banner-dashboard{width:250px}.dash-footer{grid-template-columns:1fr 1fr;padding:26px 22px}.dash-footer-brand{grid-column:1/-1}.account-menu{right:13px}.dash-sidebar{width:min(290px,86vw)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.dash-nav a,.dash-nav button{font-family:inherit;font-size:12px;font-weight:750;line-height:1}
.demo-row{display:none!important}
.direction-tabs button:disabled{cursor:not-allowed;opacity:.48}.direction-tabs button.active:disabled{opacity:1}.connection-pill.is-muted{background:#f0eff5;color:#777384}.connection-pill.is-muted i{background:#aaa6b6}.qr-frame.is-empty{border:1px dashed #d9d4eb;background:#faf9ff}.qr-frame.is-empty:after{content:"Start a transfer to generate a QR code";max-width:135px;color:#777384;font-size:10px;line-height:1.45}.session-timer+small.is-active{color:#18813a;font-weight:800;text-shadow:0 0 12px rgba(37,185,78,.3)}.session-timer+small.is-expired{color:#777384}.empty-state{margin:0;padding:18px;color:#777487;font-size:10px;line-height:1.5;text-align:center}.table-empty{padding:30px!important;color:#777487;text-align:center!important}.speed-bars.is-empty{opacity:.3}.settings-drawer-scrim{position:fixed;inset:0;z-index:80;background:rgba(18,14,47,.38);backdrop-filter:blur(2px)}.settings-drawer-scrim[hidden]{display:none}.settings-drawer{position:fixed;inset:0 0 0 auto;z-index:90;width:min(430px,100vw);padding:24px;border-left:1px solid var(--line);background:#fff;box-shadow:-24px 0 60px rgba(42,31,91,.16);transform:translateX(105%);transition:transform .22s ease}.settings-drawer.open{transform:translateX(0)}.settings-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.settings-drawer-head h2{margin:0;font-size:25px;letter-spacing:-.03em}.settings-drawer-head p{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.settings-drawer-head button{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-size:24px;cursor:pointer}.setting-row{display:flex;min-height:82px;align-items:center;justify-content:space-between;gap:24px;padding:16px 0;border-top:1px solid #ebe8f4;cursor:pointer}.setting-row span{display:grid;gap:5px}.setting-row strong{font-size:12px}.setting-row small{color:var(--muted);font-size:10px;line-height:1.45}.setting-row input{width:18px;height:18px;accent-color:var(--primary)}.setting-row input:focus-visible{outline:3px solid rgba(67,40,221,.2);outline-offset:3px}.active-transfer[hidden]{display:none}.dashboard-page.drawer-open{overflow:hidden}.list-actions{display:flex;align-items:center;gap:5px;color:#aaa5ba;font-size:10px}.list-actions button{padding:2px 0}.list-actions button[hidden],.list-actions button[hidden]+span{display:none}
.settings-section{display:grid;gap:0}.settings-section h3,.settings-usage h3{margin:18px 0 0;color:#565268;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.setting-row em{display:inline-grid;min-width:58px;min-height:24px;place-items:center;border-radius:999px;background:#eeeaff;color:var(--primary);font-size:10px;font-style:normal;font-weight:900;text-transform:uppercase}.setting-row button{min-width:74px;min-height:32px;border:1px solid #d8d2fb;border-radius:8px;background:#fff;color:var(--primary);font-size:10px;font-weight:850;cursor:pointer}.setting-row button:disabled{border-color:#e8e4f5;color:#777384;cursor:default}.setting-row.is-locked{color:#777384}.setting-row.is-locked span{opacity:.74}.setting-row.is-locked input{cursor:not-allowed}.settings-usage{display:grid;gap:12px;margin-top:2px;padding-top:2px}.settings-usage dl{display:grid;margin:0}.settings-usage div{display:flex;min-height:37px;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #ebe8f4}.settings-usage dt{color:#686478;font-size:11px}.settings-usage dd{margin:0;color:var(--ink);font-size:11px;font-weight:850}.transfer-choice-scrim{position:fixed;inset:0;z-index:82;background:rgba(18,14,47,.42);backdrop-filter:blur(2px)}.transfer-choice-scrim[hidden]{display:none}.transfer-choice-modal{position:fixed;left:50%;top:50%;z-index:92;width:min(460px,calc(100vw - 32px));padding:22px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 24px 70px rgba(34,24,86,.22);opacity:0;transform:translate(-50%,-46%) scale(.98);pointer-events:none;transition:opacity .18s ease,transform .18s ease}.transfer-choice-modal.open{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}.transfer-choice-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.transfer-choice-head h2{margin:0;font-size:23px;letter-spacing:-.03em}.transfer-choice-head p{margin:5px 0 0;color:var(--muted);font-size:12px}.transfer-choice-head button{display:grid;width:36px;height:36px;place-items:center;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font-size:22px;cursor:pointer}.transfer-choice-grid{display:grid;gap:10px}.transfer-choice-grid button{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;width:100%;min-height:78px;padding:13px;border:1px solid #ded9f4;border-radius:10px;background:#fff;color:var(--ink);text-align:left;cursor:pointer}.transfer-choice-grid button:hover:not(:disabled){border-color:#9e8ff1;box-shadow:0 8px 20px rgba(67,40,221,.08)}.transfer-choice-grid img{width:22px}.transfer-choice-grid strong{display:block;font-size:13px}.transfer-choice-grid small{display:block;margin-top:4px;color:var(--muted);font-size:10px;line-height:1.45}.transfer-choice-grid b{padding:6px 8px;border-radius:999px;background:#ece8ff;color:var(--primary);font-size:9px;text-transform:uppercase}.transfer-choice-grid button.is-locked{background:#faf9ff;color:#777384;cursor:not-allowed}.transfer-choice-grid button.is-locked img,.transfer-choice-grid button.is-locked span{opacity:.58}.transfer-choice-modal>a{display:grid;min-height:38px;margin-top:12px;place-items:center;border:1px solid #d8d2fb;border-radius:8px;color:var(--primary);font-size:11px;font-weight:850;text-decoration:none}
.settings-drawer{display:flex;max-height:100vh;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;padding-bottom:max(24px,env(safe-area-inset-bottom))}.settings-drawer-head{position:sticky;top:0;z-index:2;flex:0 0 auto;margin:-24px -24px 18px;padding:24px 24px 18px;background:#fff;border-bottom:1px solid #ebe8f4}.settings-sections,.settings-usage{flex:0 0 auto}.settings-drawer::-webkit-scrollbar{width:10px}.settings-drawer::-webkit-scrollbar-thumb{border:3px solid #fff;border-radius:999px;background:#d9d3ef}