.notification-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .3s ease-in-out}.notification-popup{background-color:#fff;border-radius:12px;padding:24px;max-width:500px;width:90%;box-shadow:0 8px 32px rgba(0,0,0,.2);animation:slideDown .3s ease-out}.notification-error{border-left:4px solid #dc3545}.notification-success{border-left:4px solid #28a745}.notification-info{border-left:4px solid #17a2b8}.notification-content{display:flex;align-items:flex-start;gap:16px}.notification-icon{font-size:32px;flex-shrink:0}.notification-message{flex:1 1;color:#333}.notification-message p{margin:0;font-size:16px;line-height:1.5}.notification-close{background:none;border:none;font-size:28px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .2s}.notification-close:hover{color:#333}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width:600px){.notification-popup{padding:20px;max-width:95%}.notification-message p{font-size:14px}.notification-icon{font-size:24px}}