:root{--bg:#0b0f14;--panel:#111827;--panel-hover:#1a2332;--panel-active:#1e293b;--border:#1f2937;--border-dim:#374151;--primary:#2563eb;--primary-dim:#2563eb26;--primary-glow:#2563eb4d;--success:#22c55e;--success-dim:#22c55e1f;--danger:#ef4444;--danger-dim:#ef44441f;--warning:#f59e0b;--warning-dim:#f59e0b1f;--info:#38bdf8;--info-dim:#38bdf81f;--text:#e5e7eb;--text-muted:#9ca3af;--text-dim:#6b7280;--sidebar-w:220px;--topbar-h:52px;--kpi-h:88px;--radius-sm:6px;--radius:10px;--radius-lg:14px;--transition:all .18s ease;--shadow:0 4px 24px #00000080;--shadow-lg:0 8px 40px #000000b3}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg);width:100%;height:100%;color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:13px;overflow:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-dim);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.card-hover{transition:var(--transition);cursor:pointer}.card-hover:hover{transform:translateY(-1px);background:var(--panel-hover)!important}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);letter-spacing:.2px;border:none;justify-content:center;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{filter:brightness(1.15);transform:translateY(-1px)}.btn-danger{border:1px solid var(--danger);color:var(--danger);background:0 0}.btn-danger:hover{background:var(--danger-dim)}.btn-ghost{border:1px solid var(--border-dim);color:var(--text-muted);background:0 0}.btn-ghost:hover{background:var(--panel-hover);color:var(--text)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{filter:brightness(1.1)}.badge{letter-spacing:.5px;text-transform:uppercase;border-radius:99px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.badge-success{background:var(--success-dim);color:var(--success)}.badge-danger{background:var(--danger-dim);color:var(--danger)}.badge-primary{background:var(--primary-dim);color:var(--primary)}.badge-warning{background:var(--warning-dim);color:var(--warning)}.badge-gray{color:var(--text-dim);background:#6b728026}@keyframes toast-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes toast-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}.toast-enter{animation:.25s forwards toast-in}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.pulse{animation:2s ease-in-out infinite pulse}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.shimmer{background:linear-gradient(90deg, var(--panel) 0%, var(--panel-hover) 50%, var(--panel) 100%);border-radius:var(--radius-sm);background-size:800px 100%;animation:1.4s ease-in-out infinite shimmer}.nav-link{color:var(--text-dim);border-radius:var(--radius-sm);transition:var(--transition);border-left:2px solid #0000;align-items:center;gap:8px;margin:1px 8px;padding:8px 16px;font-size:13px;text-decoration:none;display:flex}.nav-link:hover{color:var(--text);background:var(--panel-hover)}.nav-link.active{color:var(--primary);background:var(--primary-dim);border-left-color:var(--primary);font-weight:600}.input{background:var(--panel);border:1px solid var(--border-dim);border-radius:var(--radius-sm);color:var(--text);transition:var(--transition);outline:none;width:100%;padding:7px 11px;font-size:13px}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-dim)}.input::placeholder{color:var(--text-dim)}.table-row:hover{background:var(--panel-hover)}