:root{--bg: #0f1419;--bg-elev: #171e27;--bg-soft: #1e2733;--line: #2a3544;--text: #e7eef7;--muted: #8fa3b8;--accent: #3dd6c6;--accent-2: #5b8def;--danger: #f07178;--ok: #9ece6a;--warn: #e0af68;--radius: 12px;--shadow: 0 12px 40px rgba(0, 0, 0, .35);font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg);color:var(--text)}a{color:var(--accent);text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.side{background:var(--bg-elev);border-right:1px solid var(--line);padding:1.2rem .9rem;display:flex;flex-direction:column;gap:.3rem}.brand{font-weight:700;letter-spacing:.04em;padding:.4rem .7rem 1.2rem}.brand span{color:var(--accent)}.nav a,.nav button.link{display:block;width:100%;text-align:left;background:none;border:0;padding:.55rem .75rem;border-radius:8px;color:var(--muted)}.nav a.active,.nav a:hover{background:var(--bg-soft);color:var(--text)}.side .who{margin-top:auto;padding:.75rem;color:var(--muted);font-size:.85rem}.main{padding:1.5rem 2rem 3rem}h1{font-size:1.45rem;margin:0 0 1rem}h2{font-size:1.05rem;margin:0 0 .8rem}.row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.8rem;margin-bottom:1.4rem}.card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow)}.card .n{font-size:1.6rem;font-weight:700;color:var(--accent)}table{width:100%;border-collapse:collapse;background:var(--bg-elev);border-radius:var(--radius);overflow:hidden}th,td{padding:.7rem .8rem;text-align:left;border-bottom:1px solid var(--line);font-size:.92rem}th{color:var(--muted);font-weight:600}.btn{background:var(--accent-2);border:0;color:#fff;padding:.45rem .85rem;border-radius:8px;font-weight:600}.btn.secondary{background:var(--bg-soft);color:var(--text);border:1px solid var(--line)}.btn.danger{background:var(--danger)}.btn.small{padding:.3rem .55rem;font-size:.82rem}.badge{font-size:.75rem;padding:.15rem .45rem;border-radius:999px;background:var(--bg-soft);color:var(--muted)}.badge.on{background:#163028;color:var(--ok)}.err{color:var(--danger);margin:.4rem 0}.ok{color:var(--ok)}form.grid{display:grid;gap:.7rem;max-width:820px}label{display:grid;gap:.25rem;color:var(--muted);font-size:.85rem}input,select,textarea{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:.5rem .65rem}textarea{min-height:90px;font-family:ui-monospace,monospace}.check{display:flex;gap:.45rem;align-items:center;color:var(--text)}.login-wrap{min-height:100vh;display:grid;place-items:center;background:radial-gradient(1200px 500px at 20% -10%,#1a3a44,transparent),var(--bg)}.login-card{width:min(420px,92vw);background:var(--bg-elev);padding:1.6rem;border-radius:16px;border:1px solid var(--line)}.muted{color:var(--muted)}.stack{display:grid;gap:.7rem}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#080c12b8;display:grid;place-items:center}.overlay-box{display:grid;justify-items:center;gap:.85rem;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem 1.8rem;box-shadow:var(--shadow);min-width:240px}.spinner{width:36px;height:36px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn:disabled{opacity:.55;cursor:not-allowed}@media (max-width: 800px){.layout{grid-template-columns:1fr}.side{border-right:0;border-bottom:1px solid var(--line)}}