.notification-container{z-index:1100;pointer-events:none;flex-direction:column;gap:.75rem;max-width:400px;display:flex;position:fixed;top:1rem;right:1rem}.notification{background-color:var(--color-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light);pointer-events:auto;align-items:flex-start;gap:.75rem;padding:1rem;animation:.3s ease-out slideInRight;display:flex;position:relative;overflow:hidden}.notification.success{border-color:var(--color-success)}.notification.error{border-color:var(--color-error)}.notification.warning{border-color:var(--color-warning)}.notification.info{border-color:var(--color-info,#17a2b8)}.notification-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.notification.success .notification-icon{color:var(--color-success)}.notification.error .notification-icon{color:var(--color-error)}.notification.warning .notification-icon{color:var(--color-warning)}.notification.info .notification-icon{color:var(--color-info,#17a2b8)}.notification-content{flex:1}.notification-title{color:var(--color-text);margin-bottom:.25rem;font-size:.875rem;font-weight:600}.notification-message{color:var(--color-text-secondary);font-size:.875rem;line-height:1.4}.notification-close{color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;flex-shrink:0;padding:.25rem;font-size:1rem}.notification-close:hover{color:var(--color-text)}.notification-progress{opacity:.3;background-color:currentColor;height:3px;animation:linear progress;position:absolute;bottom:0;left:0}.notification.success .notification-progress{background-color:var(--color-success)}.notification.error .notification-progress{background-color:var(--color-error)}.notification.warning .notification-progress{background-color:var(--color-warning)}.notification.info .notification-progress{background-color:var(--color-info,#17a2b8)}.confirm-overlay{background-color:var(--overlay-background);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.confirm-dialog{background-color:var(--color-background);border-radius:var(--radius-xl);width:100%;max-width:400px;box-shadow:var(--shadow-2xl);padding:2rem;animation:.3s ease-out slideUp}.confirm-icon{background-color:var(--color-primary-light);border-radius:var(--radius-full);width:48px;height:48px;color:var(--color-primary-dark);justify-content:center;align-items:center;margin:0 auto 1rem;display:flex}.confirm-title{color:var(--color-text);text-align:center;font-size:1.25rem;font-weight:600;font-family:var(--font-sans);margin-bottom:.5rem}.confirm-message{color:var(--color-text-secondary);text-align:center;margin-bottom:1.5rem;font-size:1rem;line-height:1.5}.confirm-actions{gap:.75rem;display:flex}.confirm-actions button{flex:1}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes progress{0%{width:100%}to{width:0}}@media (max-width:768px){.notification-container{max-width:none;left:1rem;right:1rem}.confirm-dialog{padding:1.5rem}}@media (max-width:480px){.notification-container{top:.75rem;left:.75rem;right:.75rem}.notification,.confirm-overlay{padding:.75rem}}