.chart-container { position: relative; width: 100%; height: 100%; }
.chart-tooltip {
    position: absolute;
    background: var(--bg-card);
    border: 1px solid var(--border);
    padding: 8px 12px;
    border-radius: 8px;
    box-shadow: var(--shadow-md);
    pointer-events: none;
    font-size: var(--text-sm);
    z-index: 10;
    opacity: 0;
    transition: opacity 0.2s;
}
.chart-tooltip.active { opacity: 1; }

.donut-segment { transition: transform 0.2s ease; cursor: pointer; }
.donut-segment:hover { transform: scale(1.05); }

.bar-rect { transition: height 0.5s ease-out, y 0.5s ease-out; cursor: pointer; }
.bar-rect:hover { opacity: 0.8; }

.line-path { stroke-dasharray: var(--path-length); stroke-dashoffset: var(--path-length); animation: pathDraw 1.5s ease-out forwards; }
.line-point { transition: r 0.2s; cursor: pointer; }
.line-point:hover { r: 6; }