:root{--bg:#0a0a0c;--surface:#131316;--surface-2:#1c1c20;--border:#28282d;--border-soft:#1f1f24;--text:#ededee;--text-2:#a1a1a8;--text-3:#6e6e76;--accent:#d982f2;--accent-2:#b755d4;--danger:#ef4444;--ok:#34d399;--r-md:10px;--r-lg:14px;--f-mono:ui-monospace, "JetBrains Mono", Menlo, monospace;--f-sans:ui-sans-serif, system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--f-sans);margin:0;padding:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.layout{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:6px;padding:24px 16px;display:flex}.sidebar h1{letter-spacing:-.02em;margin:0 0 24px;font-size:18px}.sidebar h1 small{color:var(--accent);font-size:12px;font-weight:400;display:block}.nav-link{border-radius:var(--r-md);color:var(--text-2);padding:9px 12px;font-size:14px;display:block}.nav-link:hover{background:var(--surface-2);color:var(--text);text-decoration:none}.nav-link.active{background:var(--surface-2);color:var(--text);font-weight:600}.main{max-width:1400px;padding:32px 36px}.kpis{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:24px;display:grid}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px}.kpi-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);font-size:11px}.kpi-value{letter-spacing:-.02em;margin-top:6px;font-size:28px;font-weight:600}.kpi-meta{color:var(--text-2);font-size:12px;font-family:var(--f-mono);margin-top:6px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);margin-bottom:24px;overflow:hidden}.panel-head{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:baseline;padding:14px 18px;display:flex}.panel-head h2{margin:0;font-size:15px;font-weight:600}.panel-head .meta{color:var(--text-3);font-size:12px;font-family:var(--f-mono)}.tbl{border-collapse:collapse;width:100%}.tbl thead th{text-align:left;text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);background:var(--surface-2);font-size:10px;font-weight:600;font-family:var(--f-mono);padding:11px 18px}.tbl tbody td{border-bottom:1px solid var(--border-soft);color:var(--text-2);padding:13px 18px;font-size:13.5px}.tbl tbody tr:last-child td{border-bottom:none}.tbl tbody td.r{text-align:right;font-family:var(--f-mono);color:var(--text);font-weight:500}.tbl tbody td.strong{color:var(--text);font-weight:600}.tbl tbody tr:hover{background:var(--surface-2)}.input{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);width:100%;padding:10px 14px;font-family:inherit;font-size:14px}.input:focus{border-color:var(--accent);outline:none}.btn{background:var(--accent);color:#0a0a0c;border-radius:var(--r-md);cursor:pointer;border:none;padding:10px 18px;font-size:14px;font-weight:600}.btn:hover{background:var(--accent-2)}.btn-ghost{color:var(--text-2);border:1px solid var(--border);background:0 0}.page-head{margin-bottom:24px}.page-head h1{letter-spacing:-.02em;margin:0 0 4px;font-size:28px}.page-head p{color:var(--text-2);margin:0;font-size:14px}.badge{font-size:11px;font-family:var(--f-mono);background:var(--surface-2);color:var(--text-2);border-radius:999px;padding:2px 8px;display:inline-block}.badge-ok{color:var(--ok);background:#34d3991f}.badge-danger{color:var(--danger);background:#ef44441f}.login-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);max-width:380px;margin:120px auto;padding:32px}.login-wrap h1{margin:0 0 4px;font-size:24px}.login-wrap p{color:var(--text-2);margin-top:0;font-size:14px}.login-wrap .field{margin-top:16px}.login-wrap label{color:var(--text-2);margin-bottom:6px;font-size:12px;display:block}.error{color:var(--danger);margin-top:12px;font-size:13px}