:root{--bg:#06070d;--surface:#0e111c;--surface2:#131725;--surface3:#181d2e;--border:#1e2333;--border-soft:#171b29;--text:#eceae6;--text2:#9aa0b0;--text3:#5d6472;--violet:#8b7bff;--blue:#4f46e5;--accent:linear-gradient(120deg,#8b7bff,#5b52e8);--ok:#3ddc97;--warn:#f5b94b;--danger:#f2606b;--info:#6ea8fe}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:Space Grotesk,Inter,sans-serif;letter-spacing:-.01em}button{cursor:pointer}button,input,select,textarea{font-family:inherit}.layout{display:flex;min-height:100vh}.sidebar{width:232px;background:var(--surface);border-right:1px solid var(--border);padding:20px 14px;position:fixed;top:0;left:0;bottom:0;display:flex;flex-direction:column;gap:2px;z-index:20}.sidebar .brand{display:flex;align-items:center;gap:9px;font-family:Space Grotesk;font-weight:600;font-size:16px;padding:6px 10px 18px}.sidebar .brand svg{width:22px;height:22px}.sidebar a.nav{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:9px;color:var(--text2);font-size:13.5px;transition:.14s}.sidebar a.nav.active,.sidebar a.nav:hover{color:var(--text);background:var(--surface2)}.sidebar .nav svg{width:16px;height:16px;stroke:currentColor}.sidebar .foot{margin-top:auto;padding-top:14px;border-top:1px solid var(--border-soft);font-size:12px;color:var(--text3)}.main{margin-left:232px;flex:1 1;display:flex;flex-direction:column}.topbar{height:60px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:-webkit-sticky;position:sticky;top:0;background:rgba(6,7,13,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10}.topbar .t{font-family:Space Grotesk;font-weight:600;font-size:15px}.content{padding:28px;max-width:1180px;width:100%;margin:0 auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px}.grid{grid-gap:16px;gap:16px}.grid,.kpis{display:grid}.kpis{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:14px;gap:14px}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px}.kpi .k{font-size:11px;color:var(--text3);text-transform:uppercase;letter-spacing:.08em}.kpi .v{font-family:Space Grotesk;font-size:28px;font-weight:600;margin-top:6px}.kpi .d{font-size:12px;color:var(--text2);margin-top:4px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:4px 9px;border-radius:20px}.badge.ok{background:rgba(61,220,151,.12);color:var(--ok)}.badge.warn{background:rgba(245,185,75,.12);color:var(--warn)}.badge.danger{background:rgba(242,96,107,.12);color:var(--danger)}.badge.info{background:rgba(110,168,254,.12);color:var(--info)}.badge.mut{background:rgba(139,123,255,.14);color:#b3a8ff}.btn{display:inline-flex;align-items:center;gap:7px;padding:10px 16px;border-radius:9px;font-weight:600;font-size:13.5px;border:1px solid transparent;background:var(--accent);color:#fff;transition:.15s}.btn:hover{opacity:.92}.btn.ghost{background:transparent;border-color:var(--border);color:var(--text)}.btn.ghost:hover{background:var(--surface2)}.btn.danger{background:rgba(242,96,107,.15);color:var(--danger);border-color:rgba(242,96,107,.25)}.btn.ok{background:rgba(61,220,151,.15);color:var(--ok);border-color:rgba(61,220,151,.25)}input,select,textarea{background:var(--surface2);border:1px solid var(--border);border-radius:9px;color:var(--text);padding:11px 13px;font-size:14px;width:100%;outline:none}input:focus,select:focus,textarea:focus{border-color:#3a4368}textarea{resize:vertical;min-height:88px}label{font-size:12.5px;color:var(--text2);display:block;margin-bottom:6px}.field{margin-bottom:16px}.table{width:100%;border-collapse:collapse;font-size:13.5px}.table th{text-align:left;color:var(--text3);font-weight:500;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;padding:10px 12px;border-bottom:1px solid var(--border)}.table td{padding:12px;border-bottom:1px solid var(--border-soft);color:var(--text2)}.table tr:hover td{background:var(--surface2)}.empty{padding:48px;text-align:center;color:var(--text3);font-size:14px}.demo-banner{background:linear-gradient(90deg,rgba(245,185,75,.14),rgba(245,185,75,.06));border:1px solid rgba(245,185,75,.3);color:var(--warn);font-size:12.5px;font-weight:600;padding:9px 20px;text-align:center;letter-spacing:.04em}.muted{color:var(--text3)}@media(max-width:860px){.sidebar{width:60px;padding:16px 8px}.sidebar .brand span,.sidebar a.nav span{display:none}.sidebar a.nav{justify-content:center}.main{margin-left:60px}.content{padding:18px}}