.notification-container{z-index:9999;pointer-events:none;width:100%;max-width:380px;padding:0;position:fixed;top:24px;right:24px}@media (max-width:768px){.notification-container{width:auto;max-width:none;inset:auto 16px 24px}}.notification-item{pointer-events:auto;-webkit-backdrop-filter:none;backdrop-filter:none;background:#121215;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:8px;transition:all .2s;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideIn;position:relative;overflow:hidden;transform:translate(100%);box-shadow:0 4px 12px #00000080}.notification-item:hover{border-color:#fff3;transform:translateY(-2px);box-shadow:0 6px 16px #0009}.notification-item:last-child{margin-bottom:0}@keyframes slideIn{to{transform:translate(0)}}@keyframes slideOut{to{opacity:0;transform:translate(100%)}}@media (max-width:768px){.notification-item{opacity:0;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideInMobile;transform:translateY(20px)}}@keyframes slideInMobile{to{opacity:1;transform:translateY(0)}}.notification-item.notification-removing{animation:.2s ease-in forwards slideOut}@media (max-width:768px){.notification-item.notification-removing{animation:.2s ease-in forwards slideOutMobile}}@keyframes slideOutMobile{to{opacity:0;transform:translateY(20px)}}.notification-item .notification-content{align-items:center;gap:12px;min-height:auto;padding:12px 16px;display:flex}.notification-item .notification-icon{background:0 0;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.notification-item .notification-icon svg{width:20px;height:20px}.notification-item .notification-message{color:#e5e5e5;text-shadow:none;flex:1;font-size:14px;font-weight:500;line-height:1.4}.notification-item .notification-close{cursor:pointer;color:#fff6;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex}.notification-item .notification-close:hover{color:#fff;background:0 0}.notification-item .notification-progress{background:#ffffff0d;height:2px;position:absolute;bottom:0;left:0;right:0}.notification-item .notification-progress-bar{transform-origin:0;width:100%;height:100%;box-shadow:none;background:currentColor;animation:linear forwards progressBar}@keyframes progressBar{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.notification-item.notification-success .notification-icon{color:#22c55e}.notification-item.notification-success .notification-progress-bar{background:#22c55e}.notification-item.notification-error .notification-icon{color:#ef4444}.notification-item.notification-error .notification-progress-bar{background:#ef4444}.notification-item.notification-warning .notification-icon{color:#f59e0b}.notification-item.notification-warning .notification-progress-bar{background:#f59e0b}.notification-item.notification-info .notification-icon{color:#a855f7}.notification-item.notification-info .notification-progress-bar{background:#a855f7}