:root{--primary: #FCD34D;--primary-hover: #FBBF24;--primary-glow: rgba(252, 211, 77, .4);--bg-dark: #FDFBF6;--surface-dark: #F5F1E8;--surface-light: #FFFFFF;--text-main: #1F2937;--text-muted: #6B7280;--text-on-primary: #1F2937;--border-color: #E5E7EB;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--status-hot: #DC2626;--status-hot-bg: #FEE2E2;--status-warm: #D97706;--status-warm-bg: #FEF3C7;--status-cold: #3B82F6;--status-cold-bg: #DBEAFE}body{margin:0;background-color:var(--bg-dark);color:var(--text-main);font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}.glass-panel{background:var(--surface-light);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--radius-sm);font-weight:500;cursor:pointer;transition:all .2s;border:none;font-size:.9rem;background:transparent;color:var(--text-main)}.btn:hover{background:#0000000d}.btn-primary{background:var(--primary);color:var(--text-on-primary);box-shadow:0 4px 10px var(--primary-glow)}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.text-gradient{background:linear-gradient(135deg,var(--text-main),var(--text-muted));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}@keyframes growUp{0%{height:0;opacity:0}to{opacity:.8}}.chart-bar-container{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;position:relative;transition:transform .2s ease}.chart-bar-container:hover .chart-bar-bg{background:#00000008}.chart-bar-bg{position:absolute;bottom:0;left:0;width:100%;height:100%;border-radius:8px;background:transparent;transition:background .2s;pointer-events:none;z-index:0}.chart-bar{width:100%;border-radius:6px 6px 4px 4px;background:linear-gradient(180deg,var(--primary) 0%,rgba(250,204,21,.6) 100%);position:relative;z-index:1;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #fcd34d33}.chart-bar:hover{transform:scaleY(1.02) scaleX(1.05);box-shadow:0 8px 20px #fcd34d4d;opacity:1!important;z-index:10}.chart-tooltip{position:absolute;top:-40px;left:50%;transform:translate(-50%) translateY(10px);background:var(--text-main);color:#fff;padding:6px 10px;border-radius:6px;font-size:.75rem;font-weight:700;white-space:nowrap;opacity:0;pointer-events:none;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000026;z-index:20}.chart-tooltip:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);border-width:4px;border-style:solid;border-color:var(--text-main) transparent transparent transparent}.chart-bar-container:hover .chart-tooltip{opacity:1;transform:translate(-50%) translateY(0)}