.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,0.15),0 0 0 1px rgba(0,0,0,0.05);backdrop-filter:blur(10px);opacity:0;transform:translateY(-20px);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}.notification-visible{opacity:1;transform:translateY(0);}.notification-exit{opacity:0;transform:translateY(-10px) scale(0.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 0.2s;opacity:0.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:white;border:1px solid rgba(255,255,255,0.2);}.notification-error .notification-icon-wrapper{color:white;}.notification-error .notification-close{color:white;}.notification-error .notification-close:hover{background:rgba(255,255,255,0.2);}.notification-success{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:white;border:1px solid rgba(255,255,255,0.2);}.notification-success .notification-icon-wrapper{color:white;}.notification-success .notification-close{color:white;}.notification-success .notification-close:hover{background:rgba(255,255,255,0.2);}.notification-info{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:white;border:1px solid rgba(255,255,255,0.2);}.notification-info .notification-icon-wrapper{color:white;}.notification-info .notification-close{color:white;}.notification-info .notification-close:hover{background:rgba(255,255,255,0.2);}.notification-warning{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:white;border:1px solid rgba(255,255,255,0.2);}.notification-warning .notification-icon-wrapper{color:white;}.notification-warning .notification-close{color:white;}.notification-warning .notification-close:hover{background:rgba(255,255,255,0.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,0.4);backdrop-filter:blur(2px);z-index:9998;opacity:0;transition:opacity 0.3s;pointer-events:none;}.notification-overlay.active{opacity:1;pointer-events:auto;}