body {
            font-family: 'Inter', sans-serif;
            color: #4b5563;
            background-color: #fff;
        }

        [x-cloak] {
            display: none !important;
        }

        /* Notification content styling */
        .notification-content p {
            margin-bottom: 0.5rem;
        }
        .notification-content p:last-child {
            margin-bottom: 0;
        }
        .notification-content strong, .notification-content b {
            font-weight: 600;
        }
        .notification-content em, .notification-content i {
            font-style: italic;
        }
        .notification-content u {
            text-decoration: underline;
        }
        .notification-content a {
            color: #2563eb;
            text-decoration: underline;
        }
        .notification-content a:hover {
            color: #1d4ed8;
        }
        .notification-content ul, .notification-content ol {
            margin-left: 1.25rem;
            margin-top: 0.5rem;
            margin-bottom: 0.5rem;
        }
        .notification-content ul {
            list-style-type: disc;
        }
        .notification-content ol {
            list-style-type: decimal;
        }
        .notification-content li {
            margin-bottom: 0.25rem;
        }

        /*
         * Header bildiriş paneli — mobil: ekrana sığdır (zəngə absolute yapışanda solda boşluq qalırdı).
         * Desktop (640+): əvvəlki kimi zəngin sağında absolute.
         */
        .header-notif-panel {
            position: fixed;
            left: 0.75rem;
            right: 0.75rem;
            top: 4.25rem;
            width: auto;
            max-width: none;
            max-height: min(28rem, calc(100dvh - 5.5rem));
            display: flex;
            flex-direction: column;
            overflow: hidden;
        }
        .header-notif-panel > .max-h-96 {
            flex: 1 1 auto;
            min-height: 0;
        }
        @media (min-width: 640px) {
            .header-notif-panel {
                position: absolute;
                left: auto;
                right: 0;
                top: auto;
                margin-top: 0.5rem;
                width: 20rem;
                max-height: none;
                display: block;
                overflow: visible;
            }
        }
        @media (min-width: 768px) {
            .header-notif-panel {
                width: 24rem;
            }
        }

        /* Critical header styles */
        .header-logo {
            display: flex;
            align-items: center;
        }

        .header-dropdown {
            position: relative;
        }

        .header-dropdown-content {
            display: none;
            position: absolute;
            z-index: 50;
            top: 100%;
            left: 0;
            margin-top: 0.5rem;
            background-color: white;
            border-radius: 0.375rem;
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        }

        .nav-link {
            padding: 0.5rem 1rem;
            color: #4b5563;
            transition: all 0.2s;
        }

        .nav-link:hover {
            color: #3b82f6;
            background-color: #f9fafb;
        }

        /* Toastr z-index and position fix */
        #toast-container.toast-top-right {
            top: 80px !important;
            right: 20px !important;
            width: auto !important;
            max-width: 350px !important;
            position: fixed !important;
            z-index: 999999 !important;
        }

        /* Mobile responsive toastr */
        @media (max-width: 640px) {
            #toast-container.toast-top-right {
                top: 70px !important;
                right: 10px !important;
                left: 10px !important;
                max-width: none !important;
                width: auto !important;
            }
        }

        #toast-container.toast-top-right>.toast {
            opacity: 1 !important;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
            border-radius: 8px !important;
            margin-bottom: 15px !important;
            width: 100% !important;
            pointer-events: auto !important;
            border: none !important;
            font-family: 'Inter', sans-serif !important;
            backdrop-filter: blur(10px) !important;
        }

        /* Enhanced Modern Toastr Styling */
        #toast-container {
            z-index: 9999 !important;
            position: fixed !important;
            top: 20px !important;
            right: 60px !important;
            left: auto !important;
            transform: none !important;
            width: auto !important;
            max-width: 450px !important;
        }

        #toast-container .toast {
            min-width: 380px !important;
            max-width: 500px !important;
            padding: 25px 30px !important;
            border-radius: 16px !important;
            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15), 0 8px 16px rgba(0, 0, 0, 0.1) !important;
            backdrop-filter: blur(16px) !important;
            border: 1px solid rgba(255, 255, 255, 0.2) !important;
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
            line-height: 1.6 !important;
            position: relative !important;
            overflow: hidden !important;
            margin-bottom: 15px !important;
            transform: none !important;
            left: auto !important;
        }

        /* Success Toast - Modern Green */
        #toast-container .toast-success {
            background: linear-gradient(135deg, #10b981, #059669) !important;
            color: white !important;
            border-left: 4px solid #047857 !important;
        }

        /* Error Toast - Modern Red with Attention-Grabbing Style */
        #toast-container .toast-error {
            background: linear-gradient(135deg, #ef4444, #dc2626) !important;
            color: white !important;
            border-left: 4px solid #b91c1c !important;
            animation: shake 0.4s ease-in-out, slideInFromRight 0.3s ease-out !important;
            min-width: 400px !important;
            padding: 28px 34px !important;
        }

        /* Info Toast - Modern Blue */
        #toast-container .toast-info {
            background: linear-gradient(135deg, #3b82f6, #2563eb) !important;
            color: white !important;
            border-left: 4px solid #1d4ed8 !important;
        }

        /* Warning Toast - Modern Orange */
        #toast-container .toast-warning {
            background: linear-gradient(135deg, #f59e0b, #d97706) !important;
            color: white !important;
            border-left: 4px solid #b45309 !important;
        }

        /* Toast Title Styling */
        #toast-container .toast-title {
            font-size: 1.2em !important;
            font-weight: 700 !important;
            margin-bottom: 12px !important;
            color: white !important;
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
            letter-spacing: -0.01em !important;
        }

        /* Toast Message Styling */
        #toast-container .toast-message {
            font-size: 1.05em !important;
            font-weight: 500 !important;
            opacity: 0.98 !important;
            margin: 0 !important;
            line-height: 1.7 !important;
            color: rgba(255, 255, 255, 0.95) !important;
            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
            word-spacing: 0.1em !important;
        }

        /* Close Button Styling */
        #toast-container .toast-close-button {
            position: absolute !important;
            top: 12px !important;
            right: 15px !important;
            background: rgba(255, 255, 255, 0.2) !important;
            border: none !important;
            color: white !important;
            font-size: 16px !important;
            font-weight: bold !important;
            width: 26px !important;
            height: 26px !important;
            border-radius: 50% !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            cursor: pointer !important;
            opacity: 0.8 !important;
            transition: all 0.2s ease !important;
        }

        #toast-container .toast-close-button:hover {
            opacity: 1 !important;
            background: rgba(255, 255, 255, 0.3) !important;
            transform: scale(1.1) !important;
        }

        /* Progress bar styling */
        #toast-container .toast-progress {
            background: rgba(255, 255, 255, 0.3) !important;
            height: 4px !important;
            position: absolute !important;
            bottom: 0 !important;
            left: 0 !important;
            border-radius: 0 0 12px 12px !important;
        }

        /* Enhanced animations */
        #toast-container .toast {
            animation: slideInFromRight 0.3s ease-out !important;
        }

        @keyframes slideInFromRight {
            from {
                transform: translateX(100%);
                opacity: 0;
            }

            to {
                transform: translateX(0);
                opacity: 1;
            }
        }

        @keyframes slideInLeft {
            from {
                transform: translateX(-100%) scale(0.9);
                opacity: 0;
            }

            to {
                transform: translateX(0) scale(1);
                opacity: 1;
            }
        }

        @keyframes shake {

            0%,
            100% {
                transform: translateX(0);
            }

            10%,
            30%,
            50%,
            70%,
            90% {
                transform: translateX(-5px);
            }

            20%,
            40%,
            60%,
            80% {
                transform: translateX(5px);
            }
        }

        /* Special styling for exam registration errors */
        #toast-container .toast-error.exam-registration-error {
            min-width: 440px !important;
            padding: 32px 40px !important;
            background: linear-gradient(135deg, #dc2626, #b91c1c) !important;
            border: 2px solid #991b1b !important;
            animation: shake 0.5s ease-in-out, slideInFromRight 0.4s ease-out, pulse 2s infinite !important;
        }

        @keyframes pulse {
            0% {
                box-shadow: 0 10px 30px rgba(220, 38, 38, 0.2);
            }

            50% {
                box-shadow: 0 15px 40px rgba(220, 38, 38, 0.4);
            }

            100% {
                box-shadow: 0 10px 30px rgba(220, 38, 38, 0.2);
            }
        }

        /* Icon additions for toasts */
        #toast-container .toast::before {
            content: '';
            position: absolute;
            left: 20px;
            top: 50%;
            transform: translateY(-50%);
            width: 24px;
            height: 24px;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }

        #toast-container .toast-success::before {
            content: '✓';
            color: white;
            font-size: 18px;
            font-weight: bold;
            text-align: center;
            line-height: 24px;
        }

        #toast-container .toast-error::before {
            content: '⚠';
            color: white;
            font-size: 18px;
            font-weight: bold;
            text-align: center;
            line-height: 24px;
        }

        #toast-container .toast-info::before {
            content: 'ⓘ';
            color: white;
            font-size: 18px;
            font-weight: bold;
            text-align: center;
            line-height: 24px;
        }

        #toast-container .toast-warning::before {
            content: '⚠';
            color: white;
            font-size: 18px;
            font-weight: bold;
            text-align: center;
            line-height: 24px;
        }

        /* Adjust text positioning when icon is present */
        #toast-container .toast .toast-title,
        #toast-container .toast .toast-message {
            padding-left: 35px !important;
        }

        /* Mobile specific adjustments */
        @media (max-width: 640px) {
            #toast-container {
                top: 15px !important;
                left: 15px !important;
                right: 15px !important;
                transform: none !important;
                width: auto !important;
                max-width: none !important;
                padding: 0 !important;
            }

            #toast-container .toast {
                min-width: auto !important;
                max-width: none !important;
                width: 100% !important;
                margin-bottom: 12px !important;
                padding: 20px 18px !important;
                transform: none !important;
                left: auto !important;
                border-radius: 12px !important;
                box-sizing: border-box !important;
                animation: slideInFromRight 0.3s ease-out !important;
            }

            #toast-container .toast-error.exam-registration-error {
                min-width: auto !important;
                padding: 24px 20px !important;
                width: 100% !important;
            }

            #toast-container .toast-title {
                font-size: 1.05em !important;
                margin-bottom: 8px !important;
            }

            #toast-container .toast-message {
                font-size: 0.95em !important;
                line-height: 1.5 !important;
            }

            #toast-container .toast-close-button {
                top: 10px !important;
                right: 12px !important;
                font-size: 16px !important;
                width: 26px !important;
                height: 26px !important;
            }
        }

        /* İTM təsdiq modulu üçün qlobal stillər */
        .itm-confirm-backdrop {
            position: fixed;
            inset: 0;
            background: rgba(15, 23, 42, 0.55);
            display: none;
            align-items: center;
            justify-content: center;
            z-index: 100000;
            padding: 1.5rem;
            backdrop-filter: blur(6px);
        }

        .itm-confirm-backdrop.is-visible {
            display: flex;
        }

        .itm-confirm-dialog {
            width: 100%;
            max-width: 440px;
            background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);
            border-radius: 20px;
            box-shadow: 0 35px 60px rgba(15, 23, 42, 0.25);
            border: 1px solid rgba(148, 163, 184, 0.18);
            padding: 2.25rem 2rem 2rem;
            position: relative;
            overflow: hidden;
        }

        .itm-confirm-dialog::before {
            content: '';
            position: absolute;
            inset: 0;
            background: radial-gradient(circle at top right, rgba(59, 130, 246, 0.15), transparent 55%);
            pointer-events: none;
        }

        .itm-confirm-icon {
            width: 56px;
            height: 56px;
            border-radius: 16px;
            background: linear-gradient(135deg, #f97316, #ef4444);
            display: flex;
            align-items: center;
            justify-content: center;
            color: #ffffff;
            font-size: 26px;
            margin-bottom: 1.5rem;
            box-shadow: 0 18px 30px rgba(239, 68, 68, 0.25);
        }

        .itm-confirm-title {
            font-size: 1.375rem;
            font-weight: 700;
            color: #111827;
            margin-bottom: 0.75rem;
        }

        .itm-confirm-message {
            font-size: 0.98rem;
            color: #374151;
            line-height: 1.6;
            margin-bottom: 1.75rem;
        }

        .itm-confirm-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 0.75rem;
            justify-content: flex-end;
        }

        .itm-confirm-button {
            min-width: 115px;
            border-radius: 9999px;
            padding: 0.65rem 1.25rem;
            font-weight: 600;
            font-size: 0.95rem;
            transition: all 0.2s ease;
            border: none;
            cursor: pointer;
        }

        .itm-confirm-button.cancel {
            background: #e2e8f0;
            color: #1e293b;
        }

        .itm-confirm-button.cancel:hover {
            background: #cbd5f5;
        }

        .itm-confirm-button.confirm {
            background: linear-gradient(135deg, #2563eb, #1d4ed8);
            color: #ffffff;
            box-shadow: 0 15px 30px rgba(37, 99, 235, 0.3);
        }

        .itm-confirm-button.confirm:hover {
            transform: translateY(-2px);
            box-shadow: 0 18px 34px rgba(37, 99, 235, 0.35);
        }

        @media (max-width: 640px) {
            .itm-confirm-dialog {
                padding: 1.75rem 1.5rem;
                border-radius: 16px;
            }

            .itm-confirm-title {
                font-size: 1.2rem;
            }

            .itm-confirm-message {
                font-size: 0.95rem;
            }

            .itm-confirm-actions {
                flex-direction: column-reverse;
                align-items: stretch;
            }

            .itm-confirm-button {
                width: 100%;
            }
        }