:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#07111f;--surface:#101d2f;--surface-strong:#17273c;--border:#263b54;--text:#f1f6fb;--muted:#9fb0c5;--cyan:#42d3c8;--critical:#ff6b7d;--warning:#f6c85f}*{box-sizing:border-box}html,body{min-height:100%}body{background:radial-gradient(circle at 18% 0%, #206f893d, transparent 36rem), var(--background);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}button{font:inherit}a{color:inherit}.shell{width:min(1120px,100% - 32px);margin:0 auto;padding:32px 0 64px}.topbar{justify-content:space-between;align-items:center;gap:24px;padding-bottom:28px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:linear-gradient(145deg,#42d3c84d,#42d3c80a);border:1px solid #42d3c88c;border-radius:10px;width:34px;height:34px;box-shadow:inset 0 0 20px #42d3c81f}.brand strong{letter-spacing:.02em;font-size:15px;display:block}.brand span{color:var(--muted);margin-top:2px;font-size:12px;display:block}.button{border:1px solid var(--border);background:var(--surface-strong);color:var(--text);cursor:pointer;border-radius:9px;padding:9px 14px}.button:hover{border-color:#4b6888}.button.primary{background:var(--cyan);color:#051413;border-color:var(--cyan);font-weight:700}.intro{margin:38px 0 28px}.eyebrow{color:var(--cyan);letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700}h1{letter-spacing:-.045em;max-width:760px;margin:0;font-size:clamp(34px,6vw,58px);line-height:1.03}.lede{max-width:720px;color:var(--muted);margin:18px 0 0;font-size:16px;line-height:1.6}.metrics{grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0;display:grid}.metric,.panel,.alert{border:1px solid var(--border);background:#101d2fe6;border-radius:14px}.metric{padding:18px}.metric span{color:var(--muted);font-size:12px}.metric strong{margin-top:7px;font-size:28px;display:block}.panel{padding:22px}.panel-header{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.panel h2{margin:0;font-size:18px}.timestamp{color:var(--muted);font-size:12px}.alert-list{gap:12px;margin-top:18px;display:grid}.alert{background:var(--surface);padding:17px}.alert-line{align-items:center;gap:10px;display:flex}.severity{border-radius:50%;flex:none;width:9px;height:9px}.severity.critical{background:var(--critical);box-shadow:0 0 12px #ff6b7d66}.severity.warning{background:var(--warning);box-shadow:0 0 12px #f6c85f57}.alert h3{margin:0;font-size:15px}.alert p{color:var(--muted);margin:9px 0 0 19px;font-size:14px;line-height:1.5}.meta{color:#70869e;overflow-wrap:anywhere;margin:10px 0 0 19px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.empty{color:var(--muted);text-align:center;border:1px dashed #2f4b67;border-radius:12px;margin:24px 0 3px;padding:28px}.unavailable{color:var(--warning);margin:14px 0 0;font-size:13px;line-height:1.5}.login{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;width:min(440px,100%);padding:30px}.login-card h1{font-size:34px}.login-card p{color:var(--muted);line-height:1.55}.login-actions{gap:10px;margin-top:18px;display:grid}.login-card .button{width:100%;padding:12px 16px}.error{color:var(--critical)!important}@media (max-width:720px){.metrics{grid-template-columns:1fr}.topbar{align-items:flex-start}.shell{width:min(100% - 22px,1120px);padding-top:20px}}