.toast-container {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 1000;
}

.toast {
    background: linear-gradient(90deg, #ffffff, #f6f6f6);
    color: #333;
    padding: 15px 20px;
    margin-bottom: 12px;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 250px;
    opacity: 0;
    transform: translateX(120%) scale(0.8);
    transition: opacity 0.4s ease, transform 0.4s ease, scale 0.4s ease;
    border-left: 5px solid;
    overflow: hidden;
}

.toast.show-toast {
    opacity: 1;
    transform: translateX(0) scale(1);
}

.toast.success {
    background: linear-gradient(90deg, #e6ffed, #d4f7dd);
    border-left-color: #28a745;
    color: #1a531f;
}

.toast.error {
    background: linear-gradient(90deg, #ffe6e6, #f7d4d4);
    border-left-color: #dc3545;
    color: #5c1e24;
}

.toast .icon {
    margin-right: 10px;
    font-size: 20px;
}

.toast .close {
    margin-left: 15px;
    cursor: pointer;
    font-size: 18px;
    color: #666;
    transition: color 0.2s;
}

.toast .close:hover {
    color: #000;
}