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