:root{--bg: #0f1720;--panel: #17212b;--panel-2: #1d2a36;--line: #2b3b4a;--text: #eef4f8;--muted: #9aafbf;--accent: #2ec4b6;--accent-2: #f4b942;--danger: #ef6b6b;--ok: #7ddf9a;--shadow: 0 12px 40px rgba(0, 0, 0, .28)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Avenir Next,Segoe UI,sans-serif;background:radial-gradient(1200px 600px at 10% -10%,#1a3a3a 0%,transparent 50%),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{display:grid;min-height:100vh;grid-template-columns:240px 1fr}.nav{padding:24px 16px;border-right:1px solid var(--line);background:#0f1720db}.brand{font-weight:800;letter-spacing:.04em;margin-bottom:28px}.nav a,.nav button{display:block;width:100%;text-align:left;background:none;border:0;color:var(--muted);padding:10px 12px;border-radius:10px}.nav a.active,.nav a:hover{background:var(--panel-2);color:var(--text)}.main{padding:28px}.main>.chip{margin-bottom:14px}.page-title{margin:0 0 18px;font-size:28px}.page-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline;flex-wrap:wrap}.page-head .page-title{margin-bottom:0}.form-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.form-grid .wide{grid-column:1 / -1}h2,h3{margin:0}.grid{display:grid;gap:14px}.cards{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--shadow)}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.muted{color:var(--muted)}.chip{display:inline-flex;align-items:center;border-radius:999px;padding:3px 9px;font-size:12px;background:var(--panel-2)}.chip.ok{background:#1d3d2d;color:var(--ok)}.chip.warn{background:#3d3418;color:var(--accent-2)}.chip.bad{background:#3d1d1d;color:var(--danger)}.btn{border:0;border-radius:12px;padding:10px 14px;background:var(--accent);color:#08221f;font-weight:700;cursor:pointer}.btn.secondary{background:var(--panel-2);color:var(--text)}.btn.danger{background:var(--danger);color:#fff}.field{display:grid;gap:6px}input,select,textarea{background:var(--panel-2);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:10px 12px}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line)}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login .card{width:min(420px,100%)}.columns{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}@media(max-width:800px){.app-shell{grid-template-columns:1fr}.nav{display:flex;gap:8px;overflow:auto;border-right:0;border-bottom:1px solid var(--line)}.nav a,.nav button{width:auto;white-space:nowrap}.main{padding:16px}}