.notification-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;pointer-events:none}.notification{min-width:320px;max-width:450px;background:linear-gradient(135deg,#1a1a1a 0,#1a0a2a 100%);border:1px solid rgba(147,51,234,.3);border-radius:12px;padding:16px 20px;box-shadow:0 8px 32px rgba(0,0,0,.4),0 0 20px rgba(147,51,234,.2);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;gap:16px;opacity:0;transform:translateX(400px);transition:all .3s cubic-bezier(.68, -.55, .265, 1.55);pointer-events:auto}.notification.show{opacity:1;transform:translateX(0)}.notification.hide{opacity:0;transform:translateX(400px)}.notification-content{display:flex;align-items:center;gap:12px;flex:1}.notification-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.notification-success .notification-icon{background:linear-gradient(135deg,#10b981 0,#059669 100%);color:#fff;box-shadow:0 0 15px rgba(16,185,129,.4)}.notification-error .notification-icon{background:linear-gradient(135deg,#ef4444 0,#dc2626 100%);color:#fff;box-shadow:0 0 15px rgba(239,68,68,.4)}.notification-warning .notification-icon{background:linear-gradient(135deg,#f59e0b 0,#d97706 100%);color:#fff;box-shadow:0 0 15px rgba(245,158,11,.4)}.notification-info .notification-icon{background:linear-gradient(135deg,#9333ea 0,#7c3aed 100%);color:#fff;box-shadow:0 0 15px rgba(147,51,234,.4)}.notification-message{color:#fff;font-size:14px;line-height:1.5;flex:1}.notification-close{background:0 0;border:none;color:#b8b8b8;font-size:24px;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;border-radius:4px}.notification-close:hover{color:#fff;background:rgba(147,51,234,.2)}.notification-icon{animation:iconPulse .5s ease-out}@keyframes iconPulse{0%{transform:scale(0)}50%{transform:scale(1.2)}100%{transform:scale(1)}}@media (max-width:768px){.notification-container{top:10px;right:10px;left:10px}.notification{min-width:auto;max-width:100%}}