:root{--bg:#f4f6f8;--bg-accent:#e8eef3;--surface:#ffffff;--ink:#1a2332;--muted:#5b6b7c;--border:#d5dee7;--up:#1b7f4e;--up-bg:#e6f5ee;--degraded:#9a6b00;--degraded-bg:#fff4d6;--down:#b42318;--down-bg:#fdecea;--unknown:#5b6b7c;--unknown-bg:#eef1f4;--accent:#0b5fff;--font-sans:"IBM Plex Sans","Segoe UI",sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,monospace}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%}body{font-family:var(--font-sans);color:var(--ink);background:radial-gradient(1200px 500px at 10% -10%,#d9e8f7 0,transparent 55%),radial-gradient(900px 400px at 100% 0,#e4f0ea 0,transparent 50%),var(--bg);line-height:1.45}a{color:var(--accent)}button{font:inherit}.shell{max-width:1200px;margin:0 auto;padding:1.5rem 1.25rem 3rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.75rem;flex-wrap:wrap}.brand{display:flex;flex-direction:column;gap:.15rem}.brand h1{margin:0;font-size:1.35rem;font-weight:600;letter-spacing:-.02em}.brand p{margin:0;color:var(--muted);font-size:.9rem}.user-meta{display:flex;align-items:center;gap:.75rem;color:var(--muted);font-size:.875rem}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:8px;padding:.45rem .85rem;cursor:pointer}.btn:hover{background:var(--bg-accent)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{filter:brightness(.95);background:var(--accent)}.meta-row{display:flex;gap:1rem;flex-wrap:wrap;color:var(--muted);font-size:.85rem;margin-bottom:1.25rem}.service-list{display:flex;flex-direction:column;width:100%;border-top:1px solid var(--border)}.service-row{display:grid;grid-template-columns:minmax(0,1.6fr) auto minmax(0,1.4fr);grid-gap:.75rem 1.25rem;gap:.75rem 1.25rem;align-items:start;width:100%;padding:.95rem .15rem;border-bottom:1px solid var(--border);background:transparent}.service-identity{min-width:0}.service-name{font-weight:600;font-size:1.05rem}.service-group{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.15rem}.service-url{display:block;margin-top:.25rem;font-family:var(--font-mono);font-size:.78rem;word-break:break-all;text-decoration:none}.service-url:hover{text-decoration:underline}.service-status{padding-top:.15rem}.service-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.35rem .85rem;gap:.35rem .85rem;margin:0;font-size:.875rem}.service-metrics dt{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.03em}.service-metrics dd{margin:.1rem 0 0;font-family:var(--font-mono);font-size:.82rem}.metric-sub{color:var(--muted);font-size:.75rem}.badge{display:inline-flex;align-items:center;gap:.35rem;border-radius:4px;padding:.2rem .55rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.badge:before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:currentColor}.badge-up{color:var(--up);background:var(--up-bg)}.badge-degraded{color:var(--degraded);background:var(--degraded-bg)}.badge-down{color:var(--down);background:var(--down-bg)}.badge-unknown{color:var(--unknown);background:var(--unknown-bg)}.service-history{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem 1.75rem;padding-top:.15rem}.history-block{display:flex;flex-direction:column;gap:.3rem;min-width:0}.history-block--days{flex:1 1 280px}.history-label{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.03em}.sparkline{display:block;overflow:visible}.spark-ok{fill:var(--up);opacity:.72}.spark-fail{fill:var(--down);opacity:.55}.sparkline-empty{fill:var(--muted);font-family:var(--font-sans)}.daily-row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(10,minmax(2.1rem,1fr));grid-gap:.35rem;gap:.35rem;max-width:36rem}.daily-cell{display:flex;flex-direction:column;align-items:center;gap:.15rem;min-width:0;padding:.2rem .1rem;border-radius:4px;background:transparent}.daily-label{color:var(--muted);font-size:.68rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.daily-pct{font-family:var(--font-mono);font-size:.72rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--ink)}.daily-good .daily-pct{color:var(--up)}.daily-warn .daily-pct{color:var(--degraded)}.daily-bad .daily-pct{color:var(--down)}.daily-na .daily-pct,.detail{color:var(--muted)}.detail{grid-column:1/-1;margin:0;font-size:.8rem}@media (max-width:800px){.service-row{gap:.55rem}.service-metrics,.service-row{grid-template-columns:1fr}.daily-row{grid-template-columns:repeat(5,minmax(2.4rem,1fr));max-width:none}}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.login-card{width:min(420px,100%);background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.75rem;display:flex;flex-direction:column;gap:1rem}.login-card h1{margin:0;font-size:1.4rem}.login-card p{margin:0;color:var(--muted)}.error{color:var(--down);background:var(--down-bg);border-radius:8px;padding:.65rem .75rem;font-size:.875rem}.loading{color:var(--muted);padding:2rem 0}