/* ============================================
   设备检修管理系统 - 模块化CSS入口
   
   导入顺序：
   1. 基础层 - CSS变量和重置
   2. 布局层 - 页面骨架
   3. 组件层 - 可复用UI组件
   4. 页面层 - 特定页面样式
   5. 工具层 - 动画和响应式（最后加载以便覆盖）
   ============================================ */

/* 1. 基础层 - CSS变量和重置 */
@import 'base/variables.css';
@import 'base/reset.css';

/* 2. 布局层 - 页面骨架 */
@import 'layout/navbar.css';
@import 'layout/sidebar.css';
@import 'layout/main-content.css';

/* 3. 组件层 - 可复用UI组件 */
@import 'components/buttons.css';
@import 'components/cards.css';
@import 'components/forms.css';
@import 'components/notifications.css';
@import 'components/tables.css';

/* 4. 页面层 - 特定页面样式 */
@import 'pages/login.css';
@import 'pages/dashboard.css';
@import 'pages/workflow.css';
@import 'pages/statistics.css';
@import 'pages/admin.css';

/* 5. 工具层 - 动画和响应式（最后加载以便覆盖） */
@import 'utilities/animations.css';
@import 'utilities/scrollbar.css';
@import 'utilities/responsive.css';