body {
            font-family: 'Kantumruy Pro', sans-serif;
        }

        .print-only {
            display: none !important;
        }

        /* ស្ទីលសម្រាប់ការបោះពុម្ពឯកសារ (Print Styles CSS) */
        @media print {
            body>* {
                display: none !important;
            }

            #detail-modal {
                display: block !important;
                position: absolute !important;
                left: 0 !important;
                top: 0 !important;
                width: 100% !important;
                height: auto !important;
                overflow: visible !important;
                background: white !important;
                box-shadow: none !important;
            }

            #detail-modal>div {
                box-shadow: none !important;
                border: none !important;
                max-height: none !important;
                overflow: visible !important;
                background: white !important;
            }

            /* Make sure sticky position is static during printing so elements lay out naturally */
            #detail-modal * {
                position: static !important;
            }

            /* Override Tailwind's print transparent background and black text preflight */
            #detail-modal,
            #detail-modal *,
            #detail-modal ::after,
            #detail-modal ::before {
                background: revert !important;
                background-color: revert !important;
                color: revert !important;
            }

            /* Specific color overrides inside detail-modal during printing */
            #detail-modal .bg-emerald-800 {
                background-color: #065f46 !important;
                color: white !important;
            }

            #detail-modal .bg-emerald-50 {
                background-color: #ecfdf5 !important;
            }

            #detail-modal .bg-gray-50 {
                background-color: #f9fafb !important;
            }

            #detail-modal .bg-red-600 {
                background-color: #dc2626 !important;
                color: white !important;
            }

            #detail-modal .bg-red-400 {
                background-color: #f87171 !important;
                color: white !important;
            }

            #detail-modal .bg-orange-100 {
                background-color: #ffedd5 !important;
                color: #7c2d12 !important;
            }

            #detail-modal .bg-blue-100 {
                background-color: #dbeafe !important;
                color: #1e3a8a !important;
            }

            #detail-modal .bg-purple-100 {
                background-color: #f3e8ff !important;
                color: #581c87 !important;
            }

            #detail-modal .bg-indigo-100 {
                background-color: #e0e7ff !important;
                color: #312e81 !important;
            }

            #detail-modal .text-emerald-800 {
                color: #065f46 !important;
            }

            #detail-modal .text-emerald-900 {
                color: #064e3b !important;
            }

            #detail-modal .text-blue-600 {
                color: #2563eb !important;
            }

            #detail-modal .text-emerald-700 {
                color: #047857 !important;
            }

            #detail-modal .text-emerald-600 {
                color: #059669 !important;
            }

            #detail-modal .text-gray-800 {
                color: #1f2937 !important;
            }

            #detail-modal .text-gray-900 {
                color: #111827 !important;
            }

            #detail-modal .text-gray-400 {
                color: #9ca3af !important;
            }

            #detail-modal .border-emerald-100 {
                border-color: #d1fae5 !important;
            }

            #detail-modal .border-gray-200 {
                border-color: #e5e7eb !important;
            }

            #detail-modal .border-gray-300 {
                border-color: #d1d5db !important;
            }

            #detail-modal .border-emerald-500 {
                border-color: #10b981 !important;
            }

            .no-print {
                display: none !important;
            }

            .print-only {
                display: block !important;
            }

            /* Enable printing with colors */
            * {
                -webkit-print-color-adjust: exact !important;
                print-color-adjust: exact !important;
            }
        }

        /* ស្ទីលសម្រាប់ Dark Mode (Dark Mode Theme Styles) */
        .dark,
        .dark body {
            background-color: #0f172a !important;
            /* slate-900 */
            color: #f1f5f9 !important;
            /* slate-100 */
        }

        .dark #app-view main {
            background-color: #0f172a !important;
        }

        /* Sidebar in Dark Mode */
        .dark aside {
            background-color: #020617 !important;
            /* slate-955 */
            border-right: 1px solid #1e293b !important;
            /* slate-800 */
        }

        .dark aside button:hover {
            background-color: #1e293b !important;
        }

        /* Cards and Modals in Dark Mode */
        .dark .bg-white,
        .dark #detail-modal>div,
        .dark #access-request-modal>div,
        .dark #add-doctype-modal>div {
            background-color: #1e293b !important;
            /* slate-800 */
            color: #f1f5f9 !important;
            border-color: #334155 !important;
            /* slate-700 */
        }

        /* Borders and Dividers */
        .dark .border-gray-200,
        .dark .border-gray-300,
        .dark .border-gray-100,
        .dark .border-emerald-100,
        .dark .border-yellow-100,
        .dark .border-blue-100,
        .dark .border-orange-100,
        .dark .divide-gray-100>* {
            border-color: #334155 !important;
            /* slate-700 */
        }

        /* Text colors override */
        .dark .text-gray-800,
        .dark .text-gray-900,
        .dark .text-gray-700,
        .dark .text-gray-600,
        .dark .text-emerald-900,
        .dark .text-blue-900,
        .dark .text-yellow-800,
        .dark .text-orange-900 {
            color: #f1f5f9 !important;
        }

        .dark .text-gray-500,
        .dark .text-gray-400 {
            color: #94a3b8 !important;
            /* slate-400 */
        }

        .dark .text-emerald-800,
        .dark .text-emerald-700 {
            color: #10b981 !important;
            /* emerald-500 */
        }

        .dark .text-blue-600 {
            color: #60a5fa !important;
        }

        .dark .text-emerald-600 {
            color: #34d399 !important;
        }

        .dark .text-pink-600 {
            color: #f472b6 !important;
        }

        .dark .text-purple-600 {
            color: #c084fc !important;
        }

        .dark .text-indigo-600 {
            color: #818cf8 !important;
        }

        .dark .text-amber-600 {
            color: #fbbf24 !important;
        }

        .dark .text-red-700 {
            color: #fca5a5 !important;
        }

        /* Form Controls */
        .dark input[type="text"],
        .dark input[type="tel"],
        .dark input[type="password"],
        .dark input[type="date"],
        .dark select,
        .dark textarea {
            background-color: #0f172a !important;
            /* slate-900 */
            color: #ffffff !important;
            border-color: #334155 !important;
            /* slate-700 */
        }

        .dark input::placeholder,
        .dark textarea::placeholder {
            color: #64748b !important;
            /* slate-500 */
        }

        /* Tables */
        .dark thead,
        .dark thead tr,
        .dark th {
            background-color: #0f172a !important;
            /* slate-900 */
            color: #cbd5e1 !important;
            /* slate-300 */
        }

        .dark tbody tr {
            background-color: #1e293b !important;
            /* slate-800 */
            border-color: #334155 !important;
        }

        .dark tbody tr:hover {
            background-color: #334155 !important;
            /* slate-700 */
        }

        /* Alert and Highlight Boxes */
        .dark .bg-emerald-50,
        .dark .bg-emerald-50\/50,
        .dark .bg-emerald-50\/80 {
            background-color: #022c22 !important;
            border-color: #064e3b !important;
            color: #a7f3d0 !important;
        }

        .dark .bg-yellow-50 {
            background-color: #451a03 !important;
            border-color: #78350f !important;
            color: #fde68a !important;
        }

        .dark .bg-blue-50 {
            background-color: #1e3a8a !important;
            border-color: #172554 !important;
            color: #bfdbfe !important;
        }

        .dark .bg-red-50 {
            background-color: #450a0a !important;
            border-color: #7f1d1d !important;
            color: #fecaca !important;
        }

        .dark .bg-orange-50 {
            background-color: #431407 !important;
            border-color: #7c2d12 !important;
            color: #fed7aa !important;
        }

        .dark .bg-gray-50 {
            background-color: #0f172a !important;
            color: #cbd5e1 !important;
        }

        /* Chat view */
        .dark #chat-messages-container {
            background-color: #0f172a !important;
        }

        .dark #chat-messages-container>div>div {
            background-color: #1e293b !important;
            color: #f1f5f9 !important;
            border-color: #334155 !important;
        }

        .dark #chat-messages-container .bg-emerald-800 {
            background-color: #059669 !important;
            color: #ffffff !important;
        }

        .dark #chat-sidebar {
            background-color: #0f172a !important;
            border-color: #334155 !important;
        }

        .dark #chat-sidebar div:hover {
            background-color: #1e293b !important;
        }

        .dark #chat-sidebar .bg-emerald-100 {
            background-color: #064e3b !important;
            color: #ffffff !important;
        }

        .dark #chat-sidebar .bg-emerald-50 {
            background-color: #022c22 !important;
            color: #ffffff !important;
        }

        .dark #chat-contacts-list>div {
            border-bottom: 1px solid #1e293b;
        }

        /* Real-time Clock */
        .dark #real-time-clock {
            background-color: #1e293b !important;
            color: #10b981 !important;
            border-color: #334155 !important;
        }

        /* ស្ទីលសម្រាប់ឡាស៊ែរស្កែនឯកសារ (Scanner Animation) */
        @keyframes scanner {
            0% {
                top: 0%;
            }

            50% {
                top: 100%;
            }

            100% {
                top: 0%;
            }
        }

        .animate-scanner {
            animation: scanner 2.5s infinite linear;
        }