:root { --bg:#0f172a; --card:#1e293b; --ink:#e2e8f0; --muted:#94a3b8; --accent:#38bdf8; --ok:#22c55e; --bad:#ef4444; }
* { box-sizing: border-box; }
body { margin:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; background:var(--bg); color:var(--ink); }
.topbar { display:flex; justify-content:space-between; align-items:center; padding:1rem 1.5rem; border-bottom:1px solid #334155; }
.brand { font-weight:700; font-size:1.15rem; color:var(--ink); text-decoration:none; }
.who { color:var(--muted); margin-right:1rem; }
.container { max-width:52rem; margin:2.5rem auto; padding:0 1.5rem; }
.btn { display:inline-block; background:var(--accent); color:#082f49; text-decoration:none; padding:.55rem 1rem; border-radius:.5rem; font-weight:600; border:none; cursor:pointer; }
.btn.secondary { background:transparent; color:var(--accent); border:1px solid var(--accent); }
.card { background:var(--card); border:1px solid #334155; border-radius:.75rem; padding:1.5rem; margin:1rem 0; }
h1 { font-size:1.6rem; } h2 { font-size:1.2rem; }
.muted { color:var(--muted); }
.status-ok { color:var(--ok); font-weight:600; }
.status-bad { color:var(--bad); font-weight:600; }
table { width:100%; border-collapse:collapse; }
th, td { text-align:left; padding:.5rem .6rem; border-bottom:1px solid #334155; }
.foot { text-align:center; color:var(--muted); padding:2rem; font-size:.85rem; }
.pill { display:inline-block; padding:.15rem .6rem; border-radius:999px; font-size:.8rem; background:#334155; }