.chart-container{width:100%;height:235px;min-width:0}.donut-layout{display:flex;align-items:center;gap:18px;min-height:235px}.donut-wrap{position:relative;width:170px;height:170px;flex-shrink:0}.donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.donut-center strong{font-size:22px;line-height:1;color:var(--text-primary)}.donut-center span{font-size:10.5px;color:var(--text-secondary)}.donut-legend{flex:1;min-width:0;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.donut-legend li{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-primary)}.donut-legend-name{flex:1;min-width:0;color:var(--text-secondary)}.donut-legend-pct{min-width:34px;text-align:right;font-size:11px;color:var(--text-secondary)}@media (max-width:480px){.donut-layout{flex-direction:column;align-items:stretch}.donut-wrap{align-self:center}}