.pcc{padding:20px;border-radius:16px;border:1px solid var(--border-color,#e5e7eb);background:var(--bg-card,#fff);gap:16px}.pcc,.pcc-header{display:flex;flex-direction:column}.pcc-header{gap:3px}.pcc-header-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.pcc-header-right{flex-shrink:0}.pcc-title{margin:0;font-size:.95rem;font-weight:700;color:var(--text-primary,#111827)}.pcc-subtitle{font-size:.8rem;line-height:1.5}.pcc-empty,.pcc-subtitle{color:var(--text-muted,#6b7280)}.pcc-empty{padding:28px 0;text-align:center;font-size:.85rem}.pcc-body{display:grid;grid-template-columns:auto 1fr;grid-gap:20px;gap:20px;align-items:center}@media (max-width:480px){.pcc-body{grid-template-columns:1fr}.pcc-donut-wrap{display:flex;justify-content:center}}.pcc-donut{width:148px;height:148px;flex-shrink:0;filter:drop-shadow(0 4px 12px rgba(0,0,0,.1))}.pcc-donut,.pcc-donut-hole{border-radius:50%;display:flex;align-items:center;justify-content:center}.pcc-donut-hole{width:80px;height:80px;background:var(--bg-app,#f8fafc);border:1px solid var(--border-color,#e5e7eb);flex-direction:column;text-align:center;padding:6px}.pcc-donut-label{font-size:.58rem;color:var(--text-muted,#9ca3af);text-transform:uppercase;letter-spacing:.07em;line-height:1}.pcc-donut-total{font-size:1.35rem;font-weight:800;color:var(--primary);line-height:1.1}.pcc-legend{gap:7px;min-width:0}.pcc-legend,.pcc-legend-item{display:flex;flex-direction:column}.pcc-legend-item{gap:4px}.pcc-legend-row{display:flex;align-items:center;gap:7px}.pcc-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.pcc-legend-name{flex:1 1;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.pcc-legend-count,.pcc-legend-name{font-size:.8rem;color:var(--text-primary,#111827)}.pcc-legend-count{font-weight:700;flex-shrink:0}.pcc-legend-pct{font-size:.75rem;color:var(--text-muted,#6b7280);flex-shrink:0;min-width:36px;text-align:right}.pcc-legend-bar-track{height:3px;border-radius:999px;background:var(--bg-input,#f3f4f6);overflow:hidden}.pcc-legend-bar-fill{height:100%;border-radius:999px;transition:width .4s ease}