/* Modern CSS Architecture for Smyle Asia */
/* This is the main entry point that imports all design system components */

/* === FOUNDATION === */
/* Design tokens, variables, and base styles */
@import 'design-system.css';

/* === LAYOUT === */
/* Application layout structure */
@import 'layout.css';

/* === COMPONENTS === */
/* Reusable UI components */
@import 'components.css';

/* === MODALS === */
/* Modal components and interactive overlays */
@import 'modal.css';

/* === AUTHENTICATION === */
/* Authentication system components */
@import 'auth.css';

/* === HELP SYSTEM === */
/* Help center and documentation styles */
@import 'help.css';

/* === WORKFLOW === */
/* Workflow status management components */
@import 'workflow.css';

/* === SMART BUSINESS === */
/* Smart business search components */
@import 'smart-business.css';

/* === GOOGLE RATINGS === */
/* Google ratings and reviews components */
@import '../google-ratings.css';

/* === UTILITIES === */
/* Utility classes for quick styling */
@import 'utilities.css';

/* === PAGES === */
/* Page-specific styles (if needed) */
@import 'pages.css';

/* === REPORTS === */
/* Reports page and visualization styles */
@import 'reports.css';

/* === VENDOR OVERRIDES === */
/* Third-party library customizations */
@import 'vendor.css';