.notification-container{position:fixed;top:80px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:400px;pointer-events:none}.notification{background:#fff;border-radius:8px;padding:1rem 1.25rem;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:12px;min-width:300px;max-width:400px;pointer-events:auto;animation:slideInRight .3s ease-out;border-left:4px solid;position:relative;overflow:hidden}.notification.success{border-left-color:var(--success)}.notification.error{border-left-color:var(--danger)}.notification.warning{border-left-color:var(--warning)}.notification.info{border-left-color:var(--primary)}.notification-icon{font-size:1.5rem;flex-shrink:0}.notification.success .notification-icon{color:var(--success)}.notification.error .notification-icon{color:var(--danger)}.notification.warning .notification-icon{color:var(--warning)}.notification.info .notification-icon{color:var(--primary)}.notification-content{flex:1;min-width:0}.notification-title{font-weight:600;font-size:.95rem;margin-bottom:.25rem;color:var(--dark)}.notification-message{font-size:.85rem;color:var(--gray);line-height:1.4}.notification-close{background:none;border:none;color:var(--gray);cursor:pointer;font-size:1.2rem;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .2s}.notification-close:hover{color:var(--dark)}.notification-progress{position:absolute;bottom:0;left:0;height:3px;background:#0000001a;animation:progressBar linear forwards}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes progressBar{0%{width:100%}to{width:0%}}.notification.slide-out{animation:slideOutRight .3s ease-out forwards}@media (max-width: 768px){.notification-container{top:70px;right:10px;left:10px;max-width:none}.notification{min-width:auto;max-width:none}}