.notification-modal{position:fixed;top:20px;right:20px;z-index:1000;max-width:400px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.notification-modal.success{background-color:rgba(40,167,69,.95);border-left:4px solid #28a745}.notification-modal.error{background-color:rgba(220,53,69,.95);border-left:4px solid #dc3545}.notification-modal.warning{background-color:rgba(255,193,7,.95);border-left:4px solid #ffc107}.notification-modal.info{background-color:rgba(0,123,255,.95);border-left:4px solid #007bff}.notification-content{display:flex;align-items:center;padding:16px;color:white}.notification-icon{font-size:18px;margin-right:12px;flex-shrink:0}.notification-message{flex-grow:1;font-size:14px;line-height:1.4}.notification-close{background:none;border:none;color:white;font-size:20px;cursor:pointer;margin-left:12px;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.7;transition:opacity .2s}.notification-close:hover{opacity:1}@media (max-width:768px){.notification-modal{top:10px;right:10px;left:10px;max-width:none}}