.chart{
  display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;align-items:end;
  min-height:260px;
}
.chart .column{
  display:grid;gap:8px;justify-items:center;
}
.chart .column .col{
  width:100%;border-radius:16px 16px 8px 8px;
  background:linear-gradient(180deg,rgba(139,92,246,.95),rgba(255,61,113,.95));
  min-height:24px;
}
.chart .column label{font-size:.8rem;color:var(--muted)}
.metric-grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;
}
@media (max-width:900px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.metric-grid{grid-template-columns:1fr}}