/* ============================================================================
   MAIN STYLES - CSS ARCHITECTURE
   ============================================================================
   This file serves as the master import point for all modular CSS files.
   
   Load Order:
   1. Base: Variables → Reset → Layout
   2. Components: Buttons → Forms → Tables → Dialogs → Dropdowns → Toasts
   3. Pages: Login → Heats → Breedings → Matings → Schedule
   4. Utilities: Responsive
   
   All styles have been extracted to modular files for maintainability.
   ============================================================================ */

@import url('base/variables.css');
@import url('base/reset.css');
@import url('base/layout.css');
@import url('components/buttons.css');
@import url('components/forms.css');
@import url('components/tables.css');
@import url('components/dialogs.css');
@import url('components/dropdowns.css');
@import url('components/toasts.css');
@import url('pages/login.css');
@import url('pages/heats.css');
@import url('pages/breedings.css');
@import url('pages/matings.css');
@import url('pages/schedule.css');
@import url('pages/protocols.css');
@import url('pages/reports.css');
@import url('utilities/responsive.css');
@import url('utilities/animations.css');