/* Responsive breakpoints */
@media (max-width: 1200px) {
      .cards-6, .cards-8, .cards-5 { grid-template-columns: repeat(3, 1fr); }
      .dashboard-grid, .dashboard-grid-3, .winners-losers, .se-grid-2 { grid-template-columns: 1fr; }
      .movement-grid { grid-template-columns: repeat(3, 1fr); }
      .audit-grid { grid-template-columns: repeat(2, 1fr); }
      .chart-wrap-se { height:300px; }
      .chart-wrap-se-md { height:280px; }
    }

@media (max-width: 768px) {
      .mobile-menu-btn { display: block; }
      .sidebar { transform: translateX(-100%); transition: transform .3s; }
      .sidebar.open { transform: translateX(0); }
      .main { margin-left: 0; width: 100%; padding: 14px; }
      .cards-4, .cards-5, .cards-6, .cards-8, .movement-grid { grid-template-columns: 1fr 1fr; }
      .audit-grid { grid-template-columns: 1fr; }
      .history-stats { grid-template-columns: 1fr 1fr; }
      .bl-change-grid { grid-template-columns: 1fr; }
      .chart-wrap-se, .chart-wrap-se-md { height:260px; }
      table { min-width: 800px; }
    }

@media (max-width: 480px) {
      .cards-4, .cards-5, .cards-6, .cards-8, .movement-grid { grid-template-columns: 1fr; }
    }