.notification-container{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:9999}.notification{background-color:hsla(0,0%,100%,.9);border-radius:8px;padding:12px 20px;margin-bottom:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;justify-content:space-between;align-items:center;max-width:300px;animation:fadeIn .5s ease-in-out}.notification.success{border-left:5px solid green}.notification.error{border-left:5px solid red}.notification.info{border-left:5px solid #52606e}.close-btn{background:transparent;border:none;font-size:18px;cursor:pointer;color:#555}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}