.notification-container{z-index:1000000;flex-direction:column;gap:12px;display:flex;position:fixed;top:20px;right:20px}.notification{background:var(--secondary);-webkit-backdrop-filter:blur(12px)saturate(120%);backdrop-filter:blur(12px)saturate(120%);background:#171717f2;border-radius:12px;align-items:flex-start;width:380px;min-width:320px;max-width:420px;margin-bottom:0;padding:16px 20px;transition:all .2s;animation:.3s ease-out slideIn;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0006,inset 0 0 0 1px #ffffff0d,inset 0 1px #ffffff0d}.notification:hover{box-shadow:0 12px 40px #00000080,inset 0 0 0 1px #ffffff14,inset 0 1px #ffffff14}.notification.success{background:#171717f2}.notification.success:hover{box-shadow:0 12px 40px #00000080,inset 0 0 0 1px #0d948833,0 0 20px #0d94881a}.notification.info{background:#171717f2}.notification.info:hover{box-shadow:0 12px 40px #00000080,inset 0 0 0 1px #06b6d433,0 0 20px #06b6d41a}.notification.warning{background:#171717f2}.notification.warning:hover{box-shadow:0 12px 40px #00000080,inset 0 0 0 1px #ff8f0033,0 0 20px #ff8f001a}.notification.danger{background:#171717f2}.notification.danger:hover{box-shadow:0 12px 40px #00000080,inset 0 0 0 1px #f0424833,0 0 20px #f042481a}.notification.exiting{animation:.3s ease-in forwards slideOut}.notification .icon{flex-shrink:0;margin-top:2px;margin-right:16px;font-size:1.5rem}.notification .content{flex:1;min-width:0}.notification .content strong{color:#fffcf2f2;letter-spacing:.02em;margin-bottom:4px;font-size:.95rem;font-weight:600;display:block}.notification .content p{color:#fffcf2b3;letter-spacing:.01em;margin:0;font-size:.875rem;line-height:1.5}.notification .timer{border-radius:0 0 12px 12px;width:100%;height:2px;animation-name:progressShrink;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute;bottom:0;left:0}.notification.success .timer{background:linear-gradient(90deg,#0d9488cc 0%,#0d9488 100%);box-shadow:0 0 8px #0d948880}.notification.info .timer{background:linear-gradient(90deg,#06b6d4cc 0%,var(--pop-cyan)100%);box-shadow:0 0 8px #06b6d480}.notification.warning .timer{background:linear-gradient(90deg,#ff8f00cc 0%,#ff8f00 100%);box-shadow:0 0 8px #ff8f0080}.notification.danger .timer{background:linear-gradient(90deg,#f04248cc 0%,#f04248 100%);box-shadow:0 0 8px #f0424880}@keyframes slideIn{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(120%)}}@keyframes progressShrink{0%{width:100%}to{width:0%}}