.animated-message{position:fixed;top:-100px;left:50%;transform:translate(-50%);z-index:9999;width:90%;max-width:400px;padding:1rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;display:flex;align-items:center;gap:.75rem;animation:slideInFromTop .5s ease-in-out forwards,fadeOut .5s ease-in-out 2.5s forwards;box-shadow:0 4px 12px #0003;text-align:center}.animated-message p{margin:0;flex:1}.animated-message.alert-success{background-color:#cce5ff;color:#004085;border:1px solid #b8daff}.animated-message.alert-danger{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.animated-message .icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.animated-message .checkmark{width:24px;height:24px;border-radius:50%;border:2px solid #007bff;display:flex;align-items:center;justify-content:center;position:relative}.animated-message .checkmark:before{content:"";position:absolute;width:8px;height:14px;border:solid #007bff;border-width:0 2px 2px 0;transform:rotate(45deg);animation:checkmarkAnimation .5s ease-in-out}.animated-message .cross{width:24px;height:24px;position:relative}.animated-message .cross:before,.animated-message .cross:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:2px;background-color:#dc3545;transform-origin:center}.animated-message .cross:before{transform:translate(-50%,-50%) rotate(45deg);animation:crossAnimation .3s ease-in-out}.animated-message .cross:after{transform:translate(-50%,-50%) rotate(-45deg);animation:crossAnimation .3s ease-in-out}@keyframes slideInFromTop{0%{top:-100px;opacity:0}to{top:20px;opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;top:-100px}}@keyframes checkmarkAnimation{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes crossAnimation{0%{transform:scaleX(0)}to{transform:scaleX(1)}}