:root{--primary:#2563EB;--secondary:#0F172A;--bg:#F8FAFC;--surface:#FFF;--border:#E2E8F0;--text:#111827;--muted:#475569;--ok:#15803D;--warn:#B45309;--danger:#B91C1C}@media(prefers-color-scheme:dark){:root{--primary:#60A5FA;--bg:#020617;--surface:#0F172A;--border:#334155;--text:#F8FAFC;--muted:#94A3B8;--ok:#4ADE80;--warn:#FCD34D;--danger:#F87171}}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}header{background:var(--secondary);color:#fff;padding:12px 16px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}header strong{margin-right:auto}nav{display:flex;gap:4px;flex-wrap:wrap}nav button{background:transparent;color:#cbd5e1;border:0;padding:8px 10px;border-radius:8px;cursor:pointer;font:inherit}nav button[aria-current=page]{background:var(--primary);color:#fff}main{padding:16px;max-width:1200px;margin:0 auto;display:grid;gap:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;overflow-x:auto}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:8px;border-bottom:1px solid var(--border);vertical-align:top}th{color:var(--muted);font-weight:600}.muted{color:var(--muted);font-size:13px}.ok{color:var(--ok)}.warn{color:var(--warn)}.danger{color:var(--danger)}input,textarea,select{font:inherit;padding:8px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);width:100%}button.primary{background:var(--primary);color:#fff;border:0;padding:10px 14px;border-radius:8px;cursor:pointer;font:inherit}button:disabled{opacity:.5;cursor:default}.big{font-size:28px;font-weight:700}form{display:grid;gap:8px}.banner{padding:10px 12px;border-radius:8px;background:#fef3c7;color:#78350f}
