.kpi-problems-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 16px;
}

.kpi-sections {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.kpi-section-card {
  border: 3px solid #7c3aed;
  background: linear-gradient(180deg, rgba(243, 232, 255, 0.44), rgba(255, 255, 255, 0.98));
  box-shadow: 0 16px 30px rgba(91, 33, 182, 0.1);
  padding: 18px;
}

.kpi-section-card h3 {
  margin-bottom: 14px;
}

@media (max-width: 1200px) {
  .kpi-problems-grid,
  .kpi-sections {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .kpi-problems-grid,
  .kpi-sections {
    grid-template-columns: 1fr;
  }
}