/* =========================================
   css/main.css
   Punto de entrada único de estilos.
   Sigue la arquitectura ITCSS:
     1. Base      → tokens y reset
     2. Components → piezas reutilizables
     3. Layout     → estructuras de página
     4. Pages      → estilos específicos
========================================= */

/* ── Base ────────────────────────────── */
@import 'base/variables.css';
@import 'base/reset.css';

/* ── Componentes ─────────────────────── */
@import 'components/buttons.css';
@import 'components/forms.css';
@import 'components/table.css';
@import 'components/dropzone.css';
@import 'components/modal.css';
@import 'components/sweetalert.css';
@import 'components/pagination.css';
@import 'components/employee-filters.css';
@import 'components/liquidacion.css';

/* ── Layout ──────────────────────────── */
@import 'layout/auth.css';
@import 'layout/dashboard.css';

/* ── Páginas ─────────────────────────── */
@import 'pages/employees.css';