:root{--bg:#f7f9fc;--panel:#fff;--panel-2:#f1f5f9;--text:#0f172a;--muted:#475569;--line:#dbe3ef;--accent:#2563eb;--success:#059669;--warning:#d97706;--danger:#dc2626;--info:#0284c7;--shadow:0 8px 30px rgba(15,23,42,.07);--radius:16px}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}.topnav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;border-bottom:1px solid var(--line);background:var(--panel)}.topnav nav a,.brand{margin-right:1rem;color:var(--accent);text-decoration:none}.container{max-width:1200px;margin:2rem auto;padding:0 1rem}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem 1.25rem}.hero h1{margin-top:0}table{width:100%;border-collapse:collapse}td,th{border:1px solid var(--line);padding:.45rem;text-align:left}.footer{padding:1rem 2rem;color:var(--muted)}