.d3-pie-chart{width:100%;height:100%;display:flex;flex-direction:column;position:relative}.d3-pie-chart svg{width:100%;height:100%;overflow:visible}.pie-slice{transition:all .2s ease;cursor:pointer}.pie-slice:hover{filter:brightness(1.1);transform:scale(1.02);transform-origin:center}.pie-label{font-family:Titillium Web,sans-serif;font-size:12px;font-weight:500;fill:#374151;pointer-events:none;text-shadow:1px 1px 2px rgba(255,255,255,.8)}.center-text .center-label{font-family:Titillium Web,sans-serif;font-size:14px;font-weight:400;fill:#6b7280}.center-text .center-value{font-family:Titillium Web,sans-serif;font-size:20px;font-weight:600;fill:#374151}.legend .legend-item{cursor:pointer;transition:opacity .2s ease}.legend .legend-item:hover{opacity:.8}.legend .legend-item text{font-family:Titillium Web,sans-serif;font-size:12px;fill:#374151}.chart-overlay{cursor:default}.ring-labels .ring-label{font-family:Titillium Web,sans-serif;font-weight:600;font-size:16px;fill:white;pointer-events:none}@media (max-width:768px){.pie-label{font-size:10px}.center-text .center-label{font-size:12px}.center-text .center-value{font-size:16px}.legend .legend-item text{font-size:11px}.ring-labels .ring-label{font-size:14px}}