:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef4f8;background:#0a0f14;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 100% 0,#2f73992e,#0000 32rem),linear-gradient(#0b1118 0%,#090d12 100%);min-height:100vh;margin:0}a{color:inherit;text-decoration:none}.shell{width:min(1180px,100% - 32px);margin:0 auto;padding:40px 0 64px}.topbar{justify-content:space-between;align-items:center;gap:24px;display:flex}.topbarActions{align-items:center;gap:10px;display:flex}.eyebrow{color:#7f96a6;letter-spacing:.16em;text-transform:uppercase;margin:0 0 6px;font-size:.78rem;font-weight:700}h1{letter-spacing:-.04em;margin:0;font-size:clamp(2rem,4vw,3.3rem)}.statusBadge{background:#111820d1;border:1px solid #25323e;border-radius:999px;align-items:center;gap:9px;padding:9px 14px;font-weight:700;display:inline-flex}.statusDot{background:#7c8790;border-radius:50%;width:9px;height:9px}.statusBadge.online .statusDot{background:#54c98b;box-shadow:0 0 0 5px #54c98b1f}.statusBadge.offline .statusDot{background:#df6c6c;box-shadow:0 0 0 5px #df6c6c1f}.tabs{gap:8px;margin:34px 0 28px;padding-bottom:4px;display:flex;overflow-x:auto}.tab{color:#8598a7;border:1px solid #0000;border-radius:8px;flex:none;padding:9px 13px;font-size:.92rem}.tab.active{color:#f3f8fb;background:#15212b;border-color:#263846}.tab.disabled{opacity:.58}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.card,.panel{background:#10171ee0;border:1px solid #1e2b35;border-radius:15px;box-shadow:0 18px 48px #0000002e}.card{min-height:145px;padding:22px}.card.wide{grid-column:span 2}.primaryCard{border-color:#315a70}.cardLabel{color:#7f96a6;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:700}.cardValue{letter-spacing:-.02em;margin-top:17px;font-size:1.45rem;font-weight:750}.cardValue.compact{font-size:1.15rem}.cardMeta{color:#778c9c;margin-top:8px;font-size:.85rem}.panel{margin-top:20px;padding:28px}.panel h2{margin-top:0}.panel p{color:#91a5b4;margin-bottom:0}.warning{border-color:#684a2f}.configForm,.loginForm{gap:20px;max-width:620px;margin-top:28px;display:grid}.field{color:#dce8ef;gap:8px;font-weight:650;display:grid}.field small{color:#778c9c;font-weight:400}.field input{color:#eef4f8;width:100%;font:inherit;background:#0d151c;border:1px solid #304251;border-radius:9px;padding:12px 14px}.primaryButton,.logoutButton{color:#f1f7fb;width:fit-content;font:inherit;cursor:pointer;border-radius:9px;padding:11px 16px;font-weight:700}.primaryButton{background:#183346;border:1px solid #3a6278}.logoutButton{color:#b9c8d2;background:#101820;border:1px solid #304251;padding:9px 13px}.loginShell{width:min(460px,100% - 32px);margin:0 auto;padding:12vh 0 64px}.loginCard{background:#10171ef0;border:1px solid #1e2b35;border-radius:18px;padding:32px;box-shadow:0 24px 64px #00000047}.loginTitle{font-size:clamp(2rem,8vw,2.8rem)}.loginIntro{color:#91a5b4;margin:12px 0 0}.loginForm{max-width:none}.loginButton{justify-content:center;width:100%}.loginError{color:#f0b9b9;background:#672d2d33;border:1px solid #704141;border-radius:9px;margin-top:22px;padding:12px 14px;font-size:.92rem}@media (max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.shell{width:min(100% - 22px,1180px);padding-top:24px}.topbar{flex-direction:column;align-items:flex-start}.topbarActions{justify-content:space-between;width:100%}.grid{grid-template-columns:1fr}.card.wide{grid-column:span 1}.loginShell{width:min(100% - 22px,460px);padding-top:48px}.loginCard{padding:24px}}