.error-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:overlayFadeIn .3s ease-out}.error-modal{position:relative;width:90%;max-width:420px;background:linear-gradient(135deg,#ffffff,#f8f9fa);border-radius:24px;padding:40px 32px 32px;text-align:center;box-shadow:0 30px 60px rgba(0,0,0,.2);overflow:hidden;animation:modalShakeIn .6s cubic-bezier(.68,-.55,.265,1.55)}[data-theme=dark] .error-modal{background:linear-gradient(135deg,#1a1a1a,#121212)}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalShakeIn{0%{opacity:0;transform:scale(.3) translateY(100px)}50%{opacity:1;transform:scale(1.05) translateY(-20px) rotate(2deg)}70%{transform:scale(.95) translateY(10px) rotate(-1deg)}to{opacity:1;transform:scale(1) translateY(0) rotate(0deg)}}.error-animation{position:relative;margin-bottom:28px;display:flex;justify-content:center;align-items:center}.error-icon{position:relative;z-index:3}.error-circle{width:80px;height:80px;background:linear-gradient(135deg,#f44336,#e57373);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;box-shadow:0 15px 30px rgba(244,67,54,.4);animation:errorPulse .8s cubic-bezier(.68,-.55,.265,1.55);position:relative;overflow:hidden}.error-circle:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.3) 0,transparent 50%);animation:glowPulse 2s infinite}@keyframes errorPulse{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes glowPulse{0%,to{opacity:.3}50%{opacity:.6}}.error-circle svg{width:36px;height:36px;animation:errorIconShake .5s ease-in-out .3s both}@keyframes errorIconShake{0%,to{transform:rotate(0deg)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.error-waves,.wave{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wave{width:80px;height:80px;border:3px solid rgba(244,67,54,.3);border-radius:50%;animation:waveExpand 2s infinite}.wave:nth-child(2){animation-delay:.4s}.wave:nth-child(3){animation-delay:.8s}@keyframes waveExpand{0%{transform:translate(-50%,-50%) scale(1);opacity:.8}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}.error-content{position:relative;z-index:2}.error-content h3{margin:0 0 16px;font-size:28px;font-weight:700;color:#d32f2f;letter-spacing:-.5px;animation:slideInUp .6s ease-out .4s both}[data-theme=dark] .error-content h3{color:#f44336}.error-content p{margin:0 0 28px;font-size:16px;color:#666;font-weight:500;line-height:1.6;animation:slideInUp .6s ease-out .5s both}[data-theme=dark] .error-content p{color:#b3b3b3}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.error-btn{position:relative;padding:14px 32px;background:linear-gradient(135deg,#f44336,#e57373);border:none;border-radius:16px;color:white;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;min-width:120px;animation:slideInUp .6s ease-out .6s both}.error-btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px rgba(244,67,54,.4);background:linear-gradient(135deg,#d32f2f,#f44336)}.error-btn:active{transform:translateY(0)}.error-btn span{position:relative;z-index:2}.btn-ripple{position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.3);border-radius:50%;transform:translate(-50%,-50%);transition:all .3s ease}.error-btn:active .btn-ripple{width:200px;height:200px}.error-particles{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.particle{position:absolute;width:4px;height:4px;background:#f44336;border-radius:50%;animation:particleFloat 4s ease-out var(--delay) infinite;top:var(--y);left:var(--x)}.particle:nth-child(odd){background:#ff5722}.particle:nth-child(3n){background:#ff9800}@keyframes particleFloat{0%{transform:translateY(0) rotate(0deg) scale(1);opacity:.8}50%{transform:translateY(-20px) rotate(var(--rotation)) scale(1.2);opacity:1}to{transform:translateY(-40px) rotate(calc(var(--rotation) * 2)) scale(0);opacity:0}}@media (max-width:768px){.error-modal{width:95%;padding:32px 24px 24px}.error-content h3{font-size:24px}.error-content p{font-size:15px}.error-circle{width:70px;height:70px}.error-circle svg{width:32px;height:32px}.wave{width:70px;height:70px}}@media (max-width:480px){.error-modal{width:100%;margin:20px;padding:28px 20px 20px}.error-content h3{font-size:22px}.error-content p{font-size:14px;margin-bottom:24px}.error-btn{padding:12px 24px;font-size:14px}}.error-btn:focus{outline:2px solid #f44336;outline-offset:2px}@media (prefers-reduced-motion:reduce){.error-btn,.error-circle,.error-content h3,.error-content p,.error-modal,.particle,.wave{animation:none}.error-circle,.error-modal{transform:none}}