:root{--bg:#f8f9fb;--surface:#fff;--border:#e3e5ea;--text:#4b5263;--text-h:#111827;--text-muted:#9ca3af;--up:#22c55e;--up-bg:#22c55e1a;--up-border:#22c55e59;--down:#ef4444;--down-bg:#ef44441a;--down-border:#ef444459;--degraded:#f59e0b;--degraded-bg:#f59e0b1a;--degraded-border:#f59e0b59;--accent:#6366f1;--accent-bg:#6366f11a;--accent-hover:#6366f12e;--nodata:#d1d5db;--radius:8px;--radius-sm:4px;--shadow:0 1px 3px #0000000f, 0 4px 12px #0000000f;--sans:system-ui, "Segoe UI", Roboto, sans-serif;font-family:var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:14px}@media (prefers-color-scheme:dark){:root{--bg:#0f1117;--surface:#1a1d27;--border:#2a2d3a;--text:#9ca3af;--text-h:#f3f4f6;--text-muted:#6b7280;--up:#4ade80;--up-bg:#4ade801f;--up-border:#4ade8059;--down:#f87171;--down-bg:#f871711f;--down-border:#f8717159;--degraded:#fbbf24;--degraded-bg:#fbbf241f;--accent:#818cf8;--accent-bg:#818cf81f;--accent-hover:#818cf833;--nodata:#374151;--shadow:0 1px 3px #0000004d, 0 4px 12px #0000004d}}.status--up{color:var(--up)}.status--down{color:var(--down)}.status--degraded{color:var(--degraded)}.status--unknown{color:var(--text-muted)}*,:before,:after{box-sizing:border-box}body{background:var(--bg);margin:0}.dashboard{flex-direction:column;gap:0;max-width:1200px;min-height:100dvh;margin:0 auto;padding:0 16px 48px;display:flex}.dashboard__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:20px 0 16px;display:flex}.dashboard__header-brand{align-items:center;gap:10px;display:flex}.dashboard__logo-icon{color:var(--accent)}.dashboard__title{color:var(--text-h);letter-spacing:-.3px;margin:0;font-size:20px;font-weight:600}.dashboard__header-actions{align-items:center;gap:10px;display:flex}.dashboard__last-updated{color:var(--text-muted);font-size:12px}.dashboard__summary{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.summary-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;flex:140px;gap:4px;padding:14px 20px;display:flex}.summary-card__value{color:var(--text-h);font-size:26px;font-weight:700;line-height:1}.summary-card__value--uptime{color:var(--up)}.summary-card__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px}.dashboard__timerange-badge{color:var(--text-muted);background:var(--bg);border:1px solid var(--border);white-space:nowrap;border-radius:99px;padding:2px 10px;font-size:12px;font-weight:500}.dashboard__locations{flex-direction:column;gap:12px;display:flex}.location-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.location-panel__header{cursor:pointer;text-align:left;width:100%;color:var(--text-h);background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;transition:background .12s;display:flex}.location-panel__header:hover{background:var(--accent-bg)}.location-panel__header-left{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.location-panel__chevron{color:var(--text-muted);align-items:center;display:flex}.location-panel__pin{color:var(--text-muted)}.location-panel__name{color:var(--text-h);font-size:15px;font-weight:600}.location-panel__badges{gap:5px;display:flex}.location-panel__header-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.location-panel__uptime{text-align:right;min-width:64px;font-size:15px;font-weight:600}.location-panel__error-badge{color:var(--down);background:var(--down-bg);border:1px solid var(--down-border);border-radius:99px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;display:flex}.location-panel__body{border-top:1px solid var(--border)}.location-panel__error-notice{color:var(--degraded);background:var(--degraded-bg);border-bottom:1px solid var(--border);align-items:flex-start;gap:8px;padding:10px 18px;font-size:13px;display:flex}.location-panel__empty{color:var(--text-muted);margin:0;padding:24px 18px;font-size:14px}.target-row{border-bottom:1px solid var(--border);grid-template-columns:240px 1fr auto;align-items:center;gap:16px;padding:14px 18px;display:grid}.target-row:last-child{border-bottom:none}.target-row__info{align-items:flex-start;gap:10px;min-width:0;display:flex}.target-row__dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:4px}.target-row__dot.status--up{background:var(--up);box-shadow:0 0 6px var(--up)}.target-row__dot.status--down{background:var(--down);box-shadow:0 0 6px var(--down)}.target-row__dot.status--unknown{background:var(--nodata)}.target-row__meta{flex-direction:column;gap:2px;min-width:0;display:flex}.target-row__name{color:var(--text-h);align-items:center;gap:5px;font-size:13px;font-weight:600;display:flex}.target-row__link{color:var(--text-muted);flex-shrink:0;align-items:center;text-decoration:none;display:flex}.target-row__link:hover{color:var(--accent)}.target-row__url{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:11px;overflow:hidden}.target-row__history{flex-direction:column;gap:4px;min-width:0;display:flex}.target-row__history-labels{justify-content:space-between;display:flex}.target-row__history-label--start,.target-row__history-label--end{color:var(--text-muted);font-size:10px}.target-row__stats{flex-shrink:0;align-items:center;gap:18px;display:flex}.target-row__stat{flex-direction:column;align-items:flex-end;gap:1px;min-width:56px;display:flex}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;font-size:10px}.stat-value{color:var(--text-h);font-size:13px;font-weight:600}.stat-value--warn{color:var(--degraded)}.history-bar{border-radius:var(--radius-sm);align-items:stretch;gap:1.5px;height:28px;display:flex;overflow:hidden}.history-bar--empty{background:var(--nodata);opacity:.3}.history-bar__tick{cursor:default;border-radius:2px;flex:1;transition:opacity .1s}.history-bar__tick:hover{opacity:.7}.history-bar__tick--up{background:var(--up)}.history-bar__tick--down{background:var(--down)}.history-bar__tick--degraded{background:var(--degraded)}.history-bar__tick--no-data{background:var(--nodata);opacity:.4}.hb-tooltip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);min-width:148px;color:var(--text);padding:8px 11px;font-size:12px;line-height:1.4}.hb-tooltip__time{color:var(--text-muted);white-space:nowrap;margin-bottom:5px;font-size:11px}.hb-tooltip__status{align-items:center;gap:6px;margin-bottom:6px;font-size:13px;font-weight:600;display:flex}.hb-tooltip__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.hb-tooltip__status--up{color:var(--up)}.hb-tooltip__status--down{color:var(--down)}.hb-tooltip__status--degraded{color:var(--degraded)}.hb-tooltip__status--no-data{color:var(--text-muted)}.hb-tooltip__status--up .hb-tooltip__dot{background:var(--up)}.hb-tooltip__status--down .hb-tooltip__dot{background:var(--down)}.hb-tooltip__status--degraded .hb-tooltip__dot{background:var(--degraded)}.hb-tooltip__status--no-data .hb-tooltip__dot{background:var(--nodata)}.hb-tooltip__row{justify-content:space-between;gap:12px;padding:1px 0;display:flex}.hb-tooltip__label{color:var(--text-muted)}.hb-tooltip__value{color:var(--text-h);white-space:nowrap;font-weight:600}.badge{border:1px solid #0000;border-radius:99px;align-items:center;gap:4px;padding:3px 9px;font-size:12px;font-weight:500;display:inline-flex}.badge.status--up{color:var(--up);background:var(--up-bg);border-color:var(--up-border)}.badge.status--down{color:var(--down);background:var(--down-bg);border-color:var(--down-border)}.badge.status--unknown{color:var(--text-muted);background:var(--bg);border-color:var(--border)}.badge--sm{padding:2px 7px;font-size:11px}.btn-icon{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:6px;transition:background .12s,color .12s;display:inline-flex}.btn-icon:hover:not(:disabled){background:var(--accent-bg);color:var(--accent)}.btn-icon:disabled{opacity:.5;cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.9s linear infinite spin}.dashboard__footer{color:var(--text-muted);text-align:center;margin-top:auto;padding-top:32px;font-size:12px}.dashboard__footer a{color:var(--accent);text-decoration:none}.dashboard__footer a:hover{text-decoration:underline}.dashboard__sites{flex-direction:column;gap:8px;display:flex}.dashboard__loading{color:var(--text-muted);justify-content:center;align-items:center;gap:10px;padding:48px 0;font-size:14px;display:flex}.site-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.site-panel__header{cursor:pointer;text-align:left;width:100%;color:var(--text-h);background:0 0;border:none;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 16px;transition:background .12s;display:grid}.site-panel__header:hover{background:var(--accent-bg)}.site-panel__agg-bar{cursor:default;min-width:0}.site-panel__header-left{align-items:center;gap:8px;min-width:0;display:flex}.site-panel__chevron{color:var(--text-muted);flex-shrink:0;align-items:center;display:flex}.site-panel__dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.site-panel__dot.status--up{background:var(--up);box-shadow:0 0 5px var(--up)}.site-panel__dot.status--down{background:var(--down);box-shadow:0 0 5px var(--down)}.site-panel__dot.status--degraded{background:var(--degraded)}.site-panel__dot.status--unknown{background:var(--nodata)}.site-panel__name{color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.site-panel__link{color:var(--text-muted);flex-shrink:0;align-items:center;text-decoration:none;display:flex}.site-panel__link:hover{color:var(--accent)}.site-panel__header-right{flex-shrink:0;align-items:center;gap:6px;display:flex}.site-panel__uptime{text-align:right;min-width:58px;font-size:13px;font-weight:700}.site-panel__spin{color:var(--text-muted)}.location-pill{white-space:nowrap;border:1px solid #0000;border-radius:99px;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;line-height:1.6;display:inline-flex}.location-pill.pill--up{color:var(--up);background:var(--up-bg);border-color:var(--up-border)}.location-pill.pill--down,.location-pill.pill--error{color:var(--down);background:var(--down-bg);border-color:var(--down-border)}.location-pill.pill--unknown,.location-pill.pill--loading{color:var(--text-muted);background:var(--bg);border-color:var(--border)}.site-panel__body{border-top:1px solid var(--border)}.location-row{border-bottom:1px solid var(--border);grid-template-columns:160px 1fr auto;align-items:center;gap:16px;padding:10px 16px 10px 40px;display:grid}.location-row:last-child{border-bottom:none}.location-row--error{background:var(--down-bg)}.location-row__error-msg{color:var(--down);grid-column:2/-1;align-items:center;gap:6px;font-size:12px;display:flex}.location-row__name{align-items:center;gap:7px;min-width:0;display:flex}.location-row__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.location-row__dot.status--up{background:var(--up);box-shadow:0 0 4px var(--up)}.location-row__dot.status--down{background:var(--down);box-shadow:0 0 4px var(--down)}.location-row__dot.status--unknown{background:var(--nodata)}.location-row__label{color:var(--text-h);white-space:nowrap;font-size:13px;font-weight:500}.location-row__error-icon{color:var(--degraded);cursor:help;align-items:center;display:flex}.location-row__history{flex-direction:column;gap:3px;min-width:0;display:flex}.location-row__history-labels{color:var(--text-muted);justify-content:space-between;font-size:10px;display:flex}.location-row__stats{flex-shrink:0;align-items:center;gap:16px;display:flex}.location-row__stat{flex-direction:column;align-items:flex-end;gap:1px;min-width:54px;display:flex}@media (width<=800px){.location-row{grid-template-columns:1fr;gap:6px;padding-left:32px}.location-row__stats{flex-wrap:wrap;justify-content:flex-start}.location-row__stat{align-items:flex-start}.target-row{grid-template-columns:1fr;gap:8px}.target-row__stats{justify-content:flex-start}.target-row__stat{align-items:flex-start}.summary-card{flex:120px}}@media (width<=500px){.dashboard__summary{gap:8px}.location-pill{padding:1px 6px;font-size:10px}}