body {
            font-family: 'Plus Jakarta Sans', sans-serif;
            background-color: #f8fafc;
        }

        /* Green Glow Effects */
        .btn-glow {
            box-shadow: 0 0 15px rgba(34, 197, 94, 0.4);
            transition: all 0.3s ease;
        }
        .btn-glow:hover {
            box-shadow: 0 0 25px rgba(34, 197, 94, 0.8);
            transform: translateY(-2px);
        }
        .btn-glow:active {
            transform: translateY(0);
        }

        .focus-glow:focus {
            outline: none;
            border-color: #22c55e;
            box-shadow: 0 0 10px rgba(34, 197, 94, 0.3);
        }

        /* Custom Scrollbar (dipakai di box gelap seperti Log Output) */
        .custom-scrollbar::-webkit-scrollbar {
            width: 6px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: #1e293b;
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #475569;
            border-radius: 3px;
        }
        .custom-scrollbar::-webkit-scrollbar-thumb:hover {
            background: #22c55e;
        }

        /* Scrollbar disembunyikan total (dipakai di box terang seperti Perizinan) */
        .hide-scrollbar::-webkit-scrollbar {
            display: none;
            width: 0;
            height: 0;
        }
        .hide-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }

        /* Permission Box Glow & Style when Checked */
        .perm-box {
            transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .perm-box:has(input:checked) {
            border-color: #22c55e;
            background-color: #f0fdf4;
            box-shadow: 0 0 12px rgba(34, 197, 94, 0.15);
        }
        .perm-box:has(input:checked) .perm-icon {
            background-color: #22c55e;
            color: #ffffff;
            box-shadow: 0 0 8px rgba(34, 197, 94, 0.3);
        }

        /* Screen transitions */
        .screen {
            transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
        }
        .screen.hidden {
            display: none;
            opacity: 0;
            transform: scale(0.95);
        }

/* Popup Pilihan Bahasa/Negara */
#lang-modal {
    animation: langModalIn 0.15s ease-out;
    transform-origin: top right;
}
@keyframes langModalIn {
    from { opacity: 0; transform: scale(0.95) translateY(-4px); }
    to { opacity: 1; transform: scale(1) translateY(0); }
}