:root{--bg-primary:#0b0f19;--bg-secondary:#111827;--bg-card:#1a1f2e;--bg-card-hover:#222838;--bg-surface:#141925;--border-color:#ffffff0f;--border-color-hover:#ffffff1f;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-highlight:#fff;--accent-blue:#3b82f6;--accent-blue-glow:#3b82f626;--accent-purple:#8b5cf6;--accent-purple-glow:#8b5cf626;--accent-emerald:#10b981;--accent-emerald-glow:#10b98126;--accent-rose:#f43f5e;--accent-rose-glow:#f43f5e26;--accent-amber:#f59e0b;--accent-amber-glow:#f59e0b26;--accent-cyan:#06b6d4;--accent-cyan-glow:#06b6d426;--sidebar-width:260px;--topbar-height:64px;--font-sans:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","Consolas","Courier New",monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px}[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--bg-card:#fff;--bg-card-hover:#f1f5f9;--bg-surface:#fff;--border-color:#00000014;--border-color-hover:#00000029;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-highlight:#020617;--accent-blue-glow:#3b82f61a;--accent-purple-glow:#8b5cf61a;--accent-emerald-glow:#10b9811a;--accent-rose-glow:#f43f5e1a;--accent-amber-glow:#f59e0b1a;--accent-cyan-glow:#06b6d41a}*{box-sizing:border-box}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans),system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#fff3}.glass-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all .3s cubic-bezier(.25,.8,.25,1);transform:translateY(0)scale(1)}.glass-card:hover{border-color:var(--border-color-hover);background:var(--bg-card-hover);transform:translateY(-4px);box-shadow:0 10px 30px #0003}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in-up{opacity:0;animation:.5s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.animate-scale-in{opacity:0;animation:.4s cubic-bezier(.16,1,.3,1) forwards scaleIn}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.glow-blue{box-shadow:0 0 20px var(--accent-blue-glow),inset 0 1px 0 #ffffff0d}.glow-purple{box-shadow:0 0 20px var(--accent-purple-glow),inset 0 1px 0 #ffffff0d}.glow-emerald{box-shadow:0 0 20px var(--accent-emerald-glow),inset 0 1px 0 #ffffff0d}.glow-rose{box-shadow:0 0 20px var(--accent-rose-glow),inset 0 1px 0 #ffffff0d}.glow-amber{box-shadow:0 0 20px var(--accent-amber-glow),inset 0 1px 0 #ffffff0d}.glow-cyan{box-shadow:0 0 20px var(--accent-cyan-glow),inset 0 1px 0 #ffffff0d}.badge{letter-spacing:.02em;border-radius:99px;align-items:center;gap:4px;padding:2px 10px;font-size:12px;font-weight:500;display:inline-flex}.badge-success{background:var(--accent-emerald-glow);color:var(--accent-emerald)}.badge-danger{background:var(--accent-rose-glow);color:var(--accent-rose)}.badge-warning{background:var(--accent-amber-glow);color:var(--accent-amber)}.badge-info{background:var(--accent-blue-glow);color:var(--accent-blue)}.badge-purple{background:var(--accent-purple-glow);color:var(--accent-purple)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-glow{0%,to{opacity:.6}50%{opacity:1}}.animate-in{animation:.4s ease-out forwards fadeIn}.animate-delay-1{animation-delay:50ms}.animate-delay-2{animation-delay:.1s}.animate-delay-3{animation-delay:.15s}.animate-delay-4{animation-delay:.2s}.skeleton{background:linear-gradient(90deg,var(--bg-card)25%,var(--bg-card-hover)50%,var(--bg-card)75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.chart-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;transition:all .2s}.chart-container:hover{border-color:var(--border-color-hover)}.data-table{border-collapse:separate;border-spacing:0;width:100%}.data-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-color);background:var(--bg-surface);padding:12px 16px;font-size:11px;font-weight:600}.data-table tbody td{color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding:14px 16px;font-size:14px;transition:background .15s}.data-table tbody tr:hover td{background:var(--bg-card-hover)}.data-table tbody tr:last-child td{border-bottom:none}.input-dark{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;width:100%;padding:10px 14px;font-size:14px;transition:all .2s}.input-dark:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-glow)}.input-dark::placeholder{color:var(--text-muted)}.small-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px;font-size:11px;font-weight:600;display:block}.option-grid{flex-wrap:wrap;gap:8px;display:flex}.option-chip{border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-secondary);border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:inline-flex}.btn-primary{background:var(--accent-blue);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary:hover{box-shadow:0 4px 12px var(--accent-blue-glow);background:#2563eb;transform:translateY(-1px)}.btn-secondary{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-color-hover)}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.empty-state svg{opacity:.4;width:48px;height:48px;margin-bottom:16px}