/* ================= BIẾN ĐỔI THEME HỆ THỐNG ================= */
        
        /* 1. CHỦ ĐỀ APPLE (iOS Light Style) */
        [data-theme="apple"] {
            --sys-bg: #F2F2F7;               
            --sys-surface: rgba(255, 255, 255, 0.85);          
            --sys-primary: #007AFF;          
            --sys-text-main: #000000;        
            --sys-text-sub: #8E8E93;         
            --sys-border: #D1D1D6;           
            --sys-success: #34C759;          
            --sys-success-bg: #E8F9EE;
            --sys-error: #FF3B30;            
            --sys-error-bg: #FFEBEA;
            --sys-warning: #FF9500;          
            --sys-warning-bg: #FFF5E6;
            --sys-radius-card: 14px;         
            --sys-radius-btn: 10px;
            --sys-shadow: 0 4px 16px rgba(0,0,0,0.04);
            --sys-blur: blur(20px);
            font-family: -apple-system, 'Inter', sans-serif !important;
        }

        /* 2. CHỦ ĐỀ ANDROID (Material You Style) */
        [data-theme="android"] {
            --sys-bg: #F8F9FA;               
            --sys-surface: #FFFFFF;          
            --sys-primary: #0B57D0;          
            --sys-text-main: #1F1F1F;        
            --sys-text-sub: #5E5E5E;         
            --sys-border: #C7C7C7;           
            --sys-success: #146C43;          
            --sys-success-bg: #E1F5FE;
            --sys-error: #B3261E;            
            --sys-error-bg: #F9DEDC;
            --sys-warning: #9A6700;
            --sys-warning-bg: #FFEFC7;
            --sys-radius-card: 24px;         
            --sys-radius-btn: 100px;         
            --sys-shadow: 0 4px 12px rgba(0,0,0,0.03);
            --sys-blur: none;
            font-family: 'Roboto', sans-serif  !important;
        }

        /* 3. CHỦ ĐỀ TESLA (Cybertruck Industrial Dark) */
        [data-theme="tesla"] {
            --sys-bg: #0A0B0D;               /* Nền đen sâu tối giản */
            --sys-surface: #111216;          /* Khối xám Graphite đặc */
            --sys-primary: #FF2B2B;          /* Đỏ đuôi xe Tesla rực rỡ */
            --sys-text-main: #EEEEEE;        /* Chữ trắng titan */
            --sys-text-sub: #757B85;         /* Chữ xám mờ cơ khí */
            --sys-border: #22252A;           /* Đường cắt góc sắc cạnh biệt lập */
            --sys-success: #00E676;          
            --sys-success-bg: #112419;
            --sys-error: #E53935;            
            --sys-error-bg: #2B1616;
            --sys-warning: #FFB300;
            --sys-warning-bg: #2B2516;
            --sys-radius-card: 0px;          /* Góc nhọn hoàn toàn, không bo cong */
            --sys-radius-btn: 0px;           /* Khối lệnh vuông vức cơ khí */
            --sys-shadow: 0 8px 32px rgba(0,0,0,0.5);
            --sys-blur: none;
            font-family: 'Orbitron', 'Inter', sans-serif  !important;
        }
        /* Giao diện bộ chuyển đổi chủ đề (Theme Toggle Pill) */
        .theme-switcher-box {
            background: rgba(142, 142, 147, 0.18);
            border-radius: 100px;
            padding: 3px;
            display: inline-flex;
            border: 1px solid var(--sys-border);
        }
        [data-theme="tesla"] .theme-switcher-box {
            border-radius: 0px;
            background: #181A1F;
        }
        .theme-btn {
            border: none;
            background: transparent;
            padding: 6px 16px;
            font-size: 0.8rem;
            font-weight: 600;
            border-radius: 100px;
            color: var(--sys-text-sub);
            transition: all 0.2s;
        }
        [data-theme="tesla"] .theme-btn { border-radius: 0px; }
        .theme-btn.active {
            background: var(--sys-primary);
            color: #FFFFFF !important;
            box-shadow: 0 2px 6px rgba(0,0,0,0.15);
        }
        [data-theme="apple"] .theme-btn.active { background: #FFFFFF; color: #000000 !important; }
        /* Các ô nhập liệu Forms */
        .form-label,label {
            font-weight: 500;
            color: var(--sys-text-sub);
            font-size: 0.85rem;
            margin-bottom: 5px;
        }
        body .select2-container--default .select2-selection--single .select2-selection__arrow b{
                margin-top: 8px !important;
        }
        body .select2-container .select2-selection--single{
            height: 46px !important;
        }
        body .form-control,
        body input,
        body select,
        body textarea,
        body .select2-container--default .select2-selection--single {
            border: 1px solid var(--sys-border) !important;
            border-radius: calc(var(--sys-radius-btn) - 2px) !important;
            padding: 10px 14px !important;
            padding-right: 2px !important;
            color: var(--sys-text-main) !important;
            background-color: rgba(0,0,0,0.02) !important;
            font-size: 0.95rem !important;
            transition: all 0.2s !important;
        }
        body input[type="file"]{
            padding: 0px !important;
        }
        [data-theme="tesla"] .form-control { background-color: #0A0B0D; color: #FFF; }
        .form-control:focus {
            background-color: var(--sys-surface);
            border-color: var(--sys-primary);
            box-shadow: 0 0 0 3px rgba(255, 43, 43, 0.15);
            color: var(--sys-text-main);
        }
        /* Hệ thống Nút bấm tương thích theo chủ đề */
        button,.btn,.button-88,.button-10 {
            border-radius: var(--sys-radius-btn) !important; 
            font-weight: 600 !important;
            padding: 10px 22px;
            font-size: 0.88rem;
            transition: all 0.2s ease;
            text-transform: uppercase !important;
            letter-spacing: 0.5px;
            border: none !important;            
            margin-top: 2px ;
            margin-bottom: 2px;
        }
        .button-88{
            background-color: lightgreen !important;
        }
        .txtDate{
            background-position: 5px center !important;
        }
        .btn-primary,.button-19,.button-10 { background-color: var(--sys-primary); border: none; color: #fff; }
        .btn-primary:hover { opacity: 0.9; background-color: var(--sys-primary); }
        .btn-secondary,.button-88 { background-color: rgba(142,142,147,0.2); color: var(--sys-text-main); border: none; }
        .btn-secondary:hover { background-color: rgba(142,142,147,0.3); color: var(--sys-text-main); }
        .btn-outline-danger { color: var(--sys-error); border-color: var(--sys-error); background: transparent; }
        .btn-outline-danger:hover { background-color: var(--sys-error); color: #fff; }

        .btn-warning.text-dark { background-color: #FF9500; border: none; color: white !important; }
        [data-theme="tesla"] .btn-warning.text-dark { background-color: #FFB300; color: black !important; }
        /* ================= POPUP THÔNG BÁO DỰA THEO CHỦ ĐỀ ================= */
        #dynamic-toast-container {
            position: fixed; bottom: 30px; left: 50%; transform: translateX(-50%);
            z-index: 10050; display: flex; flex-direction: column; gap: 10px; pointer-events: none;
        }
        
        /* Kiểu dáng Toasts */
        .custom-toast { min-width: 300px; text-align: center; padding: 14px 24px; font-size: 0.9rem; font-weight: 500; box-shadow: var(--sys-shadow); }
        [data-theme="apple"] .custom-toast { background: rgba(44, 44, 46, 0.95); backdrop-filter: blur(10px); color: #FFFFFF; border-radius: 14px; animation: AlertPop 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
        [data-theme="android"] .custom-toast { background: #313033; color: #F4EFF4; border-radius: 100px; animation: toastUp 0.25s ease-out; }
        [data-theme="tesla"] .custom-toast { background: #111216; color: #FF2B2B; border: 1px solid #FF2B2B; border-radius: 0px; animation: AlertPop 0.15s ease-in-out; }
        .custom-toast.danger { background-color: var(--sys-error) !important; color: white !important; }

        @keyframes AlertPop { from { transform: scale(0.9); opacity: 0; } to { transform: scale(1); opacity: 1; } }
        @keyframes toastUp { from { transform: translateY(40px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }

        /* Dynamic Dialog (Hộp thoại xác nhận) */
        .dynamic-dialog-overlay {
            position: fixed; top: 0; left: 0; width: 100%; height: 100%; 
            background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(4px);
            z-index: 10040; display: flex; align-items: center; justify-content: center;
        }
        
        /* Khối hội thoại phong cách Apple */
        [data-theme="apple"] .dynamic-dialog-box {
            background: rgba(255, 255, 255, 0.92); backdrop-filter: blur(20px); width: 290px;
            border-radius: 14px; padding: 20px 0 0 0; text-align: center; animation: AlertPop 0.25s ease-out;
        }
        [data-theme="apple"] .dynamic-dialog-title { font-size: 1.05rem; font-weight: 600; padding: 0 16px; margin-bottom: 6px; }
        [data-theme="apple"] .dynamic-dialog-body { font-size: 0.82rem; padding: 0 16px 20px 16px; line-height: 1.4; }
        [data-theme="apple"] .dynamic-dialog-actions { display: flex; border-top: 0.5px solid #C8C8CC; }
        [data-theme="apple"] .dialog-btn { background: transparent; border: none; flex: 1; padding: 12px 0; font-size: 0.98rem; color: #007AFF; }
        [data-theme="apple"] .dialog-btn-no { border-right: 0.5px solid #C8C8CC; }
        [data-theme="apple"] .dialog-btn-yes { font-weight: 600; color: var(--sys-error); }

        /* Khối hội thoại phong cách Android */
        [data-theme="android"] .dynamic-dialog-box {
            background: var(--sys-surface); width: 90%; max-width: 400px; border-radius: 28px; padding: 24px; animation: AlertPop 0.2s ease-out;
        }
        [data-theme="android"] .dynamic-dialog-title { font-size: 1.3rem; font-weight: 700; margin-bottom: 14px; }
        [data-theme="android"] .dynamic-dialog-body { font-size: 0.95rem; color: var(--sys-text-sub); margin-bottom: 24px; }
        [data-theme="android"] .dynamic-dialog-actions { display: flex; justify-content: flex-end; gap: 12px; }
        [data-theme="android"] .dialog-btn { border-radius: 100px; padding: 8px 20px; font-size: 0.9rem; font-weight: 500; border: none;}
        [data-theme="android"] .dialog-btn-no { background: #E5E5EA; color: #000; }
        [data-theme="android"] .dialog-btn-yes { background: var(--sys-error); color: #fff; }

        /* Khối hội thoại phong cách Tesla */
        [data-theme="tesla"] .dynamic-dialog-box {
            background: #111216; width: 90%; max-width: 420px; border: 2px solid #FF2B2B; padding: 24px; text-align: left; animation: AlertPop 0.1s linear;
        }
        [data-theme="tesla"] .dynamic-dialog-title { font-size: 1.2rem; font-weight: 900; color: #FF2B2B; margin-bottom: 12px; text-transform: uppercase; }
        [data-theme="tesla"] .dynamic-dialog-body { font-size: 0.88rem; color: #EEEEEE; margin-bottom: 24px; font-family: 'Inter', sans-serif; }
        [data-theme="tesla"] .dynamic-dialog-actions { display: flex; justify-content: flex-end; gap: 10px; }
        [data-theme="tesla"] .dialog-btn { padding: 10px 24px; font-size: 0.85rem; font-weight: 700; border: 1px solid #757B85; background: transparent; color: #FFF; text-transform: uppercase; }
        [data-theme="tesla"] .dialog-btn-yes { background: #FF2B2B; border-color: #FF2B2B; color: #FFF; }
        [data-theme="tesla"] .dialog-btn-no:hover { background: #22252A; }

        body .input_quick_searh{
            font-size: 11px !important; 
            padding: 1px !important;
        }