:root{--bg:#f4f7fb;--panel:#fff;--text:#0f172a;--muted:#475569;--border:#dbe4f0;--accent:#0f766e}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text);background:linear-gradient(180deg,#eef4ff,#f8fafc)}a{color:inherit;text-decoration:none}main{max-width:1120px;margin:0 auto}.panel,main{padding:1rem}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px}.stack{display:grid;grid-gap:.75rem;gap:.75rem}button{border:1px solid var(--border);background:#fff;color:var(--text);border-radius:8px;padding:.55rem .85rem;cursor:pointer}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}input,select{width:100%;border:1px solid var(--border);border-radius:8px;padding:.55rem .65rem}code{background:#f1f5f9;border-radius:6px;padding:.1rem .35rem}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:.5rem;text-align:left;font-size:.92rem}.table td,.table th,.topnav{border-bottom:1px solid var(--border)}.topnav{background:hsla(0,0%,100%,.92);position:-webkit-sticky;position:sticky;top:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.topnav-inner{max-width:1120px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;gap:1rem}.topnav-links{display:flex;gap:.75rem;flex-wrap:wrap}.topnav-links a{padding:.35rem .6rem;border:1px solid var(--border);border-radius:999px;background:#fff}.badge{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;border:1px solid var(--border);font-size:.78rem;font-weight:600}.badge-success{background:#dcfce7;border-color:#86efac;color:#166534}.badge-warn{background:#fef3c7;border-color:#fcd34d;color:#92400e}.badge-error{background:#fee2e2;border-color:#fca5a5;color:#991b1b}.badge-muted{background:#f1f5f9;border-color:#cbd5e1;color:#334155}.hint{margin:0;font-size:.92rem}.hint.warning{color:#92400e}.hint.error{color:#991b1b}.hint.muted{color:#475569}