.donut-wrapper{align-items:center;gap:3rem;width:100%;display:flex}.donut-wrapper.profile{justify-content:flex-start;padding:0}.donut-wrapper.compact{text-align:center;flex-direction:column;gap:1.5rem}.donut-svg-container{justify-content:center;align-items:center;display:flex}.donut-svg{transform:rotate(-90deg)}.donut-segment{transition:stroke-dashoffset .5s cubic-bezier(.4,0,.2,1)}.donut-percentage{font-family:var(--font-serif);fill:var(--color-navy);font-size:1.25rem;transform:rotate(90deg)}.profile .donut-percentage{font-size:1.75rem}.donut-legend{flex-direction:column;gap:12px;display:flex}.compact .donut-legend{flex-direction:row;justify-content:center;gap:16px}.legend-item{font-size:.875rem;font-family:var(--font-sans);align-items:center;gap:12px;display:flex}.dot{border-radius:50%;width:8px;height:8px}.dot-mastered{background-color:var(--color-emerald)}.dot-shaky{background-color:var(--color-coral)}.dot-notstarted{background-color:var(--color-navy)}.label{color:var(--color-grey-mid);width:90px}.compact .label{width:auto}.value{color:var(--color-navy);font-weight:700}
.stats-row-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (max-width:1024px){.stats-row-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.stats-row-grid{grid-template-columns:1fr}}.metric-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:200px;display:flex}.metric-icon{color:var(--color-grey-mid);margin-bottom:16px;display:flex}.metric-content{flex-direction:column;gap:4px;display:flex}.metric-value{font-family:var(--font-serif);color:var(--color-navy);font-size:2.5rem;line-height:1}.coral .metric-value{color:var(--color-coral);font-size:3rem}.accent .metric-value{color:var(--color-coral)}.metric-label{margin-top:4px}.metric-desc{color:var(--color-grey-mid);margin-top:8px;font-size:.75rem}