.notification-container{z-index:10000;pointer-events:none;flex-direction:column;gap:12px;max-width:400px;display:flex;position:fixed;top:24px;right:24px}.notification{pointer-events:all;opacity:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:2px solid;border-radius:12px;min-width:400px;padding:18px 20px;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;transform:translate(490px)scale(.95);box-shadow:0 4px 16px #00000014,0 8px 32px #0000001f}.notification.show{opacity:1;transform:translate(0)scale(1)}.notification.hide{opacity:0;transform:translate(490px)scale(.95)}.notification.success{background:linear-gradient(135deg,#f0fdf4 0%,#fff 100%);border-color:#10b981}.notification.error{background:linear-gradient(135deg,#fef2f2 0%,#fff 100%);border-color:#ef4444}.notification.warning{background:linear-gradient(135deg,#fffbeb 0%,#fff 100%);border-color:#f59e0b}.notification.info{background:linear-gradient(135deg,#eff6ff 0%,#fff 100%);border-color:#3b82f6}.notification-header{align-items:center;gap:14px;margin-bottom:8px;display:flex}.notification-icon{flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:22px;display:flex}.notification.success .notification-icon{color:#10b981}.notification.error .notification-icon{color:#ef4444}.notification.warning .notification-icon{color:#f59e0b}.notification.info .notification-icon{color:#3b82f6}.notification-title{color:#1f2937;letter-spacing:-.01em;flex:1;font-size:16px;font-weight:600}.notification-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;margin:-2px -4px -2px 0;padding:6px;font-size:14px;transition:all .15s;display:flex}.notification-close:hover{color:#1f2937;background:#00000014}.notification-close:active{background:#0000001f}.notification-body{padding-left:44px}.notification-message{color:#6b7280;letter-spacing:-.01em;font-size:14px;line-height:1.6}.notification-progress{background:#0000000d;border-radius:0 0 12px 12px;height:4px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.notification-progress-bar{transform-origin:0;border-radius:0 0 12px 12px;height:100%;animation:linear forwards progressBar}.notification.success .notification-progress-bar{background:#10b981}.notification.error .notification-progress-bar{background:#ef4444}.notification.warning .notification-progress-bar{background:#f59e0b}.notification.info .notification-progress-bar{background:#3b82f6}@keyframes progressBar{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.notification:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f,0 16px 48px #00000026}.notification.show:hover .notification-progress-bar{animation-play-state:paused}.notification.success:hover{border-color:#059669;box-shadow:0 8px 24px #0000001f,0 0 30px #10b98126}.notification.error:hover{border-color:#dc2626;box-shadow:0 8px 24px #0000001f,0 0 30px #ef444426}.notification.warning:hover{border-color:#d97706;box-shadow:0 8px 24px #0000001f,0 0 30px #f59e0b26}.notification.info:hover{border-color:#2563eb;box-shadow:0 8px 24px #0000001f,0 0 30px #3b82f626}@media (max-width:640px){.notification-container{max-width:none;top:12px;left:12px;right:12px}.notification{max-width:none;min-width:unset;padding:16px 18px}.notification-header{gap:12px;margin-bottom:6px}.notification-body{padding-left:38px}.notification-title{font-size:15px}.notification-message{font-size:13px}.notification-icon{width:26px;height:26px;font-size:20px}}