/**
 * ========================================
 * MAIN CSS - Entry Point
 * ========================================
 * File này import tất cả các file CSS khác
 * theo thứ tự đúng để đảm bảo hoạt động
 * 
 * THỨ TỰ IMPORT:
 * 1. Base (biến, reset) - phải đầu tiên
 * 2. Utilities (animations) - cho các component dùng
 * 3. Layout (header, main, sidebar)
 * 4. Components (field-card, buttons, toast, modal)
 * 5. Modules (storage, settings, rewrite modals)
 * 6. Utilities cuối (scrollbar, responsive)
 * ========================================
 */

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

/* ========== 2. ANIMATIONS (cần trước components) ========== */
@import url('utilities/animations.css');

/* ========== 3. LAYOUT ========== */
@import url('layout/header.css');
@import url('layout/main-content.css');
@import url('layout/sidebar.css');

/* ========== 4. COMPONENTS ========== */
@import url('components/field-card.css');
@import url('components/buttons.css');
@import url('components/toast.css');
@import url('components/modal-base.css');

/* ========== 5. MODULES (Modal chuyên biệt) ========== */
@import url('modules/storage-modal.css');
@import url('modules/settings-modal.css');
@import url('modules/rewrite-modal.css');
@import url('modules/ui-settings-modal.css');
@import url('modules/template-buttons.css');
@import url('modules/suggest-modal.css');

/* ========== 6. UTILITIES CUỐI ========== */
@import url('utilities/scrollbar.css');
@import url('utilities/responsive.css');