:root{--bg:#f7f7f8;--card:#fff;--border:#e5e7eb;--fg:#111827;--muted:#6b7280;--accent:#4f46e5;--accent-fg:#fff}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--fg)}a{color:var(--accent);text-decoration:none}h1,h2,h3,h4{margin:0 0 12px}.btn{background:var(--accent);color:var(--accent-fg);border:none;padding:8px 14px;border-radius:8px;cursor:pointer;font-size:14px}.btn.secondary{background:transparent;color:var(--fg);border:1px solid var(--border)}.btn:disabled{opacity:.6;cursor:not-allowed}.input,select,textarea{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:var(--card);color:var(--fg);font-family:inherit}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px}.label{font-size:13px;color:var(--muted);margin-bottom:4px;display:block}.row{display:flex;gap:12px;flex-wrap:wrap}.muted{color:var(--muted)}.err{color:#b91c1c}.err,table{font-size:14px}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:8px;border-bottom:1px solid var(--border)}@media (prefers-color-scheme:dark){:root{--bg:#0b0e14;--card:#111827;--border:#1f2937;--fg:#e5e7eb;--muted:#9ca3af}}