.bar-chart{gap:15px}.bar,.bar-chart{display:flex;flex-direction:column}.bar{gap:4px}.label{font-size:1rem;font-weight:700}.bar-fill{border-radius:8px;height:28px;transition:width 1.5s ease;width:0}.chart-container{height:260px;margin:0;position:relative;width:260px}.donut{height:100%;transform:rotate(-90deg);width:100%}.donut circle{fill:none;stroke-width:3.6;transition:stroke-dasharray 1.5s ease}.donut-bg{stroke:#e5e7eb}.legend{flex-direction:column;font-size:.9rem;margin-top:1rem}.legend,.legend-item{display:flex;gap:.5rem}.legend-item{align-items:center}.legend-color{border-radius:4px;height:16px;width:16px}