:root{--bg: #0f172a;--bg-2: #1e293b;--fg: #e2e8f0;--fg-dim: #94a3b8;--accent: #38bdf8;--accent-2: #22d3ee;--danger: #f87171;--ok: #4ade80;--border: #334155;--code-bg: #0b1220;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh;background:var(--bg);color:var(--fg)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.layout{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.nav{background:var(--bg-2);padding:18px 16px;border-right:1px solid var(--border)}.nav h1{margin:0 0 16px;font-size:18px;font-weight:600;color:var(--accent-2)}.nav-section{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-dim);margin:16px 0 6px}.nav-link{display:block;padding:8px 10px;border-radius:6px;color:var(--fg)}.nav-link.active{background:var(--accent);color:#0b1220;font-weight:600}.nav-link:hover:not(.active){background:#243044;text-decoration:none}.nav-foot{position:sticky;bottom:0;padding-top:16px;border-top:1px solid var(--border);margin-top:24px}.nav-user{font-size:12px;color:var(--fg-dim);margin-bottom:4px;word-break:break-all}.nav-signout{background:none;color:var(--danger);border:1px solid var(--danger);border-radius:6px;padding:4px 10px;cursor:pointer;font-size:12px}.main{padding:28px 32px;max-width:1100px}.main h2{margin-top:0}.card{background:var(--bg-2);border:1px solid var(--border);border-radius:8px;padding:16px 20px;margin-bottom:18px}button{background:var(--accent);color:#0b1220;border:0;padding:8px 14px;border-radius:6px;cursor:pointer;font-weight:600}button:disabled{opacity:.6;cursor:not-allowed}button.ghost{background:transparent;color:var(--fg);border:1px solid var(--border);font-weight:400}input,textarea,select{background:var(--code-bg);color:var(--fg);border:1px solid var(--border);border-radius:6px;padding:8px 10px;font-family:inherit;width:100%}textarea{min-height:120px;resize:vertical}label{display:block;font-size:12px;color:var(--fg-dim);margin:6px 0 4px}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}pre{background:var(--code-bg);padding:14px;border-radius:6px;overflow:auto}.cite{display:inline-block;background:#1e293b;color:var(--accent-2);padding:1px 6px;border-radius:3px;font-size:11px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--border)}th{color:var(--fg-dim);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.ok{color:var(--ok)}.bad{color:var(--danger)}.dim{color:var(--fg-dim)}.login-card{max-width:480px;margin:80px auto;text-align:center}.spin{color:var(--fg-dim);font-style:italic;padding:20px}details>summary{cursor:pointer;color:var(--fg-dim);margin:6px 0}