/* ===========================================
   Trading Dashboard Pro - Modular CSS
   =========================================== */

/*
 * Import Order (Critical):
 * 1. Base (variables must be first)
 * 2. Layout
 * 3. Components
 * 4. Features
 * 5. Animations
 * 6. Responsive (must be last - overrides previous styles)
 */

/* ===========================================
   BASE LAYER
   =========================================== */
@import url('base/variables.css');
@import url('base/reset.css');
@import url('base/typography.css');

/* ===========================================
   LAYOUT LAYER
   =========================================== */
@import url('layout/grid.css');
@import url('layout/header.css');
@import url('layout/sidebar.css');

/* ===========================================
   COMPONENTS LAYER
   =========================================== */
@import url('components/buttons.css');
@import url('components/cards.css');
@import url('components/filters.css');
@import url('components/tables.css');
@import url('components/badges.css');
@import url('components/modals.css');
@import url('components/tooltips.css');
@import url('components/tabs.css');
@import url('components/tab-states.css');

/* ===========================================
   FEATURES LAYER
   =========================================== */
@import url('features/icons.css');
@import url('features/charts.css');
@import url('features/loader.css');
@import url('features/portfolio.css');
@import url('features/ripple.css');
@import url('features/funding.css');
@import url('features/welcome.css');
@import url('features/share-modal.css');
@import url('features/tools.css');

/* ===========================================
   ANIMATIONS LAYER
   =========================================== */
@import url('animations/keyframes.css');

/* ===========================================
   RESPONSIVE LAYER (must be last)
   =========================================== */
@import url('responsive/breakpoints.css');