/**
 * Main CSS File
 * Imports all stylesheets in the correct order
 *
 * This is the only CSS file that needs to be included in HTML
 */

/* ===== 1. RESET & BASE ===== */
@import url('reset.css');
@import url('variables.css');
@import url('base.css');

/* ===== 2. LAYOUT ===== */
@import url('layout.css');

/* ===== 3. COMPONENTS ===== */
@import url('components/modal.css');
@import url('components/sidebar.css');
@import url('components/toggle.css');
@import url('components/charts.css');
@import url('components/filters.css');
@import url('components/popup.css');
@import url('components/bottom-sidebar.css');

/**
 * Note: Responsive styles are integrated into each component
 * using mobile-first approach with media queries
 */