:root{color-scheme:dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0b1014;color:#eef3f6;--bg:#0b1014;--sidebar:#0a0d10;--surface:#131a20;--surface-2:#182129;--line:#2b3740;--muted:#87949c;--brand:#55d6b4}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg)}body{min-height:100vh}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}.eyebrow{margin:0 0 7px;color:var(--brand);font-size:10px;font-weight:800;letter-spacing:.17em}.loginPage,.statePage{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% -10%,#24423d 0,#10191b 28%,#080c0f 67%)}.loginCard,.stateCard{width:min(440px,100%);border:1px solid #2b3b42;border-radius:22px;padding:34px;background:rgba(14,20,24,.94);box-shadow:0 28px 80px rgba(0,0,0,.45)}.brandMark{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;margin-bottom:24px;color:#06110e;background:linear-gradient(135deg,#7af2d1,#42b99c);font-weight:900;font-size:25px;box-shadow:0 10px 30px rgba(85,214,180,.18)}.brandMark.small{width:36px;height:36px;margin:0;border-radius:11px;font-size:18px}.loginCard h1,.stateCard h1{font-size:30px;margin:0 0 10px;letter-spacing:-.03em}.loginDescription,.stateCard>p:not(.eyebrow){margin:0 0 25px;color:#9ba7ac;line-height:1.55}.loginCard form{display:grid;grid-gap:16px;gap:16px}.loginCard label{display:grid;grid-gap:8px;gap:8px;color:#cbd3d6;font-size:12px;font-weight:700}.loginCard input{width:100%;color:#f5f8f9;background:#0d1317;border:1px solid #34434b;border-radius:11px;padding:13px 14px;outline:0}.loginCard input:focus{border-color:#55d6b4;box-shadow:0 0 0 3px rgba(85,214,180,.11)}.loginCard .codeInput{font-size:24px;text-align:center;letter-spacing:.28em}.logoutButton.compact,.primaryButton{border:0;border-radius:11px;padding:13px 16px;color:#07110e;background:var(--brand);font-weight:800;cursor:pointer}.primaryButton:disabled{opacity:.55;cursor:wait}.textButton{border:0;padding:8px;color:#9aa7ac;background:transparent;cursor:pointer}.formAlert{color:#ff9a9f;border:1px solid #61343a;border-radius:10px;padding:11px 12px;background:#281619;font-size:12px;line-height:1.4}.securityNote{margin-top:24px;border-top:1px solid #253139;padding-top:18px;color:#718087;font-size:10px;line-height:1.5}.securityNote span{color:var(--brand);margin-right:6px}.stateCard{text-align:center}.stateCard .eyebrow{margin-top:16px}.stateIcon{width:55px;height:55px;margin:auto;border-radius:50%;display:grid;place-items:center;background:#253036;color:#ffb3a8;font-size:25px}.appFrame{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:25px 17px 18px;border-right:1px solid #222c32;background:var(--sidebar)}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 30px}.brand b,.brand span{display:block}.brand b{font-size:14px}.brand span{color:#69767c;font-size:10px;margin-top:3px;text-transform:uppercase;letter-spacing:.11em}.sidebar nav{display:grid;grid-gap:7px;gap:7px}.sidebar nav a{display:flex;gap:12px;align-items:center;min-height:43px;padding:0 13px;border-radius:10px;color:#89969c;text-decoration:none;font-size:13px;font-weight:600}.sidebar nav a:hover{color:#e3e9eb;background:#11171b}.sidebar nav a.active{color:#07110e;background:#e8eeee;box-shadow:0 8px 24px rgba(0,0,0,.25)}.sidebar nav i{width:17px;text-align:center;font-style:normal;font-size:16px}.sidebarFoot{margin-top:auto;display:grid;grid-gap:11px;gap:11px}.readOnly{display:flex;align-items:center;gap:10px;border:1px solid #253139;border-radius:11px;padding:10px 12px}.readOnly>span{color:var(--brand);font-size:9px}.readOnly b,.readOnly small{display:block}.readOnly b{font-size:11px}.readOnly small{color:#6f7c82;font-size:9px;text-transform:uppercase;margin-top:2px}.logoutButton{width:100%;display:flex;gap:9px;align-items:center;border:0;padding:10px 12px;color:#ed7478;background:transparent;cursor:pointer;font-weight:700;font-size:12px;text-align:left}.logoutButton.compact{width:auto;display:inline-flex;margin:4px auto 0;color:#07110e;background:var(--brand)}.dashboard{min-width:0;background:#11181d}.topbar{height:105px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-bottom:1px solid #354149;background:#192128}.topbar h1{margin:0;font-size:25px;letter-spacing:-.025em}.topMeta{display:flex;align-items:center;gap:13px;color:#77848a;font-size:10px}.topMeta b{color:#65e0c0;border:1px solid #2b6658;background:#17362e;border-radius:999px;padding:7px 10px;letter-spacing:.09em}.dashboardBody{max-width:1420px;margin:0 auto;padding:28px 32px 80px}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin:0 0 12px}.metrics.four{grid-template-columns:repeat(4,minmax(0,1fr))}.metrics.five{grid-template-columns:repeat(5,minmax(0,1fr))}.metric,.panel{border:1px solid var(--line);background:var(--surface);border-radius:8px}.metric{min-height:118px;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:18px}.metric span{color:#8d999e;font-size:11px;font-weight:700}.metric strong{margin:7px 0 0;font-size:clamp(26px,3vw,39px);line-height:1;letter-spacing:-.04em}.metric small{margin-top:9px;color:#66747a;font-size:9px}.contentGrid{display:grid;grid-template-columns:.75fr 1.25fr;grid-gap:12px;gap:12px}.contentGrid.two{grid-template-columns:1fr 1fr}.panel{min-width:0;min-height:300px;padding:15px;overflow:hidden}.panel.wide{grid-column:1/-1}.panelTitle{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px}.panelTitle h2{margin:0;font-size:13px}.panelTitle span{color:#68767c;letter-spacing:2px;font-size:9px}.empty{color:#728087;font-size:12px;text-align:center}.donutLayout{min-height:245px;display:grid;grid-template-columns:minmax(140px,1fr) minmax(160px,1.35fr);align-items:center;grid-gap:5px;gap:5px}.donut{width:100%;max-height:230px;overflow:visible}.donutNumber{fill:#edf3f5;font-size:19px;font-weight:800}.donutLabel{fill:#738188;font-size:8px;text-transform:uppercase}.legend{display:grid;grid-gap:9px;gap:9px;padding-left:8px}.legend div{display:grid;grid-template-columns:8px minmax(0,1fr) auto;grid-gap:7px;gap:7px;align-items:center;font-size:10px}.breakdownTable i,.chartLegend i,.legend i{display:block;width:8px;height:8px;border-radius:50%}.legend span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b9c3c7}.legend b{color:#dfe5e7;font-size:10px}.breakdownTable{padding:12px 4px}.breakdownTable>div{display:grid;grid-template-columns:minmax(0,1fr) 70px 60px;align-items:center;min-height:39px;border-bottom:1px solid #28333b;font-size:11px}.breakdownTable span{display:flex;align-items:center;gap:8px}.breakdownTable b{text-align:right}.breakdownTable small{color:#77858b;text-align:right}.chartWrap{position:relative;min-height:250px}.chartLegend{min-height:26px;flex-wrap:wrap;gap:14px;color:#9da9ae;font-size:9px}.chartLegend,.chartLegend span{display:flex;align-items:center}.chartLegend span{gap:5px}.lineChart{width:100%;height:245px;overflow:visible}.lineChart text{fill:#7d8a90;font-size:8px}.chartEmpty{position:absolute;inset:48% 0 auto}.barChart{position:relative;min-height:260px;display:flex;flex-direction:column}.barGroups{gap:9px;padding:14px 6px 0;border-bottom:1px solid #38444c}.barGroup,.barGroups{flex:1 1;display:flex;align-items:stretch}.barGroup{min-width:20px;flex-direction:column;justify-content:flex-end}.bars{height:185px;display:flex;justify-content:center;align-items:flex-end;gap:2px}.bars i{width:min(15px,44%);min-width:3px;border-radius:3px 3px 0 0;opacity:.92}.barGroup>span{height:29px;padding-top:7px;color:#78868c;font-size:7px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.horizontalBars{display:grid;grid-gap:9px;gap:9px;padding:12px 7px}.horizontalBars>div{display:grid;grid-template-columns:125px minmax(0,1fr) 42px;grid-gap:9px;gap:9px;align-items:center;font-size:10px}.horizontalBars span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;color:#a7b2b6}.horizontalBars>div>div{height:12px;border-radius:3px;background:#202a31;overflow:hidden}.horizontalBars i{display:block;height:100%;min-width:2px;background:#54a8ef;border-radius:inherit}.horizontalBars b{color:#d5dcde}@media (max-width:1100px){.appFrame{grid-template-columns:195px 1fr}.metrics.five{grid-template-columns:repeat(3,1fr)}.donutLayout{grid-template-columns:1fr}.legend{order:2}.donut{max-height:180px}}@media (max-width:820px){.appFrame{display:block}.sidebar{position:static;height:auto;padding:14px;border-right:0;border-bottom:1px solid #222c32}.brand{padding:0 4px 12px}.sidebar nav{display:flex;overflow-x:auto;padding-bottom:4px}.sidebar nav a{flex:0 0 auto}.sidebarFoot{display:none}.topbar{height:auto;min-height:91px;padding:18px 20px}.topMeta span{display:none}.dashboardBody{padding:18px 15px 60px}.metrics,.metrics.five,.metrics.four{grid-template-columns:repeat(2,1fr)}.contentGrid,.contentGrid.two{grid-template-columns:1fr}.panel.wide{grid-column:auto}}@media (max-width:520px){.loginCard{padding:25px 20px}.metrics,.metrics.five,.metrics.four{grid-template-columns:1fr}.topbar h1{font-size:21px}.metric{min-height:98px}.panel{min-height:260px}.donutLayout{grid-template-columns:1fr}.horizontalBars>div{grid-template-columns:88px minmax(0,1fr) 30px}}