.notif-container{z-index:9999;pointer-events:none;flex-direction:column;gap:12px;max-width:380px;display:flex;position:fixed;top:24px;right:24px}.notif-item{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);pointer-events:auto;transform-origin:100% 0;background:#141419f2;border:1px solid #ffffff1a;border-radius:16px;align-items:flex-start;gap:12px;padding:16px 40px 16px 16px;animation:.4s cubic-bezier(.16,1,.3,1) forwards notif-slide-in;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 24px #0006,inset 0 0 0 1px #ffffff0d}.notif-item.notif-exit{animation:.3s cubic-bezier(.4,0,1,1) forwards notif-slide-out}@keyframes notif-slide-in{0%{opacity:0;transform:translate(100%)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes notif-slide-out{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(100%)scale(.9)}}.notif-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.notif-icon{width:22px;height:22px}.notif-success .notif-icon-wrap{background:linear-gradient(135deg,#10b98133,#10b9811a);border:1px solid #10b9814d}.notif-success .notif-icon{color:#10b981;filter:drop-shadow(0 0 8px #10b98180)}.notif-success{border-left:3px solid #10b981}.notif-error .notif-icon-wrap{background:linear-gradient(135deg,#ef444433,#ef44441a);border:1px solid #ef44444d}.notif-error .notif-icon{color:#ef4444;filter:drop-shadow(0 0 8px #ef444480)}.notif-error{border-left:3px solid #ef4444}.notif-warning .notif-icon-wrap{background:linear-gradient(135deg,#f59e0b33,#f59e0b1a);border:1px solid #f59e0b4d}.notif-warning .notif-icon{color:#f59e0b;filter:drop-shadow(0 0 8px #f59e0b80)}.notif-warning{border-left:3px solid #f59e0b}.notif-info .notif-icon-wrap{background:linear-gradient(135deg,#3b82f633,#3b82f61a);border:1px solid #3b82f64d}.notif-info .notif-icon{color:#3b82f6;filter:drop-shadow(0 0 8px #3b82f680)}.notif-info{border-left:3px solid #3b82f6}.notif-content{flex:1;min-width:0}.notif-title{color:#fff;margin-bottom:4px;font-size:.9rem;font-weight:600;line-height:1.3}.notif-message{color:#ffffffb3;font-size:.8rem;line-height:1.4}.notif-close{color:#ffffff80;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.notif-close:hover{color:#fff;background:#fff3}.notif-close svg{width:14px;height:14px}.notif-progress{background:#ffffff1a;height:3px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.notif-progress-bar{transform-origin:0;width:100%;height:100%;animation:linear forwards notif-progress-shrink}.notif-success .notif-progress-bar{background:linear-gradient(90deg,#10b981,#34d399)}.notif-error .notif-progress-bar{background:linear-gradient(90deg,#ef4444,#f87171)}.notif-warning .notif-progress-bar{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.notif-info .notif-progress-bar{background:linear-gradient(90deg,#3b82f6,#60a5fa)}@keyframes notif-progress-shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.notif-item:hover .notif-progress-bar{animation-play-state:paused}@media (max-width:480px){.notif-container{max-width:none;top:12px;left:12px;right:12px}.notif-item{padding:12px 36px 12px 12px}.notif-icon-wrap{width:32px;height:32px}.notif-icon{width:18px;height:18px}.notif-title{font-size:.85rem}.notif-message{font-size:.75rem}}