/*
 * BizFlow Dashboard Styles
 * Main stylesheet that imports all modular CSS files
 * 
 * File Structure:
 * - base/: Reset, variables, typography
 * - layout/: Container and grid layouts
 * - components/: Reusable UI components
 * - utilities/: Helper classes and responsive design
 */

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

/* Layout Styles */
@import url('./layout/container.css');
@import url('./layout/grid.css');

/* Component Styles */
@import url('./components/sidebar.css');
@import url('./components/navigation.css');
@import url('./components/cards.css');
@import url('./components/document-card.css');
@import url('./components/charts.css');

/* Utility Styles */
@import url('./utilities/animations.css');
@import url('./utilities/responsive.css');

/*
 * Usage Instructions:
 * 
 * 1. Create the following folder structure in your styles/Dashboard/ directory:
 *    - base/
 *    - layout/
 *    - components/
 *    - utilities/
 * 
 * 2. Place each CSS module in its respective folder
 * 
 * 3. Update your HTML to use this main file:
 *    <link rel="stylesheet" href="../../styles/Dashboard/DashboardHomeStyles.css">
 * 
 * 4. For production, consider concatenating and minifying these files
 */