:root{--bg: #0a0a0b;--surface: #101012;--surface2: #16161a;--border: #25252b;--border2: #33333b;--text: #f4f4f5;--muted: #a1a1aa;--accent: #7dd3fc;--success: #22c55e;--warn: #f59e0b;--danger: #ef4444;--radius: 8px;--sidebar-w: 220px;--font: "Geist Mono", "JetBrains Mono", "Cascadia Code", ui-monospace, monospace}html[data-theme=light]{--bg: #f8fafc;--surface: #ffffff;--surface2: #f1f5f9;--border: #e2e8f0;--border2: #cbd5e1;--text: #0f172a;--muted: #475569;--accent: #0284c7;--success: #15803d;--warn: #b45309;--danger: #b91c1c}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh}body{background:radial-gradient(circle at 0% 0%,#1a1a25 0%,var(--bg) 45%);color:var(--text);font-family:var(--font);font-size:13px}html[data-theme=light] body{background:radial-gradient(circle at 0% 0%,#dbeafe 0%,var(--bg) 45%)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:linear-gradient(180deg,rgba(255,255,255,.02),transparent),var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column}.sidebar-brand{padding:18px 16px;border-bottom:1px solid var(--border);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.sidebar nav{padding:10px}.sidebar nav a{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.sidebar nav a.active,.sidebar nav a:hover{background:var(--surface2);color:var(--text);text-decoration:none}.sidebar-footer{margin-top:auto;padding:12px 14px;border-top:1px solid var(--border);display:grid;gap:8px}.theme-btn{border:1px solid var(--border2);border-radius:var(--radius);background:transparent;color:var(--text);font-family:var(--font);font-size:11px;letter-spacing:.08em;padding:6px 8px;cursor:pointer}.main{flex:1;padding:24px;overflow:auto}.page-title{margin:0 0 16px;font-size:16px;letter-spacing:.05em;text-transform:uppercase}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:14px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}.stack{display:grid;gap:10px}.tab-bar{display:flex;gap:4px;margin-bottom:14px;border-bottom:1px solid var(--border);padding-bottom:8px}.tab-btn{border:1px solid var(--border);background:transparent;color:var(--muted);padding:5px 14px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:var(--radius)}.tab-btn:hover{color:var(--text);border-color:var(--border2)}.tab-btn.active{color:var(--accent);border-color:var(--accent);background:transparent}input,textarea,select,button{font-family:var(--font)}input,textarea,select{width:100%;border:1px solid var(--border2);border-radius:var(--radius);background:var(--bg);color:var(--text);font-size:12px;padding:8px 10px}button{border:1px solid var(--border2);border-radius:var(--radius);background:transparent;color:var(--text);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:7px 10px;cursor:pointer}button:hover{border-color:var(--accent)}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:var(--radius)}table{width:100%;border-collapse:collapse}th,td{padding:8px 10px;border-bottom:1px solid var(--border);text-align:left}th{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}tr:last-child td{border-bottom:none}.muted{color:var(--muted)}@media (max-width: 900px){.layout{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border)}.sidebar nav{display:flex;flex-wrap:wrap;gap:8px}}