:root{--bg:#0a0b0d;--panel:#121417;--panel2:#1a1d21;--line:#262a2f;--txt:#e6e8eb;--muted:#8a919b;--accent:#3b82f6;--red:#e11d2e;--ok:#22c55e;--warn:#f59e0b;--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}*{box-sizing:border-box}body{background:var(--bg);color:var(--txt);margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial}button,input,select,textarea{font:inherit}.app{grid-template-rows:56px 1fr;min-height:100vh;display:grid}.topbar{border-bottom:1px solid var(--line);background:#000;align-items:center;gap:20px;padding:0 20px;display:flex}.topbar .brand{letter-spacing:.04em;color:#fff;font-weight:800}.switcher{background:var(--panel2);border-radius:8px;gap:2px;padding:2px;display:flex}.switcher a,.switcher button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:7px 16px;font-size:13px;font-weight:600;text-decoration:none}.switcher .active{background:var(--red);color:#fff}.topbar .spacer{flex:1}.topbar .user{color:var(--muted);font-size:13px}.shell{grid-template-columns:220px 1fr;min-height:calc(100vh - 56px);display:grid}nav.side{border-right:1px solid var(--line);background:#0d0f12;padding:16px 10px}nav.side a{color:var(--muted);letter-spacing:.03em;border-radius:8px;margin-bottom:2px;padding:10px 12px;font-size:13px;font-weight:600;text-decoration:none;display:block}nav.side a.active,nav.side a:hover{background:var(--panel2);color:#fff}main{max-width:1400px;padding:28px 32px}h1{letter-spacing:.02em;margin:0 0 4px;font-size:22px}.sub{color:var(--muted);margin:0 0 24px;font-size:13px}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px}.kpis{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px}.kpi span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px}.kpi strong{font-size:24px;font-family:var(--mono);margin-top:6px;display:block}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;padding:10px 12px;font-size:13px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}tbody tr:hover{background:var(--panel2);cursor:pointer}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.badge{letter-spacing:.03em;text-transform:uppercase;border-radius:99px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-block}.badge.NEW{color:#93c5fd;background:#1e3a8a}.badge.ANALYZED{color:#c7d2fe;background:#3730a3}.badge.WORKING{color:#fcd34d;background:#78350f}.badge.FINISHED{color:#86efac;background:#14532d}.badge.ARCHIVED{color:#a1a1aa;background:#27272a}.badge.ORI{color:#fca5a5;background:#450a0a}.badge.MOD{color:#93c5fd;background:#1e3a8a}.badge.BACKUP{color:#d4d4d8;background:#27272a}.badge.UNKNOWN{color:#71717a;background:#27272a}button{cursor:pointer;border:1px solid var(--line);background:var(--panel2);color:var(--txt);border-radius:8px;padding:9px 15px;font-size:13px;font-weight:600}button.primary{background:var(--red);border-color:var(--red);color:#fff}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--txt);background:#0d0f12;border-radius:8px;outline:none;padding:10px 12px}label{color:var(--muted);gap:6px;margin-bottom:12px;font-size:12px;display:grid}.formGrid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.full{grid-column:1/-1}.err{color:#ffabb2;background:#3a1117;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px}.ok-msg{color:#86efac;background:#0f2a1a;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px}.center{background:var(--bg);min-height:100vh;color:var(--txt);text-align:center;place-items:center;padding:20px;display:grid}.modalOverlay{z-index:50;background:#000c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line);border-radius:12px;width:min(560px,95vw);max-height:90vh;padding:22px;overflow:auto}.modalHead{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.tooSmall{display:none}@media (width<=820px){.shell{grid-template-columns:1fr}nav.side{border-right:0;border-bottom:1px solid var(--line);display:flex;overflow-x:auto}.kpis{grid-template-columns:repeat(2,1fr)}}
