/* assets/css/notification.css */

.notification-container{
    position:fixed;
    top:20px;
    right:20px;
    z-index:9999;
    display:flex;
    flex-direction:column;
    gap:10px;
}

.notification{
    min-width:260px;
    background:#111;
    color:#fff;
    padding:14px 18px;
    border-radius:8px;
    box-shadow:0 4px 14px rgba(0,0,0,0.15);
    animation:slideIn 0.25s ease;
    font-size:14px;
}

.notification.success{
    background:#1f7a38;
}

.notification.error{
    background:#b42318;
}

.notification.info{
    background:#175cd3;
}

@keyframes slideIn{
    from{
        opacity:0;
        transform:translateX(20px);
    }

    to{
        opacity:1;
        transform:translateX(0);
    }
}

@keyframes slideOut{
    from{
        opacity:1;
        transform:translateX(0);
    }

    to{
        opacity:0;
        transform:translateX(20px);
    }
}