/**
 * Vadeo Customer Portal - Frontend Styles (Optimized with Critical CSS)
 * 
 * @file frontend.css
 * @version 2.0.0
 * @lastModified 2025-11-01
 * @author Vadeo Team
 * 
 * @description
 * Main CSS file that imports critical CSS first, then lazy-loads non-critical modules.
 * Critical CSS is loaded inline for above-the-fold content.
 * Non-critical CSS is loaded asynchronously for better performance.
 * 
 * TABLE OF CONTENTS:
 * ═══════════════════════════════════════════════════════════════
 * 1. Critical CSS (Above-the-fold - loaded first)
 * 2. Extended Variables & Base (Lazy-loaded)
 * 3. Table Layout & Sorting (Lazy-loaded)
 * 4. Cards View (Lazy-loaded)
 * 5. Detail Views & Expansions (Lazy-loaded)
 * 6. Comments & File Upload (Lazy-loaded)
 * 7. Responsive Design (Lazy-loaded)
 * ═══════════════════════════════════════════════════════════════
 * 
 * @changelog
 * - v2.0.0: Critical CSS optimization
 *   - Critical CSS extracted for above-the-fold content
 *   - Non-critical modules lazy-loaded
 *   - ~300 lines moved to critical.css for inline loading
 */

/* ============================================================================
   CRITICAL CSS (Above-the-fold - Loaded first, can be inlined)
   ============================================================================ */
@import url('modules/critical.css');

/* ============================================================================
   NON-CRITICAL CSS (Lazy-loaded below the fold)
   ============================================================================ */

/* Extended variables and base styles */
@import url('modules/variables.css');
@import url('modules/base.css');
@import url('modules/utilities.css');
@import url('modules/login-dashboard.css');

/* Table styles (non-critical - below fold) */
@import url('modules/table.css');
@import url('modules/table-fixes.css');
@import url('modules/table-expansion.css');

/* Detail views (non-critical - interactions) */
@import url('modules/detail-view.css');
@import url('modules/search-controls.css');

/* Cards view (non-critical - below fold) */
@import url('modules/cards.css');

/* Status colors (non-critical) */
@import url('modules/status-colors.css');

/* Comments & file upload (non-critical - interactions) */
@import url('modules/comments.css');
@import url('modules/file-upload.css');

/* Messages & misc (non-critical) */
@import url('modules/messages.css');
@import url('modules/misc.css');

/* Responsive design (lazy-loaded) */
@import url('modules/responsive.css');