.notification{position:fixed;top:20px;right:20px;justify-content:space-between;min-width:320px;max-width:450px;padding:1rem 1.5rem;border-radius:12px;z-index:9999;box-shadow:0 8px 32px rgba(0,0,0,.4);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);font-family:Inter,sans-serif}.content,.notification{display:flex;align-items:center}.content{gap:.75rem}.message{font-size:.95rem;line-height:1.4;font-weight:500}.icon{flex-shrink:0}.closeButton{background:transparent;border:none;color:inherit;opacity:.7;cursor:pointer;padding:.25rem;margin-left:.75rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.closeButton:hover{opacity:1;background:rgba(255,255,255,.1);transform:scale(1.1)}.success{background:linear-gradient(135deg,rgba(59,130,246,.95),rgba(96,165,250,.95));color:white;border-left:4px solid #60a5fa;animation:successGlow 2s ease-in-out}@keyframes successGlow{0%{box-shadow:0 8px 32px rgba(0,0,0,.4)}50%{box-shadow:0 8px 32px rgba(59,130,246,.6)}to{box-shadow:0 8px 32px rgba(0,0,0,.4)}}.error{background:linear-gradient(135deg,rgba(220,53,69,.95),rgba(248,113,113,.95));color:white;border-left:4px solid rgb(248,113,113)}.warning{background:linear-gradient(135deg,rgba(245,158,11,.95),rgba(251,191,36,.95));color:#1a1a1a;border-left:4px solid rgb(251,191,36)}.info{background:linear-gradient(135deg,rgba(20,184,166,.95),rgba(45,212,191,.95));color:white;border-left:4px solid rgb(45,212,191)}@media (max-width:576px){.notification{top:20px;bottom:auto;left:16px;right:16px;min-width:auto;max-width:none;width:calc(100% - 62px);padding:.75rem 1rem;min-height:auto;font-size:.9rem}.content{gap:.5rem}.message{font-size:.85rem;line-height:1.3}.closeButton{margin-left:.5rem;padding:.2rem}.closeButton svg{width:16px;height:16px}.icon{width:18px;height:18px}}