/* Responsive */
body {
    overflow-x: hidden;
}

.table-responsive {
    max-width: 100%;
}

@media (max-width: 1024px) {
    .tables-grid {
        grid-template-columns: 1fr;
    }
    .dashboard-widgets {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .app-container { flex-direction: column; }
    .main-content { margin-left: 0; }
    .dashboard-widgets { grid-template-columns: 1fr; }
    .tables-grid { grid-template-columns: 1fr; }
    .action-bar { flex-direction: column; gap: 16px; align-items: stretch; }
    .search-box { width: 100%; }
}