.chart-donut{flex-wrap:wrap;align-items:center;gap:18px;margin:0;display:flex}.chart-donut svg{flex-shrink:0;width:170px;height:170px}.chart-donut path{cursor:pointer;transition:stroke-width .12s}.chart-donut-total{font-family:var(--font);fill:var(--ink);font-size:28px;font-weight:800}.chart-donut-caption{fill:var(--muted);font-size:12px}.chart-legend{flex-direction:column;flex:1;gap:6px;min-width:190px;margin:0;padding:0;list-style:none;display:flex}.chart-legend li{color:var(--ink);border-radius:8px;grid-template-columns:12px 1fr auto 40px;align-items:center;gap:8px;padding:3px 6px;font-size:13px;display:grid}.chart-legend li.on{background:#f1f5fa}.chart-legend i{border-radius:4px;width:12px;height:12px}.chart-legend b{font-weight:800}.chart-legend small{color:var(--muted);text-align:right}.chart-legend-row{flex-flow:wrap;gap:6px 16px}.chart-legend-row li{grid-template-columns:12px auto auto}.chart-lines{flex-direction:column;gap:10px;margin:0;display:flex}.chart-lines-box{position:relative}.chart-lines svg{cursor:crosshair;width:100%;height:auto;display:block}.chart-grid{stroke:#e6edf6;stroke-width:1px}.chart-axis{fill:var(--muted);font-size:11px}.chart-cross{stroke:#9aa8b8;stroke-width:1px;stroke-dasharray:3 3}.chart-tip{border:1px solid var(--line);pointer-events:none;white-space:nowrap;background:#fff;border-radius:10px;flex-direction:column;gap:3px;padding:8px 10px;font-size:12.5px;display:flex;position:absolute;top:6px;transform:translate(-50%);box-shadow:0 8px 20px #0f244024}.chart-tip span{color:var(--muted);align-items:center;gap:6px;display:flex}.chart-tip i{border-radius:3px;width:10px;height:10px}.chart-tip span b{color:var(--ink)}.chart-bars{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.chart-bars li{grid-template-columns:minmax(90px,38%) 1fr 44px;align-items:center;gap:10px;font-size:13px;display:grid}.chart-bars-label{text-overflow:ellipsis;white-space:nowrap;color:var(--ink);overflow:hidden}.chart-bars-track{background:#eef2f7;border-radius:0 4px 4px 0;height:12px;overflow:hidden}.chart-bars-track>span{border-radius:0 4px 4px 0;height:100%;display:block}.chart-bars b{text-align:right;font-weight:800}