#notification-container{z-index:9999;flex-direction:column;gap:12px;display:flex;position:fixed;top:20px;right:20px}.notification{opacity:0;background:#fff;border-left:5px solid;border-radius:14px;align-items:flex-start;gap:15px;width:340px;padding:16px 18px;transition:transform .35s,opacity .35s;display:flex;transform:translate(120%);box-shadow:0 10px 30px #00000026}.notification.show{opacity:1;transform:translate(0)}.notification-icon{flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.notification-content{flex:1}.notification-content h4{margin:0 0 4px;font-size:15px;font-weight:600}.notification-content p{color:#6b7280;margin:0;font-size:14px;line-height:1.4}.notification-close{cursor:pointer;color:#6b7280;background:0 0;border:none;padding:0;font-size:20px}.notification.success{border-color:#22c55e}.notification.success .notification-icon{color:#22c55e}.notification.error{border-color:#ef4444}.notification.error .notification-icon{color:#ef4444}.notification.warning{border-color:#f59e0b}.notification.warning .notification-icon{color:#f59e0b}.notification.info{border-color:#3b82f6}.notification.info .notification-icon{color:#3b82f6}@media (width<=480px){#notification-container{top:12px;left:12px;right:12px}.notification{width:auto}}