/* Responsive layout rules */

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

@media (max-width: 900px) {
      .sidebar {
        transform: translateX(-100%);
      }
      .sidebar.open {
        transform: translateX(0);
      }
      .main-content {
        margin-left: 0;
      }
      .hamburger {
        display: flex;
      }
      .page {
        padding: 20px 16px 32px;
      }
      .topbar {
        padding: 0 16px;
      }
      .global-search {
        max-width: none;
      }
      .detail-grid {
        grid-template-columns: 1fr;
      }
    }

@media (max-width: 600px) {
      .stats-grid { grid-template-columns: 1fr; }
      .page-header { flex-direction: column; align-items: stretch; }
      .page-title { font-size: 22px; }
      .form-row { grid-template-columns: 1fr; }
      .toast-container { left: 16px; right: 16px; max-width: none; }
      .modal { max-width: 100%; margin: 10px; }
      .card-body { padding: 16px; }
      .modal-body { padding: 16px; }
      .modal-header, .modal-footer { padding: 16px; }
    }