.notification{z-index:20001;opacity:0;pointer-events:none;position:fixed;top:20px;right:20px;transform:translate(400px)}.notification-visible{pointer-events:auto;animation:.4s cubic-bezier(.34,1.56,.64,1) forwards slideIn}@keyframes slideIn{0%{opacity:0;transform:translate(400px)}to{opacity:1;transform:translate(0)}}.notification-content{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#0f1419f2,#1a2332f2);border:1px solid #e84d3d4d;border-radius:4px;align-items:center;gap:.75rem;width:100%;min-width:240px;max-width:320px;padding:.75rem 1rem;display:flex;box-shadow:0 8px 32px #0006,0 0 20px #e84d3d33,inset 0 1px #ffffff1a}.notification-error .notification-content{border-color:#ef44444d;box-shadow:0 8px 32px #0006,0 0 20px #ef444433,inset 0 1px #ffffff1a}.notification-success .notification-content{border-color:#22c55e4d;box-shadow:0 8px 32px #0006,0 0 20px #22c55e33,inset 0 1px #ffffff1a}.notification-icon{color:#e84d3d;background:linear-gradient(135deg,#e84d3d33,#e84d3d1a);border:1px solid #e84d3d4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;animation:.6s cubic-bezier(.68,-.55,.265,1.55) iconPulse;display:flex}.notification-error .notification-icon{color:#ef4444;background:linear-gradient(135deg,#ef444433,#ef44441a);border-color:#ef44444d}.notification-success .notification-icon{color:#22c55e;background:linear-gradient(135deg,#22c55e33,#22c55e1a);border-color:#22c55e4d}@keyframes iconPulse{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.notification-icon svg{width:14px;height:14px}.notification-message{font-family:var(--font-body);color:#e0e8f0;text-shadow:0 1px 2px #0000004d;flex:1;min-width:0;margin:0;font-size:.8125rem;line-height:1.4}.notification-close{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;padding:.25rem;transition:all .2s;display:flex}.notification-close:hover{color:#ffffffe6;background:#ffffff1a}.notification.notification-exiting{pointer-events:none;animation:.4s cubic-bezier(.55,.055,.675,.19) forwards slideOut}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(400px)}}@media (max-width:1200px){.notification{animation:.4s cubic-bezier(.34,1.56,.64,1) forwards slideInMobile;top:16px;left:16px;right:16px}.notification-visible{animation:.4s cubic-bezier(.34,1.56,.64,1) forwards slideInMobile}.notification-content{min-width:auto;max-width:360px;margin:0 auto}@keyframes slideInMobile{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}.notification.notification-exiting{animation:.4s cubic-bezier(.55,.055,.675,.19) forwards slideOutMobile}@keyframes slideOutMobile{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}}