:root{--bg:#fafafa;--card:#fff;--ink:#1e1e2e;--muted:#666;--line:#e5e5ea;--brand:#7c3aed;--good:#047857;--bad:#b91c1c}*{box-sizing:border-box;margin:0}body{font-family:ui-sans-serif,system-ui,sans-serif;background:var(--bg);color:var(--ink);padding:24px}.topbar{display:flex;align-items:center;gap:16px;margin-bottom:24px}.topbar nav{display:flex;gap:12px;margin-left:24px;color:var(--muted)}.topbar div{margin-left:auto;display:flex;gap:8px}.topbar a{color:var(--brand);text-decoration:none;font-weight:600}.hero{margin-bottom:24px}.eyebrow{font-size:12px;letter-spacing:.08em;color:var(--brand);font-weight:700}.hero h1{font-size:24px;margin:4px 0 8px}.hero p{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-bottom:24px}.grid article{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px}.grid small{color:var(--muted)}.grid b{display:block;font-size:28px;margin:4px 0}.grid em{font-style:normal;color:var(--muted);font-size:13px}.danger{color:var(--bad)}.good{color:var(--good)}.empty{background:var(--card);border:1px dashed var(--line);border-radius:12px;padding:32px;text-align:center}.empty h2{font-size:16px;margin-bottom:4px}.empty p{color:var(--muted)}