.notification-container{top:var(--spacing-xl);right:var(--spacing-xl);z-index:99999;gap:var(--spacing-sm);pointer-events:none;flex-direction:column;width:100%;max-width:400px;display:flex;position:fixed}.notification{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;padding:0;animation:.3s ease-out notificationSlideIn;position:relative;overflow:hidden}@keyframes notificationSlideIn{0%{opacity:0;transform:translate(100%)translateY(-10px)}to{opacity:1;transform:translate(0)translateY(0)}}.notification:before{content:"";background:var(--accent-primary);width:4px;position:absolute;top:0;bottom:0;left:0}.notification-success:before{background:var(--accent-secondary)}.notification-error:before{background:var(--accent-danger)}.notification-warning:before{background:var(--accent-warning)}.notification-info:before{background:var(--accent-primary)}.notification-content{padding:var(--spacing-lg);align-items:center;gap:var(--spacing-md);display:flex}.notification-icon{font-size:var(--font-size-lg);width:var(--icon-xl);height:var(--icon-xl);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.notification-success .notification-icon{background:var(--accent-secondary)}.notification-error .notification-icon{background:var(--accent-danger)}.notification-warning .notification-icon{background:var(--accent-warning)}.notification-info .notification-icon{background:var(--accent-primary)}.notification-message{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);flex-grow:1}.notification-close{color:var(--text-secondary);font-size:var(--font-size-xl);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);transition:var(--transition-fast);width:var(--control-sm);height:var(--control-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.notification-close:hover{background:var(--bg-primary);color:var(--text-primary);transform:scale(1.1)}@media (prefers-color-scheme:dark){.notification{background:#1e1e1ef2;border-color:#ffffff1a}}@media (max-width:768px){.notification-container{top:var(--spacing-lg);right:var(--spacing-lg);left:var(--spacing-lg);max-width:none}.notification-content{padding:var(--spacing-md)}.notification-message{font-size:var(--font-size-sm)}.notification-icon{font-size:var(--font-size-md);width:20px;height:20px}}@media (max-width:480px){.notification-container{top:var(--spacing-md);right:var(--spacing-md);left:var(--spacing-md)}.notification-content{padding:var(--spacing-sm)var(--spacing-md);gap:var(--spacing-sm)}.notification-message{font-size:var(--font-size-xs)}.notification-close{width:var(--icon-xl);height:var(--icon-xl);font-size:var(--font-size-lg)}}.notification.removing{animation:.3s ease-in forwards notificationSlideOut}@keyframes notificationSlideOut{0%{opacity:1;max-height:100px;margin-bottom:var(--spacing-sm);transform:translate(0)translateY(0)}to{opacity:0;max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0;transform:translate(100%)translateY(-10px)}}.notification.timed:after{content:"";background:var(--accent-primary);height:2px;animation:linear notificationProgress;position:absolute;bottom:0;left:0}.notification-success.timed:after{background:var(--accent-secondary);animation-duration:4s}.notification-error.timed:after{background:var(--accent-danger);animation-duration:6s}.notification-warning.timed:after{background:var(--accent-warning);animation-duration:5s}.notification-info.timed:after{background:var(--accent-primary);animation-duration:4s}@keyframes notificationProgress{0%{width:100%}to{width:0%}}