.toast-message {
    position: fixed;
    top: 20px;
    right: -320px;
    min-width: 320px;
    max-width: 400px;
    z-index: 1050;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-in-out;
}

    .toast-message .close {
        position: absolute;
        top: 5px;
        right: 10px;
        font-size: 16px;
        color: #fff;
        opacity: 0.8;
    }

    .toast-message.alert-info {
        background-color: #17a2b8;
        color: #fff;
    }

    .toast-message.alert-danger {
        background-color: #dc3545;
        color: #fff;
    }

    .toast-message.alert-success {
        background-color: #28a745;
        color: #fff;
    }

    .toast-message.alert-warning {
        background-color: #ffc107;
        color: #333;
    }