.chart-container{position:relative;width:100%;overflow-x:auto;max-width:100%}.tooltip{position:absolute;z-index:50;padding:.5rem 1rem;font-size:.875rem;color:white;background-color:#111827;border-radius:.5rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);pointer-events:none;border:1px solid #374151;white-space:normal;max-width:400px;word-wrap:break-word;transform:translate(-50%,-100%)}.bar{transition:all .2s ease-in-out}.bar:hover{opacity:.8;transform:scale(1.02)}.bar-label{font-weight:500;fill:#6b7280}.bar-label,.bar-value{font-size:.75rem;text-anchor:middle}.bar-value{font-weight:600;fill:#374151}.axis-label{font-size:.875rem;font-weight:500;fill:#374151}.axis-tick{font-size:.75rem;fill:#6b7280}.grid-line{stroke:#e5e7eb;stroke-width:1;stroke-dasharray:2,2}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151}.legend-color{width:1rem;height:1rem;border-radius:.25rem}.legend-text{font-weight:500}.legend-value{font-weight:600;color:#6b7280}