.animated-error{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;min-height:300px;border-radius:12px;border:1px solid #f3f4f6;box-shadow:0 4px 20px rgba(0,0,0,.05);overflow:hidden;width:100%;height:100%}.animated-error-compact{padding:20px;min-height:200px}.error-icon-container{display:flex;justify-content:center;margin-bottom:20px}.error-icon{position:relative;width:60px;height:60px;animation:iconShake 2s ease-in-out infinite}.error-circle{position:absolute;width:100%;height:100%;border:2px solid #fecaca;border-radius:50%;animation:circlePulse 2s ease-in-out infinite}.error-cross-line{position:absolute;background:#ef4444;border-radius:3px;animation:crossAppear .6s ease-out}.line-1{transform:translateY(-50%) rotate(45deg);animation-delay:.2s;animation-fill-mode:both}.line-1,.line-2{top:50%;left:20%;width:60%;height:4px}.line-2{transform:translateY(-50%) rotate(-45deg);animation-delay:.4s;animation-fill-mode:both}.error-spark{position:absolute;background:#ef4444;border-radius:50%;animation:sparkFloat 1.5s ease-in-out infinite}.spark-1{width:6px;height:6px;top:10%;right:10%;animation-delay:0s}.spark-2{width:4px;height:4px;bottom:15%;left:10%;animation-delay:.5s}.error-content{text-align:center;max-width:90%}.error-title{color:#dc2626;font-size:1.1rem;font-weight:600;margin-bottom:8px;animation:titleAppear .8s ease-out}.error-message,.error-title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.error-message{font-size:.875rem;line-height:1.5;margin-bottom:20px;animation:messageAppear 1s ease-out}.error-button{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#ef4444,#dc2626);color:white;border:none;padding:8px 20px;border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;font-size:.85rem;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 10px rgba(239,68,68,.2);animation:buttonAppear 1.2s ease-out}.error-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(239,68,68,.3);background:linear-gradient(135deg,#dc2626,#b91c1c)}.error-button:active{transform:translateY(0)}.button-icon{font-size:.9rem;animation:spinIcon 2s linear infinite}@keyframes iconShake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-2px)}20%,40%,60%,80%{transform:translateX(2px)}}@keyframes circlePulse{0%,to{border-color:#fecaca;box-shadow:0 0 0 0 rgba(254,202,202,.4)}50%{border-color:#fca5a5;box-shadow:0 0 0 8px rgba(254,202,202,0)}}@keyframes crossAppear{0%{transform:translateY(-50%) rotate(45deg) scale(0);opacity:0}70%{transform:translateY(-50%) rotate(45deg) scale(1.1);opacity:1}to{transform:translateY(-50%) rotate(45deg) scale(1);opacity:1}}@keyframes sparkFloat{0%,to{transform:translate(0);opacity:.6}50%{transform:translate(3px,-3px);opacity:1}}@keyframes titleAppear{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes messageAppear{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes buttonAppear{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spinIcon{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}