.bar-chart{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(#161616fa 0%,#0c0c0cfa 100%);flex-direction:column;width:100%;padding:16px 16px 16px 6px;transition:border-color .25s,box-shadow .25s,transform .25s;display:flex;position:relative;overflow:hidden}.bar-chart:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#ebca6014,#0000 45%);position:absolute;inset:0}.bar-chart:hover{border-color:#ebca6040;transform:translateY(-2px);box-shadow:0 18px 40px #00000073}.bar-chart-header{text-align:center;margin-bottom:12px}.bar-chart-title{color:var(--white);letter-spacing:.3px;margin:0;font-size:1rem;font-weight:700}.bar-chart-subtitle{color:#fff9;margin:4px 0 0;font-size:.82rem;font-weight:400}.bar-chart-content{width:100%;height:260px}.bar-chart-content>div{width:100%!important;height:100%!important}.bar-chart .recharts-wrapper{font-family:inherit}.bar-chart .recharts-surface{overflow:visible}.bar-chart .recharts-cartesian-grid line{stroke:#ffffff0d}.bar-chart .recharts-cartesian-axis-line,.bar-chart .recharts-cartesian-axis-tick line{stroke:#ffffff14}.bar-chart .recharts-text{fill:#ffffffb3;font-size:.82rem;font-weight:500}.bar-chart .recharts-bar-rectangle{transition:opacity .2s,filter .2s}.bar-chart .recharts-bar-rectangle:hover{opacity:.9;filter:brightness(1.08)}.bar-tooltip{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141414fa;border:1px solid #ebca6040;padding:12px 14px;box-shadow:0 16px 32px #00000073}.bar-tooltip-title{color:var(--white);margin-bottom:6px;font-size:.85rem;font-weight:600}.bar-tooltip-value{color:var(--gold);font-size:1rem;font-weight:700}.bar-chart-legend{flex-wrap:wrap;gap:18px;margin-top:20px;display:flex}.bar-chart-legend-item{color:#ffffffb3;align-items:center;gap:8px;font-size:.82rem;font-weight:500;display:flex}.bar-chart-legend-color{border-radius:50%;width:10px;height:10px}.bar-chart-loading,.bar-chart-empty{color:#ffffff80;justify-content:center;align-items:center;width:100%;height:100%;font-size:.9rem;display:flex}@media (width<=768px){.bar-chart{min-height:220px;padding:16px}.bar-chart-header{margin-bottom:16px}.bar-chart-title{font-size:.95rem}.bar-chart-content{min-height:180px}}.chart-tooltip{border-radius:var(--radius-md);background:#181818;border:1px solid #ebca6040;min-width:150px;padding:12px 14px;box-shadow:0 12px 30px #00000073}.chart-tooltip-title{color:#ffffffa6;margin-bottom:8px;font-size:.8rem;font-weight:500}.chart-tooltip-value{color:var(--gold);font-size:1.05rem;font-weight:700}.chart-tooltip-percentage{color:var(--text);margin-top:6px;font-size:.8rem}