/** * css/modern-2026.css * ----------------------------------------------------------------------- * DESIGN SYSTEM 2026 — token + component dùng CHUNG cho navbar, menu user, * button, card... trên mọi trang chức năng (Dashboard, Vòng Quay, Random * Acc, Profile, Đổi Thưởng). Kế thừa ĐÚNG bảng màu/font đã dùng ở * index.php để nhất quán xuyên suốt toàn site. * * Toàn bộ class dùng tiền tố "m26-" để KHÔNG xung đột với hệ thống class * cũ (.card, .btn, .navbar...) trong css/style.css — cho phép áp dụng * song song an toàn trong quá trình nâng cấp từng phần. * * Icon: 100% SVG outline tự vẽ (không emoji) — xem bộ icon ở cuối file. * ----------------------------------------------------------------------- */ /* ============================================================ RESET CƠ BẢN — để file này TỰ ĐỦ, không bắt buộc phải luôn đi kèm css/style.css mới hoạt động đúng. Thiếu box-sizing:border-box và reset margin/padding mặc định của trình duyệt là nguyên nhân THẬT đã gây ra layout "lệch"/"co cụm" trên mobile thực tế (vd