#notification-container{position:fixed;top:20px;right:20px;z-index:9999;width:300px;display:flex;flex-direction:column;gap:10px;pointer-events:none;}.notification{background-color:#fff;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,0.15);padding:15px;margin-bottom:10px;opacity:0;transform:translateX(30px);transition:opacity 0.3s ease,transform 0.3s ease;position:relative;pointer-events:auto;}.notification.success{border-left:4px solid #4CAF50;}.notification.error{border-left:4px solid #f44336;}.notification.show{opacity:1;transform:translateX(0);}.notification.hide{opacity:0;transform:translateX(30px);}.notification-content{display:flex;align-items:center;gap:12px;}.notification-content i{font-size:20px;}.notification-content i.fa-check-circle{color:#4CAF50;}.notification-content i.fa-exclamation-circle{color:#f44336;}.notification-content p{flex:1;margin:0;}.notification-close{position:absolute;top:10px;right:10px;background:none;border:none;cursor:pointer;font-size:16px;color:#999;}.notification-close:hover{color:#333;}