:root{--ok: #1c7c54;--warn: #d89216;--bad: #bf2f2f;--muted: #6b7280;--bg: #f5f7fa;--card: #ffffff;--line: #d8dee5}*{box-sizing:border-box}body{margin:0;font-family:IBM Plex Sans,Segoe UI,sans-serif;background:radial-gradient(circle at top left,#eef6ff,var(--bg) 45%);color:#152133}.container{max-width:980px;margin:0 auto;padding:2rem 1rem 3rem}.header{margin-bottom:1.5rem}.header h1{margin:0 0 .5rem}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1rem}.card-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.card h2{margin:0;font-size:1.05rem}.pill{display:inline-block;border-radius:999px;padding:.25rem .55rem;font-size:.8rem;font-weight:600;border:1px solid transparent}.pill.operational{background:#e7f7f0;color:var(--ok);border-color:#b8e7d1}.pill.degraded{background:#fff8ea;color:var(--warn);border-color:#f6dca8}.pill.outage{background:#ffefef;color:var(--bad);border-color:#f7c6c6}.pill.unknown{background:#eef2f7;color:#526074;border-color:#d6dde7}.timeline{margin:.6rem 0;display:grid;gap:.22rem;grid-template-columns:repeat(24,1fr)}.cell{height:24px;border-radius:3px;border:1px solid rgba(0,0,0,.08)}.cell.operational{background:#2f9e6d}.cell.degraded{background:#f1a62a}.cell.outage{background:#db4545}.cell.unknown{background:#d5dde8}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--bad)}