/* =========================================
   SWEETALERT PREMIUM MODERN UI
   ========================================= */

        /* Overlay Background */
        .swal-overlay {
            background: rgba(15, 23, 42, 0.75);
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);
            transition: 0.3s ease-in-out;
        }

        /* Main Modal */
        .swal-modal {
            width: 420px;
            border-radius: 24px;
            background: #ffffff;
            padding: 30px 25px;
            box-shadow:
                0 20px 60px rgba(0, 0, 0, 0.15),
                0 8px 24px rgba(0, 0, 0, 0.08);
            animation: popupAnimation 0.35s ease;
            border: none;
        }

        /* Modal Animation */
        @keyframes popupAnimation {
            0% {
                opacity: 0;
                transform: translateY(-30px) scale(0.9);
            }

            100% {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }

        /* Title */
        .swal-title {
            font-size: 28px;
            font-weight: 700;
            color: #111827;
            margin-top: 10px;
            margin-bottom: 10px;
            padding: 0;
            line-height: 1.3;
            font-family: 'Poppins', sans-serif;
        }

        /* Text */
        .swal-text {
            font-size: 16px;
            color: #6b7280;
            text-align: center;
            line-height: 1.7;
            padding: 0 10px;
            margin-top: 10px;
            margin-bottom: 25px;
            font-family: 'Poppins', sans-serif;
        }

        /* Footer */
        .swal-footer {
            text-align: center;
            margin-top: 5px;
            border-top: none;
            padding-bottom: 10px;
        }

        /* Buttons Container */
        .swal-button-container {
            margin: 0 6px;
        }

        /* Common Button */
        .swal-button {
            border: none !important;
            border-radius: 50px !important;
            padding: 12px 32px !important;
            font-size: 15px !important;
            font-weight: 600 !important;
            transition: all 0.3s ease !important;
            cursor: pointer;
            font-family: 'Poppins', sans-serif;
            letter-spacing: 0.3px;
        }

        /* Focus Remove */
        .swal-button:focus {
            box-shadow: none !important;
        }

        /* Confirm Button */
        .swal-button--confirm {
            background: linear-gradient(135deg, #6366f1, #8b5cf6) !important;
            color: #fff !important;
            box-shadow: 0 10px 25px rgba(99, 102, 241, 0.35);
        }

        /* Confirm Hover */
        .swal-button--confirm:hover {
            transform: translateY(-2px);
            box-shadow: 0 14px 28px rgba(99, 102, 241, 0.45);
        }

        /* Cancel Button */
        .swal-button--cancel {
            background: #f3f4f6 !important;
            color: #374151 !important;
        }

        /* Cancel Hover */
        .swal-button--cancel:hover {
            background: #e5e7eb !important;
        }

        /* Danger Button */
        .swal-button--danger {
            background: linear-gradient(135deg, #ef4444, #dc2626) !important;
            color: #fff !important;
            box-shadow: 0 10px 25px rgba(239, 68, 68, 0.35);
        }

        /* Danger Hover */
        .swal-button--danger:hover {
            transform: translateY(-2px);
            box-shadow: 0 14px 28px rgba(239, 68, 68, 0.45);
        }

        /* SUCCESS ICON */
        .swal-icon--success {
            border-color: #10b981 !important;
        }

        .swal-icon--success__line {
            background-color: #10b981 !important;
        }

        .swal-icon--success__ring {
            border: 4px solid rgba(16, 185, 129, 0.2) !important;
        }

        /* ERROR ICON */
        .swal-icon--error {
            border-color: #ef4444 !important;
        }

        .swal-icon--error__line {
            background-color: #ef4444 !important;
        }

        /* WARNING ICON */
        .swal-icon--warning {
            border-color: #f59e0b !important;
        }

        .swal-icon--warning__body,
        .swal-icon--warning__dot {
            background-color: #f59e0b !important;
        }

        /* INFO ICON */
        .swal-icon--info {
            border-color: #3b82f6 !important;
        }

        .swal-icon--info:before,
        .swal-icon--info:after {
            background-color: #3b82f6 !important;
        }

        /* Input Field */
        .swal-content__input,
        .swal-content__textarea {
            border-radius: 12px;
            border: 1px solid #d1d5db;
            padding: 14px 16px;
            font-size: 15px;
            transition: 0.3s ease;
            box-shadow: none;
        }

        .swal-content__input:focus,
        .swal-content__textarea:focus {
            border-color: #6366f1;
            box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.15);
        }

        /* Loading Animation */
        .swal-button--loading {
            color: transparent !important;
        }

        .swal-button__loader div {
            background-color: #ffffff !important;
        }

        /* Mobile Responsive */
        @media(max-width: 480px) {

            .swal-modal {
                width: calc(100% - 30px);
                padding: 25px 18px;
                border-radius: 20px;
            }

            .swal-title {
                font-size: 24px;
            }

            .swal-text {
                font-size: 15px;
            }

            .swal-button {
                width: 100%;
                margin-top: 10px;
            }

            .swal-button-container {
                width: 100%;
                display: block;
                margin: 0;
            }
        }

        /* Dark Theme Support */
        body.dark-mode .swal-modal {
            background: #111827;
        }

        body.dark-mode .swal-title {
            color: #ffffff;
        }

        body.dark-mode .swal-text {
            color: #d1d5db;
        }

        body.dark-mode .swal-button--cancel {
            background: #374151 !important;
            color: #ffffff !important;
        }