.charts-grid {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 14px; margin-bottom: 20px;
}
.chart-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--rl);
  padding: 18px;
  box-shadow: var(--shadow-sm);
  transition: background .2s;
}
.chart-card h3 {
  font-size: 11px; font-weight: 600;
  text-transform: uppercase; letter-spacing: .07em;
  color: var(--text-muted); margin-bottom: 14px;
}
.chart-card canvas { max-height: 220px; }
.chart-card.wide { grid-column: 1 / -1; }
@media (max-width: 680px) {
  .charts-grid { grid-template-columns: 1fr; }
}