/* ================================
   SimplyTrackCRM - Main Stylesheet

   This file imports all CSS modules in the correct order.
   Do not add styles directly to this file - use the appropriate module.

   Load Order:
   1. Base (variables, reset, typography, utilities)
   2. Components (reusable UI elements)
   3. Features (app-specific features)
   4. Pages (page-specific overrides) - loaded per-page
   ================================ */

/* ========== Base Styles ========== */
@import url('base/variables.css');
@import url('base/reset.css');
@import url('base/typography.css');
@import url('base/utilities.css');

/* ========== Component Styles ========== */
@import url('components/buttons.css');
@import url('components/forms.css');
@import url('components/tables.css');
@import url('components/cards.css');
@import url('components/badges.css');
@import url('components/alerts.css');
@import url('components/modals.css');
@import url('components/dropdowns.css');
@import url('components/progress.css');

/* ========== Feature Styles ========== */
@import url('features/activity-timeline.css');
@import url('features/attachments.css');
@import url('features/navigation.css');

/* ========== Page Styles ========== */
/* These are loaded globally for simplicity, but could be loaded per-page for optimization */
@import url('pages/portfolio.css');
@import url('pages/jobs.css');
@import url('pages/communications.css');
@import url('pages/settings.css');
@import url('pages/timesheets.css');
@import url('pages/merge-candidates.css');