@font-face{font-family:Inter;src:url('/vendor/InterVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:light;--ink:#20263e;--muted:#6f758a;--line:#e9eaf1;--surface:#fff;--bg:#f7f8fc;--accent:#7660db;font-family:Inter,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:14px;-webkit-font-smoothing:antialiased}[hidden]{display:none!important}button,input{font:inherit}button{cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1{font-size:34px;letter-spacing:-1.4px;line-height:1.2;font-weight:650;margin-bottom:9px}h1>span{color:var(--accent)}h2{font-size:20px;font-weight:600;letter-spacing:-.6px}h3{font-size:15px;font-weight:600}.muted{color:var(--muted);font-size:13px;line-height:1.8}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.8px;color:var(--muted);margin-bottom:13px}.lucide{width:18px;height:18px;flex-shrink:0;vertical-align:middle}.logo{display:grid;place-items:center;width:46px;height:46px;background:#7660db;color:#fff;border-radius:14px;box-shadow:0 5px 12px #7660db22}.logo .lucide{width:25px;height:25px}.logo.small{width:36px;height:36px;border-radius:11px}.logo.small .lucide{width:22px;height:22px}.primary,.outline,.quiet{padding:12px 16px;border-radius:10px;font-size:12px;font-weight:550;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent}.primary{background:var(--accent);color:#fff;box-shadow:0 4px 9px #7660db16}.primary:hover{background:#6651cb;transform:translateY(-1px)}.outline{background:#fff;border-color:var(--line);color:#51566e;box-shadow:0 2px 3px #20263e03}.outline:hover{border-color:#c3b6ee;background:#fbfaff}.quiet{background:transparent;color:var(--muted)}.quiet:hover{background:#efedf9;color:var(--accent)}button:focus-visible,a:focus-visible{outline:3px solid #b9a7f5;outline-offset:3px}.icon-button{padding:8px}label{display:grid;gap:9px;font-size:11px;font-weight:550;margin:18px 0}input{border:1px solid #e2e4ee;background:#fcfcfe;border-radius:9px;padding:13px;color:var(--ink);width:100%;min-width:0;transition:border-color .2s}input:focus{outline:3px solid #7660db14;border-color:#a08bdd}small,.hint{font-size:11px;line-height:1.8;color:var(--muted)}
.sidebar{width:224px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:33px 20px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:11px;padding:0 6px}.brand strong{font-size:19px;letter-spacing:-.7px;font-weight:650}.brand strong>span{display:block;font-size:8px;letter-spacing:2.3px;color:#9699ab;font-weight:550;margin-top:5px}.nav-label{font-size:8px;font-weight:600;letter-spacing:1.6px;color:#a4a7b6;margin:54px 13px 16px}.nav-item{display:flex;align-items:center;gap:12px;padding:13px;border-radius:9px;font-size:12px}.nav-item.active{color:#7258cd;background:#f0ecfc;font-weight:600}.nav-item>span{margin-left:auto;font-size:10px;background:#e5def9;padding:3px 6px;border-radius:5px}.sidebar-bottom{margin-top:auto}.environment{display:flex;align-items:center;gap:10px;background:#f8faf9;padding:13px 10px;border:1px solid #edf1ee;border-radius:10px;margin-bottom:20px}.environment strong{font-size:10px;font-weight:550}.environment small{display:block;font-size:9px;margin-top:3px}.live-dot,.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#41b592;flex-shrink:0}.live-dot{box-shadow:0 0 0 4px #41b59213}.operator{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding-top:20px}.avatar{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#eeebf8;color:#8776bb;font-size:10px;font-weight:650}.operator strong{font-size:10px;font-weight:600}.operator small{display:block;font-size:9px}.operator button{margin-left:auto}.operator .lucide{width:15px}.main-shell{margin-left:224px}header{height:78px;background:#ffffffb8;border-bottom:1px solid var(--line);padding:0 38px;display:flex;align-items:center;justify-content:space-between}.breadcrumb,.header-right{display:flex;align-items:center;gap:18px;font-size:11px;color:#a0a3b3}.breadcrumb .lucide{width:12px}.breadcrumb strong{font-weight:500;color:#535972}.header-right{gap:22px}.secure-badge{display:flex;align-items:center;gap:7px;font-size:10px;color:#7c8299}.secure-badge .lucide{width:14px;color:#8d83b5}#clock{font-size:10px;font-variant-numeric:tabular-nums}.workspace{max-width:1550px;margin:0 auto;padding:38px 38px 16px}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.heading .muted{margin:0}.heading .outline{padding:11px 15px}.heading .eyebrow{font-size:8px;margin-bottom:12px}.heading .outline .lucide{width:14px}.overview-banner{position:relative;overflow:hidden;display:flex;align-items:center;gap:20px;background:#eeebfa;border:1px solid #e6e0f8;padding:26px;border-radius:14px;margin-bottom:25px}.overview-banner:after{content:'';width:280px;height:280px;position:absolute;right:-90px;top:-170px;border:40px solid #e6e0f680;border-radius:50%;pointer-events:none}.banner-symbol{display:grid;place-items:center;background:#ffffffa0;border:1px solid #fff;width:56px;height:56px;border-radius:16px;color:#8c76cf;flex-shrink:0}.banner-symbol .lucide{width:28px;height:28px}.overview-banner .eyebrow{display:block;font-size:8px;color:#9582bd;letter-spacing:1.5px;margin-bottom:8px}.overview-banner h2{font-size:18px;color:#4d416f;margin-bottom:7px;letter-spacing:-.5px}.overview-banner p{font-size:11px;color:#7f7098;margin:0;line-height:1.6}.banner-badge{margin-left:auto;display:flex;align-items:center;gap:9px;background:#ffffffa6;border:1px solid #fff;border-radius:20px;padding:9px 12px;font-size:9px;color:#7e7295;white-space:nowrap;z-index:1}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:37px}.stats article{position:relative;background:#fff;border:1px solid var(--line);border-radius:12px;padding:21px;display:flex;align-items:flex-start;gap:13px;box-shadow:0 3px 5px #20263e02}.stat-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex-shrink:0}.violet{background:#f0ecfc;color:#9273db}.green{background:#eaf8f1;color:#65b798}.blue{background:#eaf2fd;color:#79a5dd}.amber{background:#fcf3e5;color:#d4ac63}.stats article>div>span{font-size:10px;display:block;color:#74798d;margin:1px 0 7px}.stats strong{font-size:29px;font-weight:600;letter-spacing:-1px;line-height:1}.stat-caption{position:absolute;left:21px;bottom:16px;font-size:9px;color:#7b8194}.stats article{padding-bottom:41px}.fleet-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.fleet-heading h2{font-size:15px;margin-bottom:7px;letter-spacing:-.3px}.fleet-heading h2>span{font-size:9px;font-weight:500;color:#9283b7;background:#eeeaf8;border-radius:5px;margin-left:7px;padding:3px 6px}.fleet-heading p{font-size:10px;color:#7b8194;margin:0}.view-label{display:flex;align-items:center;gap:7px;font-size:10px;color:#9498aa}.view-label .lucide{width:14px}.device-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.device-card{background:#fff;border:1px solid var(--line);padding:18px 15px 0;border-radius:13px;text-align:left;color:var(--ink);min-width:0;box-shadow:0 3px 5px #20263e02;overflow:hidden}.device-card:hover{transform:translateY(-3px);border-color:#c9bdef;box-shadow:0 10px 22px #44346109}.device-card.selected{border-color:#a48adf;box-shadow:0 0 0 3px #7660db0d}.device-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px;gap:4px}.phone-icon{width:35px;height:40px;display:grid;place-items:center;background:#f6f5fb;color:#8b82aa;border:1px solid #eeecf5;border-radius:10px}.phone-icon .lucide{width:20px;height:24px}.pill{font-size:8px;display:flex;align-items:center;gap:5px;color:#55a68c;background:#eef9f4;padding:5px 7px;border-radius:20px;font-weight:500}.pill:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.pill.offline{background:#fff4e7;color:#c69b5b}.device-card h2{font-size:13px;letter-spacing:-.2px;margin-bottom:7px}.device-info{font-size:9px;color:#777f93;line-height:1.7;overflow-wrap:anywhere;min-height:32px;margin-bottom:17px}.device-line{display:flex;justify-content:space-between;align-items:center;gap:4px;font-size:8px;margin-top:11px;color:#777f93}.device-line strong{font-size:8px;color:#6c738b;font-weight:500}.card-action{margin:20px -15px 0;padding:13px 15px;border-top:1px solid #f0eff5;display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:550;color:#9380bf;background:#fefeff}.card-action .lucide{width:13px;height:13px}.device-card.selected .card-action{background:#f5f1ff;color:#7657bb}.control{margin-top:28px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,1fr);border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden;scroll-margin-top:20px}.phone-area{padding:26px;background:#eff0f7}.section-title{display:flex;justify-content:space-between;align-items:flex-start}.section-title h2{margin-bottom:20px}.screen-wrap{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center}.screen-wrap img{max-width:100%;max-height:590px;display:block;border:7px solid #282b3d;border-radius:22px;touch-action:none;user-select:none;box-shadow:0 20px 40px #24243b26}.screen-wrap img:not([src]){display:none}#screen-message{font-size:12px;color:var(--muted);margin:14px 0}.keys{display:flex;justify-content:center;gap:7px;margin-top:20px;flex-wrap:wrap}.keys button{display:flex;align-items:center;gap:5px;padding:9px 10px;border:1px solid #e2e2ed;border-radius:8px;background:#fff;font-size:10px;color:#74778d}.keys .lucide{width:13px;height:13px}.phone-area>.hint{text-align:center;margin-top:14px;font-size:10px}.account-area{padding:30px}.app-buttons{display:grid;gap:10px;margin:22px 0}.app-buttons button{justify-content:flex-start}.app-buttons button .lucide:last-child{margin-left:auto;width:14px}.divider{height:1px;background:var(--line);margin:25px 0}.account-area form>.outline{width:100%}.account-area small{display:block;margin-top:10px}footer{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#a8acbb;font-size:9px;padding:32px 0 10px}footer>span{display:flex;align-items:center;gap:8px}footer .lucide{width:13px;height:13px}footer .dot{width:4px;height:4px}#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#292d45;color:#fff;padding:14px 22px;border-radius:12px;font-size:12px;max-width:90vw;z-index:20;box-shadow:0 8px 30px #20263e25}
.login-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-card{align-self:center;width:min(370px,80%);margin:60px auto}.login-card>.logo{margin-bottom:36px}.login-card h1{font-size:44px;letter-spacing:-2px}.login-card form{margin-top:30px}.login-card .primary{width:100%;margin-top:25px;justify-content:space-between}.login-card .secure-note{display:flex;align-items:center;gap:8px;margin-top:32px;font-size:10px}.secure-note .lucide{width:14px}#login-error{font-size:12px;color:#b55656;min-height:18px;margin-top:14px}.login-art{margin:18px;border-radius:22px;background:#262139;color:#f6f3ff;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:60px}.login-art h2{font-size:44px;line-height:1.18;font-weight:450;letter-spacing:-1.8px;position:relative}.login-art p{color:#aba1be;line-height:1.9;font-size:13px;position:relative}.art-label{font-size:8px;letter-spacing:2px;color:#b6a3e8;margin-bottom:26px;z-index:1}.orbit{width:480px;height:480px;border:1px solid #ad94ed40;border-radius:50%;position:absolute;top:-130px;right:-160px;box-shadow:0 0 0 65px #ad94ed09,0 0 0 130px #ad94ed06,0 0 0 195px #ad94ed04}.orbit:after{content:'';position:absolute;bottom:65px;left:48px;width:22px;height:22px;border-radius:50%;background:#b69be9;box-shadow:0 0 35px #b69be960}
@media(min-width:1600px){.workspace{padding-top:46px}.device-card{padding-top:24px;padding-bottom:0}.device-top{margin-bottom:30px}.device-card h2{font-size:15px}.device-line,.device-line strong{font-size:10px}.device-info{font-size:10px}.card-action{font-size:11px;padding-top:17px;padding-bottom:17px}}
@media(max-width:1200px){.sidebar{width:196px;padding:30px 14px}.main-shell{margin-left:196px}.workspace{padding:30px 24px 16px}header{padding:0 24px}.banner-badge{display:none}.stats article{padding:18px 14px 38px;gap:10px}.stat-caption{left:14px}.stat-icon{width:31px;height:31px}.device-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.device-line,.device-line strong{font-size:10px}.device-info{font-size:10px}.device-card h2{font-size:14px}.pill{font-size:9px}}
@media(max-width:760px){.sidebar{position:static;width:auto;height:70px;padding:0 18px;flex-direction:row;align-items:center;justify-content:space-between;border-right:0;border-bottom:1px solid var(--line)}.brand{padding:0}.brand strong{font-size:17px}.brand strong>span{font-size:7px}.nav-label,.nav-item,.environment,.operator>div,.operator>.avatar{display:none}.sidebar-bottom{margin:0}.operator{border:0;padding:0}.main-shell{margin-left:0}header{height:51px;padding:0 18px}.secure-badge{font-size:9px}#clock{display:none}.workspace{padding:27px 18px 15px}h1{font-size:29px}.heading{gap:12px;margin-bottom:23px}.heading .muted{font-size:11px;max-width:220px}.heading .outline{padding:10px;font-size:10px;gap:6px}.heading .eyebrow{font-size:7px}.overview-banner{padding:20px 17px;gap:13px;margin-bottom:20px}.banner-symbol{width:40px;height:44px;border-radius:12px}.banner-symbol .lucide{width:22px}.overview-banner h2{font-size:14px;line-height:1.5}.overview-banner p{font-size:10px}.overview-banner .eyebrow{font-size:7px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:29px}.stats article{padding:17px 14px 37px;gap:12px}.stats strong{font-size:26px}.stat-caption{font-size:8px}.fleet-heading h2{font-size:14px}.fleet-heading p{font-size:9px}.view-label{font-size:9px;gap:4px}.device-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.device-card{padding:16px 13px 0}.device-top{margin-bottom:20px}.phone-icon{width:30px;height:35px}.pill{font-size:7px;padding:5px}.device-card h2{font-size:13px}.device-info{font-size:8px}.device-line,.device-line strong{font-size:8px}.card-action{margin-left:-13px;margin-right:-13px;padding:13px;font-size:9px}.control{grid-template-columns:1fr}.phone-area{padding:20px 13px}.account-area{padding:24px}.screen-wrap img{max-height:65vh}.login-shell{grid-template-columns:1fr}.login-art{display:none}.login-card{margin:65px auto}.login-card h1{font-size:42px}footer{align-items:flex-start;font-size:8px;line-height:1.8;flex-wrap:wrap}.header-right{gap:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

/* Keep secondary information readable on compact cards. */
.device-info{font-size:10px}.device-line,.device-line strong{font-size:10px}.card-action{font-size:11px}.pill{font-size:9px}.device-card h2{font-size:14px}.stat-caption{font-size:10px}.stats article>div>span{font-size:11px}.fleet-heading p{font-size:11px}.overview-banner p{font-size:12px}
@media(max-width:760px){.device-info{font-size:9px}.device-line,.device-line strong{font-size:9px}.card-action{font-size:10px}.pill{font-size:8px}.stats article>div>span{font-size:11px}.stat-caption{font-size:9px}.overview-banner p{font-size:11px}.fleet-heading p{font-size:10px}.device-top{gap:3px}}

.theme-toggle{position:fixed;bottom:22px;right:22px;z-index:15;box-shadow:0 5px 25px #20263e14;font-size:11px}.theme-toggle .lucide{width:16px;height:16px}
:root[data-theme="dark"]{color-scheme:dark;--ink:#e8eaf5;--muted:#9da5bf;--line:#30354a;--surface:#202438;--bg:#151827;--accent:#aa91f4}
[data-theme="dark"] .sidebar,[data-theme="dark"] header,[data-theme="dark"] .stats article,[data-theme="dark"] .device-card,[data-theme="dark"] .control,[data-theme="dark"] .outline,[data-theme="dark"] .keys button{background:#202438;color:var(--ink);border-color:var(--line)}
[data-theme="dark"] .login-shell{background:#151827}[data-theme="dark"] .login-art{background:#252139}[data-theme="dark"] input{background:#191d2e;border-color:#39405a;color:var(--ink)}
[data-theme="dark"] .overview-banner{background:#2c2742;border-color:#3c3354}[data-theme="dark"] .overview-banner:after{border-color:#66518618}[data-theme="dark"] .overview-banner h2{color:#e0d5fa}[data-theme="dark"] .overview-banner p,[data-theme="dark"] .overview-banner .eyebrow{color:#b0a2c9}[data-theme="dark"] .banner-symbol,[data-theme="dark"] .banner-badge{background:#38304c;border-color:#4b3d64;color:#c4afe9}
[data-theme="dark"] .nav-item.active{background:#352d4d;color:#cab3ff}[data-theme="dark"] .nav-item>span,[data-theme="dark"] .fleet-heading h2>span{background:#46385e;color:#d5c4fa}[data-theme="dark"] .phone-icon,[data-theme="dark"] .avatar{background:#302c43;border-color:#3c3652;color:#c0acd9}[data-theme="dark"] .environment{background:#202e30;border-color:#304041}
[data-theme="dark"] .phone-area{background:#1a1e30}[data-theme="dark"] .card-action{background:#23273b;border-color:#30354a;color:#baa3e2}[data-theme="dark"] .device-card.selected .card-action{background:#332b48;color:#dbc7ff}[data-theme="dark"] .device-card.selected{border-color:#aa91f4}[data-theme="dark"] .device-line strong{color:#c0c6dc}
[data-theme="dark"] .device-info,[data-theme="dark"] .device-line,[data-theme="dark"] .stat-caption,[data-theme="dark"] .stats article>div>span,[data-theme="dark"] .fleet-heading p,[data-theme="dark"] .breadcrumb,[data-theme="dark"] .breadcrumb strong,[data-theme="dark"] .secure-badge,[data-theme="dark"] .nav-label,[data-theme="dark"] footer{color:#9ea7c2}
[data-theme="dark"] .pill{background:#253c37;color:#8cd4ba}[data-theme="dark"] .pill.offline{background:#41352b;color:#e1bc85}[data-theme="dark"] .violet{background:#3b3052;color:#c4a3f5}[data-theme="dark"] .green{background:#253c37;color:#8cd4ba}[data-theme="dark"] .blue{background:#26364d;color:#97b9ef}[data-theme="dark"] .amber{background:#41372b;color:#e0bc80}[data-theme="dark"] .primary{background:#9576da;color:#fff}[data-theme="dark"] .quiet:hover,[data-theme="dark"] .outline:hover{background:#36304a;color:#ddd0f6}[data-theme="dark"] #notice{background:#ede7fb;color:#302744}
@media(max-width:760px){.theme-toggle{bottom:15px;right:15px;padding:11px}.theme-toggle span{display:none}}

.test-overview{margin-top:25px;padding:25px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.test-title{display:flex;justify-content:space-between;align-items:center;gap:16px}.test-title h2{font-size:18px;margin-bottom:18px}.test-status{font-size:11px;color:#a16f29;background:#fff5df;border:1px solid #f1dfb7;padding:9px 12px;border-radius:8px}.test-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:9px 0 22px}.test-grid span{display:block;font-size:11px;color:var(--muted);margin-bottom:10px}.test-grid strong{font-size:21px;letter-spacing:-.7px;font-weight:600;font-variant-numeric:tabular-nums}.test-notes{font-size:11px;color:var(--muted);line-height:1.8}.test-overview>.hint{margin-bottom:9px}.test-overview>small{font-size:10px}[data-theme="dark"] .test-status{background:#41372b;border-color:#655039;color:#e1bc85}@media(max-width:760px){.test-overview{padding:20px}.test-title{align-items:flex-start;flex-direction:column;gap:0}.test-status{margin-bottom:20px}.test-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 12px}.test-grid strong{font-size:17px}}