:root{--brand-primary: #6366F1;--brand-secondary: #8B5CF6;--brand-accent: #FF7F7F;--chart-primary: #A78BFA;--chart-secondary: #67E8F9;--chart-tertiary: #FBBF24;--chart-neutral: #D1D5DB;--gradient-primary: linear-gradient(135deg, #A78BFA 0%, #8B5CF6 50%, #C084FC 100%);--gradient-secondary: linear-gradient(135deg, #67E8F9 0%, #22D3EE 50%, #34D399 100%);--gradient-tertiary: linear-gradient(135deg, #FBBF24 0%, #F59E0B 50%, #FDE047 100%);--gradient-neutral: linear-gradient(135deg, #D1D5DB 0%, #9CA3AF 50%, #E5E7EB 100%);--glass-gradient-light: linear-gradient(135deg, rgba(255, 255, 255, .15) 0%, rgba(255, 255, 255, .05) 100%);--glass-gradient-colorful: linear-gradient(135deg, rgba(99, 102, 241, .15) 0%, rgba(139, 92, 246, .15) 50%, rgba(255, 107, 107, .15) 100%);--glass-gradient-brand: linear-gradient(135deg, rgba(255, 107, 107, .1) 0%, rgba(78, 205, 196, .1) 25%, rgba(69, 183, 209, .1) 50%, rgba(150, 206, 180, .1) 75%, rgba(255, 234, 167, .1) 100%);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .1), 0 2px 8px rgba(0, 0, 0, .05);--shadow-glass-strong: 0 12px 40px rgba(0, 0, 0, .15), 0 4px 12px rgba(0, 0, 0, .1);--shadow-glass-colored: 0 8px 32px rgba(99, 102, 241, .2), 0 2px 8px rgba(139, 92, 246, .1);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .4s cubic-bezier(.68, -.55, .265, 1.55);--transition-glass: all .4s cubic-bezier(.25, .46, .45, .94)}.modern-chart-container,.chart-container,.chart-responsive,.recharts-wrapper{position:relative!important;width:100%!important;height:100%!important;background:var(--glass-gradient-brand)!important;backdrop-filter:blur(20px) saturate(180%)!important;border-radius:20px!important;border:1px solid rgba(255,255,255,.3)!important;box-shadow:var(--shadow-glass-colored)!important;overflow:hidden!important;transition:var(--transition-glass)!important;background-image:var(--glass-gradient-brand),linear-gradient(45deg,transparent 30%,rgba(255,255,255,.15) 50%,transparent 70%)!important;background-size:100% 100%,200% 200%!important;background-position:0 0,0 0!important}.modern-chart-container:hover,.chart-container:hover,.chart-responsive:hover,.recharts-wrapper:hover{transform:translateY(-4px) scale(1.02)!important;box-shadow:var(--shadow-glass-strong)!important;border-color:#fff6!important;background-position:0 0,100% 100%!important}.modern-chart-container:before,.chart-container:before,.chart-responsive:before,.recharts-wrapper:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(255,255,255,.05) 100%);border-radius:20px;pointer-events:none;z-index:1}.modern-chart-container .recharts-wrapper{width:100%!important;height:100%!important;border-radius:16px;overflow:hidden}.modern-chart-container .recharts-surface{width:100%!important;height:100%!important;border-radius:16px}.modern-chart-container .recharts-pie-sector,.chart-container .recharts-pie-sector,.recharts-pie-sector{filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))!important;transition:var(--transition-smooth)!important;stroke:#ffffff1a!important;stroke-width:2!important}.modern-chart-container .recharts-pie-sector:hover,.chart-container .recharts-pie-sector:hover,.recharts-pie-sector:hover{filter:drop-shadow(0 6px 12px rgba(0,0,0,.25))!important;transform:scale(1.05)!important;stroke-width:3!important;stroke:#ffffff4d!important}.modern-chart-container .recharts-bar-rectangle,.chart-container .recharts-bar-rectangle,.recharts-bar-rectangle{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))!important;transition:var(--transition-smooth)!important;rx:8!important;ry:8!important}.modern-chart-container .recharts-bar-rectangle:hover,.chart-container .recharts-bar-rectangle:hover,.recharts-bar-rectangle:hover{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))!important;transform:scaleY(1.05)!important}.modern-chart-container .recharts-line,.chart-container .recharts-line,.recharts-line{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))!important;transition:var(--transition-smooth)!important}.modern-chart-container .recharts-line:hover,.chart-container .recharts-line:hover,.recharts-line:hover{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))!important}.modern-chart-container .recharts-area,.chart-container .recharts-area,.recharts-area{fill:url(#gradientArea)!important;opacity:.7!important;transition:var(--transition-smooth)!important}.modern-chart-container .recharts-area:hover,.chart-container .recharts-area:hover,.recharts-area:hover{opacity:.9!important}.modern-chart-container .recharts-dot,.chart-container .recharts-dot,.recharts-dot{filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))!important;transition:var(--transition-smooth)!important}.modern-chart-container .recharts-dot:hover,.chart-container .recharts-dot:hover,.recharts-dot:hover{filter:drop-shadow(0 4px 8px rgba(0,0,0,.25))!important;transform:scale(1.2)!important}.modern-chart-container .recharts-cartesian-axis-tick-value,.chart-container .recharts-cartesian-axis-tick-value,.recharts-cartesian-axis-tick-value{fill:#64748bcc!important;font-size:12px!important;font-weight:500!important;transition:var(--transition-smooth)!important}.modern-chart-container .recharts-cartesian-axis-tick-value:hover,.chart-container .recharts-cartesian-axis-tick-value:hover,.recharts-cartesian-axis-tick-value:hover{fill:#64748b!important;font-weight:600!important}.modern-chart-container .recharts-cartesian-axis-line,.chart-container .recharts-cartesian-axis-line,.recharts-cartesian-axis-line{stroke:#667eea33!important;stroke-width:1!important}.modern-chart-container .recharts-cartesian-grid-horizontal line,.modern-chart-container .recharts-cartesian-grid-vertical line,.chart-container .recharts-cartesian-grid-horizontal line,.chart-container .recharts-cartesian-grid-vertical line,.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#667eea1a!important;stroke-dasharray:3 3!important}.modern-chart-container .recharts-tooltip-wrapper,.chart-container .recharts-tooltip-wrapper,.recharts-tooltip-wrapper{outline:none!important}.modern-chart-container .recharts-tooltip-content,.chart-container .recharts-tooltip-content,.recharts-tooltip-content{background:#fffffff2!important;backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.3)!important;border-radius:12px!important;box-shadow:var(--shadow-glass-strong)!important;padding:12px 16px!important}.modern-chart-container .recharts-tooltip-label,.chart-container .recharts-tooltip-label,.recharts-tooltip-label{color:var(--brand-neutral-800)!important;font-weight:600!important;font-size:14px!important;margin-bottom:8px!important}.modern-chart-container .recharts-tooltip-item,.chart-container .recharts-tooltip-item,.recharts-tooltip-item{color:var(--brand-neutral-600)!important;font-size:13px!important;font-weight:500!important}.modern-chart-container .recharts-tooltip-item-name,.chart-container .recharts-tooltip-item-name,.recharts-tooltip-item-name{color:var(--brand-neutral-500)!important;font-weight:500!important}.modern-chart-container .recharts-tooltip-item-value,.chart-container .recharts-tooltip-item-value,.recharts-tooltip-item-value{color:var(--brand-neutral-800)!important;font-weight:600!important}.modern-chart-container .recharts-legend-wrapper,.chart-container .recharts-legend-wrapper,.recharts-legend-wrapper{padding:16px!important}.modern-chart-container .recharts-legend-item,.chart-container .recharts-legend-item,.recharts-legend-item{margin:0 8px!important;transition:var(--transition-smooth)!important}.modern-chart-container .recharts-legend-item:hover,.chart-container .recharts-legend-item:hover,.recharts-legend-item:hover{transform:translateY(-2px)!important}.modern-chart-container .recharts-legend-item-text,.chart-container .recharts-legend-item-text,.recharts-legend-item-text{color:var(--brand-neutral-500)!important;font-size:13px!important;font-weight:500!important;transition:var(--transition-smooth)!important}.modern-chart-container .recharts-legend-item-text:hover,.chart-container .recharts-legend-item-text:hover,.recharts-legend-item-text:hover{color:var(--brand-neutral-800)!important;font-weight:600!important}@keyframes chartFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes chartScaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.modern-chart-container,.chart-container,.recharts-wrapper{animation:chartFadeIn .6s cubic-bezier(.4,0,.2,1)}.modern-chart-container .recharts-pie-sector,.chart-container .recharts-pie-sector,.recharts-pie-sector,.modern-chart-container .recharts-bar-rectangle,.chart-container .recharts-bar-rectangle,.recharts-bar-rectangle{animation:chartScaleIn .8s cubic-bezier(.4,0,.2,1)}@media (max-width: 768px){.modern-chart-container,.chart-container,.recharts-wrapper{border-radius:12px!important}.modern-chart-container .recharts-tooltip-content,.chart-container .recharts-tooltip-content,.recharts-tooltip-content{padding:8px 12px!important;font-size:12px!important}.modern-chart-container .recharts-cartesian-axis-tick-value,.chart-container .recharts-cartesian-axis-tick-value,.recharts-cartesian-axis-tick-value{font-size:10px!important}}.dark-mode .modern-chart-container,.dark-mode .chart-container,.dark-mode .recharts-wrapper{background:#1e293bcc!important;border-color:#3341554d!important}.light-mode .modern-chart-container,.light-mode .chart-container,.light-mode .recharts-wrapper,.light-mode .modern-chart-container .recharts-wrapper,.light-mode .chart-container .recharts-wrapper{background:#fffc!important;backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.3)!important;box-shadow:0 4px 20px #0000000d,inset 0 1px #fffc!important}.dark-mode .modern-chart-container .recharts-wrapper,.dark-mode .chart-container .recharts-wrapper{background:#1e293bcc!important;border-color:#3341554d!important}.dark-mode .modern-chart-container .recharts-tooltip-content,.dark-mode .chart-container .recharts-tooltip-content,.dark-mode .recharts-tooltip-content{background:#1e293bf2!important;border-color:#3341554d!important}.light-mode .modern-chart-container .recharts-tooltip-content,.light-mode .chart-container .recharts-tooltip-content,.light-mode .recharts-tooltip-content{background:#fffffff2!important;border-color:#ffffff4d!important}.modern-chart-container .recharts-tooltip-label,.modern-chart-container .recharts-tooltip-item-value,.chart-container .recharts-tooltip-label,.chart-container .recharts-tooltip-item-value,.recharts-tooltip-label,.recharts-tooltip-item-value{color:var(--brand-neutral-50)!important}.modern-chart-container .recharts-tooltip-item,.modern-chart-container .recharts-tooltip-item-name,.chart-container .recharts-tooltip-item,.chart-container .recharts-tooltip-item-name,.recharts-tooltip-item,.recharts-tooltip-item-name{color:var(--brand-neutral-300)!important}.modern-chart-container .recharts-cartesian-axis-tick-value,.chart-container .recharts-cartesian-axis-tick-value,.recharts-cartesian-axis-tick-value{fill:#cbd5e1cc!important}.light-mode .modern-chart-container .recharts-tooltip-label,.light-mode .modern-chart-container .recharts-tooltip-item-value,.light-mode .chart-container .recharts-tooltip-label,.light-mode .chart-container .recharts-tooltip-item-value,.light-mode .recharts-tooltip-label,.light-mode .recharts-tooltip-item-value{color:var(--brand-neutral-800)!important}.light-mode .modern-chart-container .recharts-tooltip-item,.light-mode .modern-chart-container .recharts-tooltip-item-name,.light-mode .chart-container .recharts-tooltip-item,.light-mode .chart-container .recharts-tooltip-item-name,.light-mode .recharts-tooltip-item,.light-mode .recharts-tooltip-item-name{color:var(--brand-neutral-600)!important}.light-mode .modern-chart-container .recharts-cartesian-axis-tick-value,.light-mode .chart-container .recharts-cartesian-axis-tick-value,.light-mode .recharts-cartesian-axis-tick-value{fill:var(--brand-neutral-600)!important}.light-mode .modern-chart-container .recharts-legend-item-text,.light-mode .chart-container .recharts-legend-item-text,.light-mode .recharts-legend-item-text{color:var(--brand-neutral-600)!important}.recharts-legend-wrapper,.recharts-legend,.recharts-legend-item,.recharts-legend-item-text{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;width:0!important;overflow:hidden!important}.chart-glow{filter:drop-shadow(0 0 20px rgba(99,102,241,.3))}.chart-pulse{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.chart-bounce{animation:bounce 1s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}
