:root{--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;--surface-1:#fcfcfb;--page-plane:#f9f9f7;--text-primary:#0b0b0b;--text-secondary:#52514e;--text-muted:#898781;--gridline:#e1e0d9;--baseline:#c3c2b7;--border:#0b0b0b1a;--success-text:#006300;--series-1:#2a78d6;--series-2:#eb6834;--series-3:#1baf7a;--status-good:#0ca30c;--status-warning:#fab219;--status-serious:#ec835a;--status-critical:#d03b3b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font:16px/1.5 var(--sans);color:var(--text-primary);background:var(--page-plane);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--surface-1:#1a1a19;--page-plane:#0d0d0d;--text-primary:#fff;--text-secondary:#c3c2b7;--text-muted:#898781;--gridline:#2c2c2a;--baseline:#383835;--border:#ffffff1a;--success-text:#0ca30c;--series-1:#3987e5;--series-2:#d95926;--series-3:#199e70}}:root[data-theme=dark]{--surface-1:#1a1a19;--page-plane:#0d0d0d;--text-primary:#fff;--text-secondary:#c3c2b7;--text-muted:#898781;--gridline:#2c2c2a;--baseline:#383835;--border:#ffffff1a;--success-text:#0ca30c;--series-1:#3987e5;--series-2:#d95926;--series-3:#199e70}*{box-sizing:border-box}body{margin:0}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3{font-family:var(--sans);color:var(--text-primary);margin:0 0 4px;font-weight:600}p{color:var(--text-secondary);margin:0}a{color:var(--series-1)}.status-screen{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex}.button{background:var(--series-1);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.button:hover{filter:brightness(1.08)}.button-secondary{color:var(--text-primary);border:1px solid var(--border);background:0 0}.app-shell{background:var(--page-plane);flex-direction:column;min-height:100svh;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--surface-1);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.topbar-brand{align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.topbar-mark{background:var(--series-1);border-radius:7px;width:28px;height:28px}.topbar-user{align-items:center;gap:12px;display:flex}.topbar-user-name{color:var(--text-secondary);font-size:14px}.dashboard{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:28px 24px 48px}.dashboard-header{margin-bottom:24px}.dashboard-header p{margin-top:4px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-tile{background:var(--surface-1);border:1px solid var(--border);border-radius:12px;padding:18px 20px}.stat-tile-label{color:var(--text-muted);margin-bottom:8px;font-size:13px}.stat-tile-value{color:var(--text-primary);font-variant-numeric:proportional-nums;font-size:28px;font-weight:700}.stat-tile-delta{margin-top:6px;font-size:13px;font-weight:600}.stat-tile-delta.good{color:var(--success-text)}.stat-tile-delta.critical{color:var(--status-critical)}.status-dot{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.chart-grid{grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:16px;display:grid}.chart-card{background:var(--surface-1);border:1px solid var(--border);border-radius:12px;padding:20px}.chart-card-header{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.legend{color:var(--text-secondary);flex-wrap:wrap;gap:16px;margin-top:10px;font-size:13px;display:flex}.legend-item{align-items:center;gap:6px;display:flex}.legend-swatch{border-radius:2px;width:10px;height:10px}.chart-table-toggle{color:var(--text-secondary);cursor:pointer;margin-top:10px;font-size:13px}.chart-table{border-collapse:collapse;width:100%;margin-top:10px;font-size:13px}.chart-table th,.chart-table td{text-align:left;border-bottom:1px solid var(--gridline);font-variant-numeric:tabular-nums;padding:6px 8px}.chart-table th{color:var(--text-muted);font-weight:600}.login-card{background:var(--surface-1);border:1px solid var(--border);border-radius:16px;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:380px;padding:40px 36px;display:flex}.login-mark{background:var(--series-1);border-radius:12px;width:48px;height:48px}