:root{--bg:#f4f6f8;--surface:#fff;--surface-2:#f8fafc;--text:#1a1b1e;--muted:#6e7781;--faint:#8c959f;--border:#e1e4e8;--brand:#036;--safe:#2ea043;--safe-text:#1a7f37;--warn:#ffd814;--warn-text:#9a6700;--danger:#d73a49;--danger-text:#b62324;--neutral:#3b5b7d;--radius:16px;--shadow:0 1px 2px #1018280a, 0 4px 12px #1018280d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.num{font-variant-numeric:tabular-nums}.dashboard{flex-direction:column;gap:24px;max-width:1080px;margin:0 auto;padding:32px 24px 24px;display:flex}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-title{color:var(--brand);letter-spacing:-.5px;font-size:24px;font-weight:800;line-height:1.1}.brand-sub{color:var(--muted);margin-top:2px;font-size:13px;font-weight:500}.live-pill{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.live-dot{background:var(--faint);border-radius:50%;width:8px;height:8px}.live-on{color:var(--safe-text)}.live-on .live-dot{background:var(--safe);animation:2s ease-out infinite live-ping}.live-warn{color:var(--warn-text)}.live-warn .live-dot{background:var(--warn)}.live-off{color:var(--danger-text)}.live-off .live-dot{background:var(--danger)}@keyframes live-ping{0%{box-shadow:0 0 #2ea04380}to{box-shadow:0 0 0 8px #2ea04300}}.error-box{color:var(--danger-text);background:#fff1f0;border:1px solid #ffcecb;border-radius:12px;padding:12px 16px;font-size:14px}.status-banner{border-radius:var(--radius);grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:24px 28px;transition:background-color .3s,color .3s;display:grid}.status-text h2{letter-spacing:.5px;text-transform:uppercase;font-size:28px;font-weight:800;line-height:1.15}.status-text p{opacity:.92;margin-top:4px;font-size:15px}.status-meta{opacity:.85;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.status-safe{background-color:var(--safe);color:#fff}.status-warning{background-color:var(--warn);color:#111}.status-danger{background-color:var(--danger);color:#fff;animation:1.6s ease-in-out infinite danger-pulse}.status-neutral{background-color:var(--neutral);color:#fff}.status-fault{color:var(--warn-text);border:2px solid var(--warn);background-color:#fff}.status-offline{color:#424a53;background-color:#e7eaee}@keyframes danger-pulse{0%,to{box-shadow:0 0 #d73a4973}50%{box-shadow:0 0 0 12px #d73a4900}}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px 28px}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.card-head h2{font-size:16px;font-weight:700}.card-hint{color:var(--faint);font-size:12px;font-weight:600}.gauges{grid-template-columns:1fr 1fr;gap:24px;display:grid}.gauge{width:100%;max-width:260px;margin:0 auto;transition:opacity .3s}.gauge svg{width:100%;height:auto;display:block}.gauge.is-stale{opacity:.45}.gauge-caption{text-align:center;color:var(--faint);margin-top:-8px;font-size:12px;font-weight:600}.inner-dial-surface{filter:drop-shadow(6px 6px 10px #d9dce1b3)drop-shadow(-6px -6px 10px #fff)}.footnote{text-align:center;color:var(--muted);max-width:640px;margin:16px auto 0;font-size:12px;line-height:1.5}.range-tabs{background:var(--bg);border-radius:10px;padding:3px;display:inline-flex}.range-tabs button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600}.range-tabs button.active{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #1018281a}.range-tabs button:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.trend+.trend{border-top:1px solid var(--border);margin-top:28px;padding-top:28px}.chart-title{color:var(--text);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:13px;font-weight:700}.chart-canvas{height:220px;position:relative}.chart-empty{text-align:center;background:var(--surface-2);border:1px dashed var(--border);height:220px;color:var(--faint);border-radius:12px;justify-content:center;align-items:center;padding:0 16px;font-size:14px;display:flex}.chart-stats-bar{border-top:1px dashed #d1d5db;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px;padding-top:16px;display:grid}.stat-item{flex-direction:column;align-items:center;gap:2px;display:flex}.stat-label{color:var(--faint);letter-spacing:.5px;font-size:11px;font-weight:700}.stat-value{color:var(--text);font-size:20px;font-weight:800}.stat-value small{color:var(--muted);font-size:12px;font-weight:600}.panels{grid-template-columns:3fr 2fr;align-items:start;gap:24px;display:grid}.empty{color:var(--faint);font-size:14px}.alert-list{flex-direction:column;list-style:none;display:flex}.alert-item{border-top:1px solid var(--border);align-items:flex-start;gap:12px;padding:12px 0;display:flex}.alert-item:first-child{border-top:none;padding-top:0}.badge{text-align:center;letter-spacing:.4px;border-radius:6px;flex-shrink:0;min-width:76px;padding:4px 8px;font-size:11px;font-weight:700}.badge-danger{color:var(--danger-text);background:#ffebe9}.badge-warning{color:var(--warn-text);background:#fff8c5}.badge-safe{color:var(--safe-text);background:#dafbe1}.badge-fault{color:#bc4c00;background:#fff1e5}.badge-info{color:#0969da;background:#ddf4ff}.alert-body{min-width:0}.alert-text{font-size:14px;font-weight:500;line-height:1.4}.alert-meta{color:var(--faint);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 12px;margin-top:4px;font-size:12px;display:flex}.sent{font-weight:600}.sent.ok{color:var(--safe-text)}.sent.fail{color:var(--danger-text)}.health-list{flex-direction:column;display:flex}.health-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:14px;display:flex}.health-row:first-child{border-top:none;padding-top:0}.health-row dt{color:var(--muted);font-weight:500}.health-row dd{text-align:right;align-items:center;gap:8px;font-weight:600;display:inline-flex}.tone-ok{color:var(--safe-text)}.tone-warn{color:var(--warn-text)}.tone-bad{color:var(--danger-text)}.dashboard-footer{text-align:center;border-top:1px solid var(--border);color:var(--muted);margin-top:8px;padding-top:24px;font-size:13px;font-weight:500}@media (width<=860px){.panels{grid-template-columns:1fr}}@media (width<=600px){.dashboard{gap:16px;padding:20px 16px}.card{padding:20px 16px}.status-banner{text-align:center;grid-template-columns:1fr;justify-items:center;gap:10px;padding:20px 16px}.status-text h2{font-size:22px}.gauges{grid-template-columns:1fr}.chart-stats-bar{grid-template-columns:repeat(2,1fr);row-gap:16px}}@media (prefers-reduced-motion:reduce){.status-danger,.live-on .live-dot{animation:none}}