.pvg-chart {
  width: 100%; height: 100%; background: #eef1f4; box-sizing: border-box;
  padding: 20px; font: 14px/1.4 sans-serif;
}
.pvg-chart .pvg-title { margin: 0 0 20px; font-size: 20px; font-weight: 500; color: #333; }
.pvg-chart .pvg-panels { display: flex; flex-direction: column; gap: 24px; }
.pvg-chart .pvg-panel h3 { margin: 0 0 10px; font-size: 13px; font-weight: 600; color: #777; text-transform: uppercase; letter-spacing: 0.03em; }
.pvg-chart .pvg-bar-row { display: grid; grid-template-columns: 200px 1fr 60px; align-items: center; gap: 10px; margin-bottom: 10px; }
.pvg-chart .pvg-bar-label { font-size: 13px; color: #444; }
.pvg-chart .pvg-bar-row.is-children .pvg-bar-label { color: #e07b39; font-weight: 700; }
.pvg-chart .pvg-bar-track { height: 20px; background: #f0f0f0; border-radius: 4px; overflow: hidden; }
.pvg-chart .pvg-bar-fill { height: 100%; width: 0; background: #16324f; border-radius: 4px; transition: width 0.8s ease; }
.pvg-chart .pvg-bar-row.is-children .pvg-bar-fill { background: #e07b39; }
.pvg-chart .pvg-bar-value { font-size: 13px; font-weight: 700; color: #16324f; text-align: right; }
.pvg-chart .pvg-bar-row.is-children .pvg-bar-value { color: #e07b39; }