/* Success Popup */
.success-popup {
    position: fixed;
    top: 20px;
    right: 20px;
    background-color: #D4ECD9;
    color: #32623D;
    padding: 15px 20px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 10px;
    opacity: 0;
    transform: translateY(-20px);
    transition: opacity 0.3s ease, transform 0.3s ease;
    z-index: 1000;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.success-popup.show {
    opacity: 1;
    transform: translateY(0);
}

.success-popup .close-icon {
    cursor: pointer;
    width: 16px;
    height: 16px;
    position: relative;
}

.success-popup .close-icon::before,
.success-popup .close-icon::after {
    content: '';
    position: absolute;
    width: 16px;
    height: 2px;
    background-color: #32623D;
    top: 50%;
    left: 0;
}

.success-popup .close-icon::before {
    transform: rotate(45deg);
}

.success-popup .close-icon::after {
    transform: rotate(-45deg);
}

/* Warning Popup */
.warning-popup {
    position: fixed;
    top: 20px;
    right: 20px;
    background-color: #FFF3CD;
    color: #856404;
    padding: 15px 20px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 10px;
    opacity: 0;
    transform: translateY(-20px);
    transition: opacity 0.3s ease, transform 0.3s ease;
    z-index: 1000;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.warning-popup.show {
    opacity: 1;
    transform: translateY(0);
}

.warning-popup .close-icon {
    cursor: pointer;
    width: 16px;
    height: 16px;
    position: relative;
}

.warning-popup .close-icon::before,
.warning-popup .close-icon::after {
    content: '';
    position: absolute;
    width: 16px;
    height: 2px;
    background-color: #856404;
    top: 50%;
    left: 0;
}

.warning-popup .close-icon::before {
    transform: rotate(45deg);
}

.warning-popup .close-icon::after {
    transform: rotate(-45deg);
}