.notification {
        position: fixed;
        bottom: 20px;
        right: 20px;
        background-color: #28a745;
        color: white;
        padding: 10px 15px;
        border-radius: 5px;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
        font-size: 14px;
        animation: fadein 0.3s, fadeout 0.3s 2.7s;
        z-index: 9999;
        pointer-events: none;
    }

    .notification.error {
        background-color: #dc3545;
    }

    @keyframes fadein {
        from { opacity: 0; transform: translateY(-10px); }
        to { opacity: 1; transform: translateY(0); }
    }

    @keyframes fadeout {
        from { opacity: 1; }
        to { opacity: 0; }
    }