/* 
========================================
MAIN.CSS - PRIMARY STYLESHEET
========================================
CRM System - Version 9
Imports all CSS modules in correct order
*/

/* 1. Foundation & Variables */
@import 'base.css';

/* 2. Reusable Components */
@import 'components.css';

/* 3. Page-Specific Styles */
@import 'page.css';

/* 
========================================
LOAD ORDER EXPLANATION
========================================

1. base.css
   - CSS variables & custom properties
   - Reset styles & base elements
   - Typography & text utilities
   - Spacing & layout utilities
   - Essential utility classes

2. components.css
   - Sections & containers (.section system)
   - Button system (all variants)
   - Card components (dashboard cards)
   - Form elements (inputs, selects)
   - Table styling (data tables)
   - Status badges & indicators
   - Navigation components

3. pages.css
   - Lead list page layouts
   - Lead detail page layouts
   - Dashboard page styles
   - Performance overview components
   - Filter toolbars
   - Complex page-specific layouts

This order ensures:
- Variables are available to all components
- Base styles don't override component styles
- Page-specific styles can override component defaults
- Minimal CSS conflicts and specificity issues
*/