:root{--bg:#0b0b0f;--surface:#ffffff0f;--surface2:#ffffff0a;--border:#ffffff1a;--text:#ffffffeb;--muted:#ffffffa6;--mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--sans:system-ui, -apple-system, Segoe UI, Roboto, sans-serif;font:14px/1.45 var(--sans);color:var(--text);background:var(--bg);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}#root{min-height:100svh}.shell{grid-template-columns:260px 1fr;min-height:100svh;display:grid}.nav{border-right:1px solid var(--border);background:linear-gradient(#ffffff0f,#ffffff05);padding:18px}.nav-brand{border:1px solid var(--border);background:#00000038;border-radius:14px;padding:10px 10px 14px}.nav-title{letter-spacing:-.2px;font-weight:800}.nav-sub{color:var(--muted);margin-top:2px;font-size:12px}.nav-links{gap:6px;margin-top:12px;display:grid}.nav-footer{border-top:1px solid var(--border);margin-top:18px;padding-top:12px}.nav-link{color:var(--muted);border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:10px;text-decoration:none;display:flex}.nav-link:hover{color:var(--text);background:#ffffff0a;border-color:#ffffff1a}.nav-link.active{color:var(--text);background:#ffffff0f;border-color:#ffffff24}.main{padding:22px}.page{max-width:1200px;margin:0 auto}.page-head{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:14px;display:flex}.page-title{letter-spacing:-.2px;font-size:18px;font-weight:900}.page-sub{color:var(--muted);margin-top:4px;font-size:12.5px}.page-body{gap:14px;display:grid}.grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.kpi{border:1px solid var(--border);background:#ffffff0d;border-radius:14px;padding:12px}.kpi-label{color:var(--muted);font-size:12px}.kpi-value{letter-spacing:-.4px;font-size:20px;font-weight:900;font-family:var(--mono);margin-top:6px}.bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.input{border:1px solid var(--border);color:var(--text);background:#ffffff0d;border-radius:12px;outline:none;min-width:260px;padding:10px 12px}select.input{min-width:200px}.input:focus{border-color:#fff3}.btn{color:var(--text);cursor:pointer;background:#ffffff1a;border:1px solid #ffffff24;border-radius:12px;padding:10px 12px;font-weight:800}.btn:hover{background:#ffffff24}.btn.ghost{background:0 0}.btn.small{border-radius:10px;padding:8px 10px;font-size:12.5px;font-weight:800}.btn:disabled{opacity:.5;cursor:not-allowed}.table{border:1px solid var(--border);background:#0000002e;border-radius:14px;overflow:hidden}.thead,.trow{grid-template-columns:var(--cols,1fr);align-items:center;gap:12px;padding:12px;display:grid}.thead{color:var(--muted);background:#ffffff0f;font-size:12px;font-weight:800}.trow{border-top:1px solid #ffffff14}.mono{font-family:var(--mono);color:#ffffffd1;font-size:12px}.muted{color:var(--muted)}.row{align-items:center;gap:8px;display:flex}.row.end{justify-content:flex-end}.shell-center{place-items:center;min-height:100svh;padding:24px;display:grid}.card{border:1px solid var(--border);background:#ffffff0f;border-radius:16px;width:min(540px,100%);padding:16px}.title{font-size:16px;font-weight:900}@media (width<=1100px){.shell{grid-template-columns:1fr}.nav{z-index:2;border-right:none;border-bottom:1px solid var(--border);position:sticky;top:0}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.thead,.trow{grid-template-columns:1fr;gap:6px}.input{flex:1;min-width:0}}