:root{color-scheme:light;--bg: #f4f4f2;--surface-1: #fcfcfb;--border: #e2e1dc;--text-primary: #0b0b0b;--text-secondary: #52514e;--text-muted: #77766f;--accent: #2a78d6;--series-1: #2a78d6;--good: #0ca30c;--warning: #fab219;--serious: #ec835a;--critical: #d03b3b;--warning-bg: #fff6e0;--critical-bg: #fdecec;--radius: 10px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #121211;--surface-1: #1a1a19;--border: #2e2e2c;--text-primary: #f0efec;--text-secondary: #c3c2b7;--text-muted: #9a998f;--accent: #3987e5;--series-1: #3987e5;--warning-bg: #2c2410;--critical-bg: #2e1616}}:root[data-theme=dark]{color-scheme:dark;--bg: #121211;--surface-1: #1a1a19;--border: #2e2e2c;--text-primary: #f0efec;--text-secondary: #c3c2b7;--text-muted: #9a998f;--accent: #3987e5;--series-1: #3987e5;--warning-bg: #2c2410;--critical-bg: #2e1616}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text-primary)}h1,h2,h3{margin:0 0 4px;line-height:1.2}h2{font-size:22px}h3{font-size:15px;margin-bottom:10px}p{margin:0 0 8px}a{color:var(--accent);text-decoration:none}.muted{color:var(--text-secondary)}.small{font-size:12px}.center{text-align:center;margin-top:40px}.error{color:var(--critical)}.notice{color:var(--text-secondary)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}input,select,button{font:inherit;color:inherit}input,select{background:var(--surface-1);border:1px solid var(--border);border-radius:8px;padding:8px 10px;min-width:0}label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--text-secondary)}button.primary{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:10px 16px;cursor:pointer;font-weight:600}button.primary:disabled{opacity:.6}button.link{background:none;border:0;padding:0;color:var(--accent);cursor:pointer}.shell{min-height:100vh}.topbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:10px 16px;background:var(--surface-1);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1}.brand{font-size:16px}.topbar nav{display:flex;gap:4px;flex-wrap:wrap;flex:1}.topbar nav a{padding:6px 10px;border-radius:8px;color:var(--text-secondary)}.topbar nav a.active{background:var(--bg);color:var(--text-primary);font-weight:600}.who{display:flex;gap:12px;align-items:center;font-size:13px}.content{max-width:1180px;margin:0 auto;padding:20px 16px 48px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:14px}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:14px}.card.narrow{max-width:420px;display:flex;flex-direction:column;gap:12px}.scroll{overflow-x:auto}.grid{display:grid;gap:14px;margin-bottom:14px}.grid>.card{margin-bottom:0}.metrics{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.two{grid-template-columns:3fr 2fr}.three{grid-template-columns:repeat(3,1fr)}@media (max-width: 900px){.two,.three{grid-template-columns:1fr}}.metric{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.metric-label{font-size:13px;color:var(--text-secondary)}.metric-value{font-size:26px;font-weight:650;margin:4px 0;font-variant-numeric:tabular-nums}.metric-foot{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:12px;min-height:18px}.metric-unavailable .metric-value{color:var(--text-muted)}.metric-stale{border-color:var(--warning)}.up{color:var(--good)}.down{color:var(--critical)}.badge{display:inline-flex;gap:4px;align-items:center;font-size:12px;padding:1px 8px;border-radius:999px;border:1px solid var(--border);color:var(--text-primary)}.badge-good span[aria-hidden]{color:var(--good)}.badge-neutral span[aria-hidden]{color:var(--text-muted)}.badge-warning{background:var(--warning-bg);border-color:var(--warning)}.badge-warning span[aria-hidden]{color:var(--serious)}.badge-critical{background:var(--critical-bg);border-color:var(--critical)}.badge-critical span[aria-hidden]{color:var(--critical)}.freshness{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:13px;margin-bottom:14px;color:var(--text-secondary)}.freshness-stale,.freshness-unavailable{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;font-weight:600;font-size:12px;color:var(--text-secondary);padding:6px 8px;border-bottom:1px solid var(--border)}.table td{padding:7px 8px;border-bottom:1px solid var(--border);vertical-align:top}.table tr:last-child td{border-bottom:0}.table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.table tr.strong td{font-weight:650}.row-muted td{color:var(--text-muted)}.row-critical td{background:var(--critical-bg)}.row-warning td{background:var(--warning-bg)}.actions{display:flex;gap:12px;white-space:nowrap}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;align-items:end}.form-row h3,.form-row .error{grid-column:1 / -1}.login{min-height:100vh;display:grid;place-items:center;padding:16px}.login-card{width:100%;max-width:360px;display:flex;flex-direction:column;gap:14px}.chart-head{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:13px;margin-bottom:6px}.chart svg{width:100%;height:auto;display:block}.chart .bar{fill:var(--series-1)}.chart .bar-active{fill:var(--text-primary)}.chart .hit{fill:transparent;cursor:pointer}.chart .axis{stroke:var(--border);stroke-width:1}.chart .tick{fill:var(--text-secondary);font-size:11px}@media (max-width: 640px){.topbar{gap:8px}.topbar nav{order:3;flex:1 0 100%;flex-wrap:nowrap;overflow-x:auto}.topbar nav a{white-space:nowrap}.who{margin-left:auto}.who .muted{display:none}.chart .tick{font-size:22px}.metric-value{font-size:20px}}.wa-message{white-space:pre-wrap;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;margin:0;background:var(--bg);border-radius:8px;padding:12px;max-width:560px}.card.alert-warning{background:var(--warning-bg);border-color:var(--warning)}