:root{--bg: #0c1e42;--surface: #142c5c;--border: #24427a;--text: #eef3ff;--muted: #9db0d6;--accent: #4c8dff;--danger: #ff6b6b;--ok: #4ade80;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button{font:inherit;padding:.5rem 1rem;border:1px solid var(--border);border-radius:6px;background:var(--accent);color:var(--text);cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:transparent}input,select{font:inherit;padding:.45rem .6rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text)}table{width:100%;border-collapse:collapse}th,td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600;font-size:.85rem}.layout{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:1rem}.sidebar a{display:block;padding:.5rem;color:var(--muted);text-decoration:none;border-radius:6px}.sidebar a.active{background:var(--bg);color:var(--text)}.content{padding:1.5rem 2rem;overflow-x:auto}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1rem}.card .value{font-size:1.75rem;font-weight:700}.card .label{color:var(--muted);font-size:.85rem}.alert{border-radius:8px;padding:.75rem 1rem;margin:1rem 0}.alert.error{background:#ff6b6b26;border:1px solid var(--danger)}.alert.ok{background:#4ade801f;border:1px solid var(--ok)}
