@media (max-width: 1024px) {
  .kpi-grid { grid-template-columns: repeat(2, 1fr); }
  .plan-cards { grid-template-columns: repeat(2, 1fr); }
  .stats-row { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
  :root { --sidebar-width: 0px; }

  .sidebar {
    transform: translateX(-220px);
    width: 220px;
  }

  .sidebar.open {
    transform: translateX(0);
    box-shadow: var(--shadow-lg);
  }

  .main-content { margin-left: 0; }

  .sidebar-toggle { display: block; }

  .page-content { padding: 16px; }

  .kpi-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }

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

  .top-bar { padding: 0 16px; }

  .table th:nth-child(n+5),
  .table td:nth-child(n+5) { display: none; }

  .modal { border-radius: var(--radius-lg); }

  .plan-cards { grid-template-columns: 1fr; }

  .stats-row { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 480px) {
  .kpi-grid { grid-template-columns: 1fr; }
  .kpi-value { font-size: 24px; }
  .filters-bar { flex-direction: column; align-items: stretch; }
  .search-input { min-width: unset; }
  .stats-row { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 769px) {
  .sidebar-overlay { display: none !important; }
}
