/* ==========================================================================
   MAIN — Entry point do CSS
   Importa todos os módulos na ordem correta
   ========================================================================== */

/* Base (tokens, reset, tipografia, animações) */
@import 'base/_variables.css';
@import 'base/_reset.css';
@import 'base/_typography.css';
@import 'base/_animations.css';

/* Layout */
@import 'layouts/_grid.css';

/* Componentes */
@import 'components/_sidebar.css';
@import 'components/_topbar.css';
@import 'components/_buttons.css';
@import 'components/_forms.css';
@import 'components/_tables.css';
@import 'components/_cards.css';
@import 'components/_alerts.css';
@import 'components/_toast.css';
@import 'components/_modals.css';
@import 'components/_pagination.css';
@import 'components/_dropdown.css';
@import 'components/_empty-state.css';

/* Páginas */
@import 'pages/login.css';
@import 'pages/empresas.css';
@import 'pages/dashboard.css';
@import 'pages/clientes.css';
@import 'pages/cobrancas.css';
@import 'pages/configuracoes.css';
@import 'pages/minha-conta.css';
@import 'pages/gestao-pix.css';
@import 'pages/gerenciar-empresas.css';
@import 'pages/hub-monitor.css';

/* Compatibilidade — aliases para classes legadas */
@import 'pages/_compat.css';