.notification-container{z-index:10000;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:20px;right:20px}.notification{pointer-events:auto;background-color:#fff;border-right:4px solid #28a745;border-radius:8px;align-items:center;gap:12px;min-width:300px;max-width:400px;padding:16px 20px;font-family:IRANSans,sans-serif;animation:.3s ease-out slideInRight;display:flex;box-shadow:0 4px 12px #00000026}.notification.success{border-right-color:#28a745}.notification.error{border-right-color:#dc3545}.notification.warning{border-right-color:#ffc107}.notification.info{border-right-color:#17a2b8}.notification-icon{flex-shrink:0;font-size:24px}.notification.success .notification-icon{color:#28a745}.notification.error .notification-icon{color:#dc3545}.notification.warning .notification-icon{color:#ffc107}.notification.info .notification-icon{color:#17a2b8}.notification-content{color:#333;flex:1;font-size:14px;line-height:1.5}.notification-close{color:#999;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:20px;transition:color .2s;display:flex}.notification-close:hover{color:#333}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (width<=768px){.notification-container{top:10px;left:10px;right:10px}.notification{min-width:auto;max-width:100%}}