/* === responsive === */

@media (width <= 1200px) {
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .weeks-grid { grid-template-columns: 1fr; }
  .profile-grid { grid-template-columns: 1fr; }
}

@media (width <= 768px) {
  .sidebar {
    width: 100%;
    height: auto;
    position: relative;
  }

  .main-content {
    margin-left: 0;
    padding: 1rem;
  }
  .stats-grid { grid-template-columns: 1fr 1fr; }
  .employee-grid { grid-template-columns: 1fr; }
  .filters-form { flex-direction: column; }
  .search-box { width: 100%; }
}