.notification-container{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:9999;pointer-events:none;width:100%;max-width:500px;padding:0 16px}@media (max-width:640px){.notification-container{max-width:100%;top:10px}}.notification{pointer-events:auto;margin-bottom:12px;border-radius:16px;padding:16px 20px;box-shadow:0 10px 40px rgba(0,0,0,.15) , 0 0 0 1px rgba(0,0,0,.05);backdrop-filter:blur(10px);opacity:0;transform:translateY(-20px);transition:all .3s cubic-bezier(.4,0,.2,1)}.notification-visible{opacity:1;transform:translateY(0)}.notification-exit{opacity:0;transform:translateY(-10px) scale(.95)}.notification-content{display:flex;align-items:center;gap:12px}.notification-icon-wrapper{flex-shrink:0;width:24px;height:24px}.notification-icon{width:100%;height:100%;stroke-width:2.5}.notification-message{flex:1;font-size:15px;line-height:1.5;font-weight:500}.notification-close{flex-shrink:0;width:20px;height:20px;border:none;background:transparent;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s;opacity:.6}.notification-close:hover{opacity:1;transform:scale(1.1)}.notification-close svg{width:100%;height:100%}.notification-error{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;border:1px solid rgba(255,255,255,.2)}.notification-error .notification-icon-wrapper{color:#fff}.notification-error .notification-close{color:#fff}.notification-error .notification-close:hover{background:rgba(255,255,255,.2)}.notification-success{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;border:1px solid rgba(255,255,255,.2)}.notification-success .notification-icon-wrapper{color:#fff}.notification-success .notification-close{color:#fff}.notification-success .notification-close:hover{background:rgba(255,255,255,.2)}.notification-info{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:#fff;border:1px solid rgba(255,255,255,.2)}.notification-info .notification-icon-wrapper{color:#fff}.notification-info .notification-close{color:#fff}.notification-info .notification-close:hover{background:rgba(255,255,255,.2)}.notification-warning{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:#fff;border:1px solid rgba(255,255,255,.2)}.notification-warning .notification-icon-wrapper{color:#fff}.notification-warning .notification-close{color:#fff}.notification-warning .notification-close:hover{background:rgba(255,255,255,.2)}@keyframes slideInDown{from{opacity:0;transform:translateY(-20px);}to{opacity:1;transform:translateY(0);}}@keyframes slideOutUp{from{opacity:1;transform:translateY(0);}to{opacity:0;transform:translateY(-10px) scale(0.95);}}@media (max-width:640px){.notification{padding:14px 16px;border-radius:12px}.notification-message{font-size:14px}.notification-icon-wrapper{width:20px;height:20px}.notification-close{width:18px;height:18px}}@media (prefers-reduced-motion:reduce){.notification{transition:none}}.notification-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);backdrop-filter:blur(2px);z-index:9998;opacity:0;transition:opacity .3s;pointer-events:none}.notification-overlay.active{opacity:1;pointer-events:auto}