.notification-container{z-index:1000;pointer-events:none;flex-direction:column;gap:.5rem;width:100%;max-width:400px;display:flex;position:fixed;top:1rem;right:1rem}.notification{pointer-events:auto;opacity:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-left:4px solid;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;transform:translate(100%);box-shadow:0 8px 32px #0000001f}.notification.visible{opacity:1;transform:translate(0)}.notification.removing{opacity:0;transform:translate(100%)}.notification-success{background:#ecfdf5f2;border-left-color:#10b981}.notification-error{background:#fef2f2f2;border-left-color:#ef4444}.notification-warning{background:#fffbebf2;border-left-color:#f59e0b}.notification-info{background:#eff6fff2;border-left-color:#3b82f6}.notification-content{align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.notification-icon{flex-shrink:0;margin-top:.1rem;font-size:1.5rem}.notification-text{flex:1;min-width:0}.notification-title{color:#111827;margin-bottom:.25rem;font-size:.95rem;font-weight:600;line-height:1.4}.notification-message{color:#6b7280;word-wrap:break-word;font-size:.875rem;line-height:1.5}.notification-actions{flex-shrink:0;align-items:flex-start;gap:.5rem;display:flex}.notification-action-btn{cursor:pointer;color:#374151;background:0 0;border:1px solid #d1d5db;border-radius:6px;padding:.375rem .75rem;font-size:.8rem;font-weight:500;transition:all .2s}.notification-action-btn:hover{background:#f9fafb;border-color:#9ca3af;transform:translateY(-1px)}.notification-close-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;margin-top:.1rem;font-size:1rem;transition:all .2s;display:flex}.notification-close-btn:hover{color:#374151;background:#0000000d}.notification-progress{transform-origin:0;background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);height:3px;animation:linear progressShrink;position:absolute;bottom:0;left:0}@keyframes progressShrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.notification-success .notification-progress{background:linear-gradient(90deg,#10b981 0%,#059669 100%)}.notification-error .notification-progress{background:linear-gradient(90deg,#ef4444 0%,#dc2626 100%)}.notification-warning .notification-progress{background:linear-gradient(90deg,#f59e0b 0%,#d97706 100%)}.notification-info .notification-progress{background:linear-gradient(90deg,#3b82f6 0%,#2563eb 100%)}.notification-success .notification-title{color:#065f46}.notification-error .notification-title{color:#991b1b}.notification-warning .notification-title{color:#92400e}.notification-info .notification-title{color:#1e40af}@media (width<=768px){.notification-container{max-width:none;top:.5rem;left:.5rem;right:.5rem}.notification-content{padding:.875rem}.notification-title{font-size:.9rem}.notification-message{font-size:.8rem}.notification-action-btn{padding:.3rem .6rem;font-size:.75rem}}@media (width<=480px){.notification-container{top:.25rem;left:.25rem;right:.25rem}.notification-content{gap:.5rem;padding:.75rem}.notification-icon{font-size:1.25rem}.notification-actions{flex-direction:column;gap:.25rem}.notification-action-btn{width:100%;padding:.5rem}}.notification:first-child{animation-delay:0s}.notification:nth-child(2){animation-delay:50ms}.notification:nth-child(3){animation-delay:.1s}.notification:nth-child(4){animation-delay:.15s}.notification:nth-child(5){animation-delay:.2s}.notification:hover{transform:translate(-4px);box-shadow:0 12px 40px #00000026}.notification:hover .notification-progress{animation-play-state:paused}.notification-action-btn:focus-visible,.notification-close-btn:focus-visible{outline-offset:2px;outline:2px solid #667eea}@media (prefers-contrast:high){.notification{border-style:solid;border-width:2px}.notification-success{border-color:#10b981}.notification-error{border-color:#ef4444}.notification-warning{border-color:#f59e0b}.notification-info{border-color:#3b82f6}}@media (prefers-reduced-motion:reduce){.notification{transition:opacity .2s;transform:none!important}.notification-progress{animation:none;transform:scaleX(0)}}@media (prefers-color-scheme:dark){.notification{background:#1f2937f2;border-left-color:currentColor}.notification-success{background:#064e3bf2}.notification-error{background:#7f1d1df2}.notification-warning{background:#92400ef2}.notification-info{background:#1e40aff2}.notification-title{color:#f9fafb}.notification-message{color:#d1d5db}.notification-action-btn{color:#d1d5db;border-color:#4b5563}.notification-action-btn:hover{background:#4b55634d;border-color:#6b7280}.notification-close-btn{color:#9ca3af}.notification-close-btn:hover{color:#f9fafb;background:#ffffff1a}}