.swal2-styled {
    background-color: #3085d6 !important;
    color: #fff !important;
    padding: 10px 20px;
    border-radius: 5px;
    font-weight: 600;
    font-size: 1rem;
    border: none;
    cursor: pointer;
    margin: 0 5px; 
    box-shadow: none !important;
    transition: filter 0.2s ease;
    }

    .swal2-cancel.swal2-styled {
    background-color: #d33 !important;  
    color: white !important;
    }
    .swal2-styled:hover {
    filter: brightness(90%);
    }

    .swal2-container {
    z-index: 10000 !important; 
}

html.dark .swal2-popup,
html.dark .swal-modal {
    background: #1c1c1e !important;
    color: #f2f2f7 !important;
    border: 1px solid #3a3a3c !important;
}

html.dark .swal2-title,
html.dark .swal-title {
    color: #f2f2f7 !important;
}

html.dark .swal2-html-container,
html.dark .swal-content,
html.dark .swal-text {
    color: #d0d0d4 !important;
}

html.dark .swal2-input,
html.dark .swal2-textarea,
html.dark .swal2-select,
html.dark .swal2-file {
    background: #2c2c2e !important;
    color: #f2f2f7 !important;
    border: 1px solid #3a3a3c !important;
}

html.dark .swal2-styled.swal2-confirm,
html.dark .swal-button--confirm {
    background-color: #0a84ff !important;
}

html.dark .swal2-styled.swal2-cancel,
html.dark .swal-button--cancel,
html.dark .swal2-cancel.swal2-styled {
    background-color: #ff453a !important;
}

html.dark .swal2-loader {
    border-color: #0a84ff transparent #0a84ff transparent !important;
}