:root{--bg-root: #0d0e1c;--bg-surface: #13152e;--bg-elevated: #1a1d3a;--bg-sidebar: #0f1128;--accent-primary: #7b4fff;--accent-purple-lt: #9b6fff;--accent-purple-bg: rgba(123, 79, 255, .15);--accent-cyan: #00d4ff;--accent-teal: #00b4d8;--accent-cyan-bg: rgba(0, 212, 255, .12);--accent-pink: #ff3ea5;--accent-pink-bg: rgba(255, 62, 165, .12);--grad-purple-cyan: linear-gradient(135deg, #7b4fff 0%, #00d4ff 100%);--grad-purple-pink: linear-gradient(135deg, #7b4fff 0%, #ff3ea5 100%);--grad-cyan-teal: linear-gradient(135deg, #00d4ff 0%, #00b4d8 100%);--grad-card-glow: linear-gradient(135deg, rgba(123, 79, 255, .2) 0%, rgba(0, 212, 255, .1) 100%);--text-primary: #e8e9ff;--text-secondary: #8b8db8;--text-disabled: #4a4c6a;--text-accent: #a78bff;--border-default: rgba(123, 79, 255, .15);--border-hover: rgba(123, 79, 255, .4);--border-active: #7b4fff;--status-positive: #00e676;--status-warning: #ffb800;--status-danger: #ff3ea5;--font-ui: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Rajdhani", "Inter", sans-serif}:root[data-theme=light]{--bg-root: #f3f4fb;--bg-surface: #ffffff;--bg-elevated: #eef0fa;--bg-sidebar: #ffffff;--text-primary: #1a1b2e;--text-secondary: #5b5e7e;--text-disabled: #9b9eb8;--text-accent: #6a45e0;--border-default: rgba(123, 79, 255, .18);--border-hover: rgba(123, 79, 255, .4);--grad-card-glow: linear-gradient(135deg, rgba(123, 79, 255, .1) 0%, rgba(0, 212, 255, .06) 100%)}:root[data-theme=light] body:before{background:radial-gradient(ellipse 60% 50% at 20% 50%,rgba(123,79,255,.05) 0%,transparent 70%),radial-gradient(ellipse 40% 40% at 80% 20%,rgba(0,212,255,.04) 0%,transparent 70%)}:root[data-theme=light] .card{box-shadow:0 2px 12px #503ca014,inset 0 1px #ffffff80}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-root);color:var(--text-primary);font-family:var(--font-ui);font-size:14px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 60% 50% at 20% 50%,rgba(123,79,255,.06) 0%,transparent 70%),radial-gradient(ellipse 40% 40% at 80% 20%,rgba(0,212,255,.05) 0%,transparent 70%)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#7b4fff66;border-radius:2px}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}a{color:var(--text-accent);text-decoration:none}button{font-family:inherit;cursor:pointer}h1,h2,h3{margin:0;font-weight:600}.section-header{text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:600;color:var(--text-secondary)}.caption{font-size:12px;color:var(--text-secondary)}.display{font-family:var(--font-display);font-weight:700}.card{position:relative;background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-default);border-radius:16px;padding:20px 24px;box-shadow:0 4px 24px #0000004d,inset 0 1px #ffffff0a;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.card:hover{border-color:var(--border-hover);box-shadow:0 4px 32px #7b4fff1f,inset 0 1px #ffffff0f}.pill{display:inline-flex;align-items:center;gap:4px;border-radius:100px;font-size:11px;font-weight:600;padding:3px 10px;line-height:1}.pill-positive{background:#00e67626;color:var(--status-positive)}.pill-danger{background:#ff3ea526;color:var(--status-danger)}.pill-neutral{background:var(--accent-purple-bg);color:var(--text-accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border-default);background:var(--bg-elevated);color:var(--text-primary);border-radius:8px;padding:9px 14px;font-size:13px;font-weight:500;transition:all .2s ease}.btn:hover{border-color:var(--border-hover)}.btn-grad{border:none;background:var(--grad-purple-cyan);color:#fff;font-weight:600}.btn-grad:hover{filter:brightness(1.08)}.btn:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{font-family:inherit;background:var(--bg-root);border:1px solid var(--border-default);color:var(--text-primary);border-radius:8px;padding:9px 12px;font-size:13px;width:100%}input:focus,textarea:focus{border-color:var(--border-active);outline:none}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.enter{animation:fadeSlideUp .4s ease-out both;animation-delay:calc(var(--i, 0) * .05s)}@media (prefers-reduced-motion: reduce){.enter{animation:none}*{scroll-behavior:auto!important}}.spinner{width:28px;height:28px;border:3px solid var(--accent-purple-bg);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;font-size:13px;font-weight:500;color:var(--text-secondary);border-left:3px solid transparent;transition:all .2s ease}.nav-item svg{color:var(--text-disabled);flex-shrink:0}.nav-item:hover{background:#7b4fff14;color:var(--text-primary)}.nav-item.active{background:#7b4fff2e;border-left-color:var(--accent-primary);color:var(--accent-purple-lt)}.nav-item.active svg{color:var(--accent-primary)}.nav-badge{margin-left:auto;background:var(--accent-primary);color:#fff;font-size:10px;font-weight:700;border-radius:100px;padding:1px 7px;line-height:16px}.recharts-default-tooltip{background:var(--bg-elevated)!important;border:1px solid var(--border-hover)!important;border-radius:8px!important;padding:8px 12px!important}.recharts-tooltip-label{color:var(--text-secondary)!important}.recharts-cartesian-axis-tick text{fill:var(--text-disabled);font-size:11px}