.kpis {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 14px;
      margin-bottom: 22px;
    }

.charts-row {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 14px;
      margin-bottom: 4px;
      align-items: start;
    }

.chart-card {
      padding: 18px 18px 16px;
    }

.chart-card .ch-sub {
      font-size: 12px;
      color: var(--muted);
      margin-top: 2px;
    }

.chart-wrap {
      position: relative;
      height: 280px;
      transition: height .2s ease;
    }

@media (max-width: 980px) {
      .kpis {
        grid-template-columns: repeat(2, 1fr);
      }

      .charts-row {
        grid-template-columns: 1fr;
      }
    }

.kpi .l {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

.kpi .v {
      font-size: clamp(15px, 9cqw, 24px);
      overflow-wrap: anywhere;
      word-break: break-word;
      line-height: 1.15;
    }

.kpi .m {
      font-size: clamp(11px, 5cqw, 13px);
      overflow-wrap: anywhere;
      word-break: break-word;
    }