:root{--bg-base:#0b0d17;--bg-surface:#111827;--bg-elevated:#1f2937;--bg-glass:#ffffff08;--bg-glass-hover:#ffffff0f;--bg-glass-border:#ffffff14;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-dim:#475569;--accent-indigo:#818cf8;--accent-violet:#a78bfa;--accent-emerald:#34d399;--accent-amber:#fbbf24;--accent-rose:#fb7185;--accent-cyan:#22d3ee;--gradient-primary:linear-gradient(135deg, #6366f1, #8b5cf6);--gradient-success:linear-gradient(135deg, #10b981, #34d399);--gradient-warning:linear-gradient(135deg, #f59e0b, #fbbf24);--gradient-danger:linear-gradient(135deg, #ef4444, #fb7185);--gradient-cyan:linear-gradient(135deg, #06b6d4, #22d3ee);--gradient-bg:linear-gradient(180deg, #0b0d17 0%, #111827 50%, #0f172a 100%);--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #00000040;--shadow-lg:0 8px 32px #00000059;--shadow-glow-indigo:0 0 20px #6366f126;--shadow-glow-emerald:0 0 20px #10b98126;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}body{font-family:var(--font);background:var(--gradient-bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;transition:background var(--transition-smooth), color var(--transition-smooth);margin:0}[data-theme=light]{--bg-base:#f8fafc;--bg-surface:#fff;--bg-elevated:#f1f5f9;--bg-glass:#ffffffb3;--bg-glass-hover:#ffffffe6;--bg-glass-border:#0000000d;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-dim:#94a3b8;--accent-indigo:#4f46e5;--accent-violet:#7c3aed;--accent-emerald:#059669;--accent-amber:#d97706;--accent-rose:#e11d48;--accent-cyan:#0891b2;--gradient-bg:linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%)}#root{width:100%;max-width:100%;min-height:100vh;margin:0 auto}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #6366f133}50%{box-shadow:0 0 0 8px #6366f100}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes skeleton-pulse{0%,to{opacity:.3}50%{opacity:.6}}.navbar{-webkit-backdrop-filter:blur(20px)saturate(180%);z-index:200;background:linear-gradient(135deg,#0f172af2 0%,#1e293bf2 100%);border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;height:64px;padding:0 2.5rem;display:flex;position:sticky;top:0}.navbar__brand{align-items:center;gap:.75rem;display:flex}.navbar__dot{background:var(--gradient-primary);border-radius:50%;width:10px;height:10px;animation:2s ease-in-out infinite pulseGlow;box-shadow:0 0 12px #6366f199}.navbar__title{color:#f8fafc;letter-spacing:-.01em;font-size:.975rem;font-weight:700}.navbar__badge{color:var(--accent-indigo);background:#6366f11f;border:1px solid #6366f126;border-radius:20px;padding:3px 10px;font-size:.65rem;font-weight:500}.navbar__meta{color:var(--text-muted);font-size:.72rem}.filter-bar{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);border:1px solid var(--bg-glass-border);flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.5rem;animation:.4s ease-out fadeInUp;display:flex}.filter-bar__row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.filter-bar__divider{background:#ffffff1a;flex-shrink:0;width:1px;height:24px}.filter-bar__label{color:var(--text-muted);font-size:.82rem}.axis-select{border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:.82rem;font-family:var(--font);transition:all var(--transition-fast);appearance:none;background:#ffffff0d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M3 4.5L6 7.5L9 4.5'/%3E%3C/svg%3E") right .6rem center no-repeat;border:1px solid #ffffff1a;padding:.45rem 2rem .45rem .75rem}.axis-select:hover{background:#ffffff14;border-color:#6366f166}.axis-select:focus{border-color:var(--accent-indigo);outline:none;box-shadow:0 0 0 3px #6366f126}.axis-select option{background:var(--bg-surface);color:var(--text-primary)}.axis-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-weight:600}input[type=date]{border-radius:var(--radius-sm);color:var(--text-primary);font-size:.82rem;font-family:var(--font);transition:all var(--transition-fast);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#ffffff0d;border:1px solid #ffffff1a;padding:.4rem .6rem}input[type=date]:hover{border-color:#6366f14d}input[type=date]:focus{border-color:var(--accent-indigo);outline:none;box-shadow:0 0 0 3px #6366f126}input[type=text]{border-radius:var(--radius-sm);color:var(--text-primary);font-size:.8rem;font-family:var(--font);transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;padding:.35rem .6rem}input[type=text]:focus{border-color:var(--accent-indigo);outline:none;box-shadow:0 0 0 3px #6366f126}input[type=text]::placeholder{color:var(--text-dim)}.pill-btn{color:var(--text-secondary);cursor:pointer;font-size:.78rem;font-family:var(--font);transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:.38rem .85rem}.pill-btn:hover{color:var(--text-primary);background:#ffffff1a;border-color:#fff3}.chart-btn{color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;font-size:.82rem;font-weight:500;font-family:var(--font);transition:all var(--transition-fast);background:#ffffff0a;border:1px solid #ffffff14;padding:.4rem .9rem}.chart-btn:hover{color:var(--text-primary);background:#ffffff14}.chart-btn--active{font-weight:600;box-shadow:0 2px 10px #6366f159;background:var(--gradient-primary)!important;color:#fff!important;border-color:#0000!important}.card{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);border:1px solid var(--bg-glass-border);transition:all var(--transition-smooth);padding:1.5rem;animation:.5s ease-out both fadeInUp;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);border-color:#ffffff1f}.card__title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;font-size:.72rem;font-weight:600}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.kpi-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);border:1px solid var(--bg-glass-border);transition:all var(--transition-smooth);flex-direction:column;gap:.35rem;padding:1.25rem 1.5rem;animation:.5s ease-out both fadeInUp;display:flex;position:relative;overflow:hidden}.kpi-card:before{content:"";border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.kpi-card:first-child:before{background:var(--gradient-primary)}.kpi-card:nth-child(2):before{background:var(--gradient-cyan)}.kpi-card:nth-child(3):before{background:var(--gradient-success)}.kpi-card:nth-child(4):before{background:var(--gradient-warning)}.kpi-card:first-child{animation-delay:50ms}.kpi-card:nth-child(2){animation-delay:.1s}.kpi-card:nth-child(3){animation-delay:.15s}.kpi-card:nth-child(4){animation-delay:.2s}.kpi-card:hover{box-shadow:var(--shadow-lg);border-color:#ffffff26;transform:translateY(-3px)}.kpi-card__header{justify-content:space-between;align-items:flex-start;display:flex}.kpi-card__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.35rem;font-size:.68rem;font-weight:600}.kpi-card__icon{filter:grayscale(.15);margin-top:-.2rem;font-size:1.5rem}.kpi-card__value{color:var(--text-primary);letter-spacing:-.02em;font-size:1.6rem;font-weight:800;line-height:1.2}.kpi-card__value--small{font-size:1.15rem}.kpi-card__sub{color:var(--text-muted);word-break:break-word;margin-top:.1rem;font-size:.7rem}.refresh-btn{color:var(--accent-indigo);border-radius:var(--radius-sm);cursor:pointer;font-size:.82rem;font-family:var(--font);transition:all var(--transition-fast);background:#6366f11a;border:1px solid #6366f133;align-items:center;gap:.4rem;padding:.5rem 1.1rem;font-weight:500;display:flex}.refresh-btn:hover{box-shadow:var(--shadow-glow-indigo);background:#6366f12e;border-color:#6366f159}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.price-matrix{overflow-x:auto}.price-matrix h3{color:var(--text-primary);margin-bottom:.75rem;font-size:.9rem;font-weight:600}.price-matrix table{border-collapse:collapse;width:100%;font-size:.82rem}.price-matrix thead th{z-index:10;color:var(--text-secondary);background:#ffffff0a;border-bottom:1px solid #ffffff14;padding:12px 14px;font-weight:600;position:sticky;top:0}.price-matrix th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast)}.price-matrix th.sortable:hover{background:#ffffff14}.price-matrix tbody td{color:var(--text-secondary);border-bottom:1px solid #ffffff0a;padding:10px 14px}.price-matrix tbody tr:hover td{background:#ffffff05}.card-secondary{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);border:1px solid var(--bg-glass-border);transition:all var(--transition-smooth);flex-direction:column;gap:1.5rem;padding:1.5rem;animation:.5s ease-out .1s both fadeInUp;display:flex;overflow:hidden}.card-secondary:hover{border-color:#ffffff1f}.bottom-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);border:1px solid var(--bg-glass-border);padding:1.5rem;animation:.5s ease-out .2s both fadeInUp;overflow:hidden}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%) 0 0/200% 100%;animation:1.5s ease-in-out infinite shimmer}.skeleton-card{background:var(--bg-glass);border-radius:var(--radius-lg);border:1px solid var(--bg-glass-border);padding:1.25rem 1.5rem}.skeleton-chart{background:var(--bg-glass);border-radius:var(--radius-lg);border:1px solid var(--bg-glass-border);height:320px;padding:1.5rem}@media (width<=768px){.navbar{flex-direction:column;gap:.5rem;height:auto;padding:.75rem 1rem}.kpi-grid{grid-template-columns:1fr 1fr}.resp-grid{grid-template-columns:1fr!important;display:grid!important}.resp-hide{display:none!important}.resp-mx{margin-left:1rem!important;margin-right:1rem!important}.filter-bar{padding:.75rem 1rem}.filter-bar__row{flex-direction:column;align-items:stretch}.filter-bar__divider{display:none}}