:root{--bg:oklch(20% .02 250);--panel:oklch(26% .02 250);--panel-2:oklch(30% .02 250);--line:oklch(38% .02 250);--text:oklch(95% .01 250);--muted:oklch(72% .02 250);--accent:oklch(70% .15 230);--danger:oklch(64% .19 25);--ok:oklch(72% .16 150);--warn:oklch(80% .15 80);--radius:10px;--space:16px}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:14px/1.5 ui-sans-serif,system-ui,sans-serif}a{color:var(--accent);text-decoration:none}.center{place-items:center;min-height:60vh;display:grid}.muted{color:var(--muted)}.pad{padding:var(--space)}.row{align-items:center;display:flex}.row.gap{gap:8px}.row.end{justify-content:flex-end}.shell{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--panel);border-right:1px solid var(--line);padding:var(--space);flex-direction:column;gap:4px;display:flex}.sidebar .brand{margin-bottom:var(--space);font-size:16px;font-weight:700}.sidebar a{color:var(--text);border-radius:8px;padding:8px 10px}.sidebar a.active,.sidebar a:hover{background:var(--panel-2)}.sidebar .spacer{flex:1}.main{padding:calc(var(--space) * 1.5);overflow:auto}h1{margin:0 0 var(--space);font-size:20px}h2{margin:var(--space) 0 8px;font-size:16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space)}.grid{gap:var(--space);display:grid}.grid.stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-value{font-size:28px;font-weight:700}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.table{border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);width:100%;overflow:hidden}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:10px 12px}.table th{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;background:var(--panel-2);font-size:12px;font-weight:600}.table tr:last-child td{border-bottom:none}.input{background:var(--panel-2);border:1px solid var(--line);color:var(--text);border-radius:8px;min-width:240px;padding:8px 10px}.btn{background:var(--panel-2);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:8px;padding:7px 12px}.btn:hover{border-color:var(--accent)}.btn.danger{border-color:var(--danger);color:var(--danger)}.btn.primary{background:var(--accent);border-color:var(--accent);color:oklch(18% .02 250);font-weight:600}.pill{border:1px solid var(--line);border-radius:999px;padding:2px 8px;font-size:12px}.pill.ok{color:var(--ok);border-color:var(--ok)}.pill.warn{color:var(--warn);border-color:var(--warn)}.pill.muted{color:var(--muted)}.overlay{z-index:50;background:oklch(0% 0 0/.55);place-items:center;display:grid;position:fixed;inset:0}.dialog{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space);max-width:420px}.toast-host{z-index:60;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.toast{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:10px 14px}.toast.ok{border-color:var(--ok)}.toast.err{border-color:var(--danger)}.toolbar{margin-bottom:var(--space);align-items:center;gap:8px;display:flex}.spacer{flex:1}