:root{--bg:#0f172a;--panel:#111827;--text:#f8fafc;--muted:#cbd5e1;--accent:#38bdf8;--ok:#86efac;--warn:#fde68a;--line:#334155}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(135deg,#0f172a,#1e293b);color:var(--text)}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1180px;margin:0 auto;padding:28px}.hero{padding:30px;border:1px solid var(--line);border-radius:22px;background:rgba(17,24,39,.86);box-shadow:0 20px 60px rgba(0,0,0,.28)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:18px}.card{border:1px solid var(--line);border-radius:18px;background:rgba(15,23,42,.72);padding:18px;min-height:125px}.badge{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:5px 10px;color:var(--ok);font-weight:700;font-size:.86rem}.muted{color:var(--muted)}code{background:#020617;border:1px solid var(--line);border-radius:8px;padding:2px 6px}.list{line-height:1.8}.kpi{font-size:2rem;font-weight:800}.small{font-size:.92rem}.topnav{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.topnav a{border:1px solid var(--line);border-radius:999px;padding:7px 11px;background:rgba(15,23,42,.8)}