.chart-summary{margin:1.5rem 0}.chart-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:1.4rem;display:grid;grid-template-columns:1.2fr 180px 1.5fr;gap:1.5rem;align-items:center}.chart-card h2{margin:.45rem 0}.chart-total{font-size:2rem;font-weight:800;color:var(--navy);letter-spacing:-.04em}.chart-total small{font-size:1rem;font-weight:600}.donut{width:175px;height:175px;position:relative;display:grid;place-items:center}.donut svg{width:100%;height:100%;transform:rotate(-90deg)}.donut-segment{fill:none;stroke-width:24;stroke-linecap:butt}.donut-center{fill:#fff;stroke:#fff;stroke-width:1}.donut-hole{position:absolute;width:100px;height:100px;border-radius:50%;background:#fff;display:grid;place-content:center;text-align:center;color:var(--navy);box-shadow:0 0 0 1px #e1eaf2}.donut-hole strong{font-size:1.7rem}.donut-hole small{font-size:.75rem;color:#657b8c}.legend{display:flex;flex-direction:column;gap:.7rem}.legend-row{display:grid;grid-template-columns:14px 1fr auto;gap:.6rem;align-items:center;font-size:.84rem}.legend-row strong{display:block}.legend-row small{display:block;color:#647a8b;margin-top:.2rem}.legend-row b{font-size:.85rem;color:var(--navy)}.swatch{width:12px;height:12px;border-radius:3px}.swatch-0{background:#0b63b6}.swatch-1{background:#0a8c68}.swatch-2{background:#e29a24}.swatch-3{background:#7b5bb7}.swatch-4{background:#d25a5a}.swatch-5{background:#1e9aa8}.swatch-6{background:#536b7a}.report-actions{display:flex;gap:.5rem;margin-left:auto}@media(max-width:900px){.chart-card{grid-template-columns:1fr 150px}.legend{grid-column:1/-1}.donut{width:150px;height:150px}.report-actions{margin-left:0}}@media(max-width:600px){.chart-card{grid-template-columns:1fr}.donut{margin:auto}.metrics{grid-template-columns:1fr 1fr}.report-actions{width:100%}.report-actions button{flex:1}}