.success-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}.success-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:modalBounceIn .6s cubic-bezier(.68,-.55,.265,1.55)}[data-theme=dark] .success-modal{background:linear-gradient(135deg,#1a1a1a,#121212)}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalBounceIn{0%{opacity:0;transform:scale(.3) translateY(100px)}50%{opacity:1;transform:scale(1.05) translateY(-20px)}70%{transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.success-animation{position:relative;margin-bottom:28px;display:flex;justify-content:center;align-items:center}.success-icon{position:relative;z-index:3}.success-circle{width:80px;height:80px;background:linear-gradient(135deg,#4caf50,#66bb6a);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;box-shadow:0 15px 30px rgba(76,175,80,.4);animation:successPulse .8s cubic-bezier(.68,-.55,.265,1.55);position:relative;overflow:hidden}.success-circle:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);transform:rotate(45deg);animation:shine 2s infinite}@keyframes successPulse{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes shine{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}50%{transform:translateX(100%) translateY(100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.success-circle svg{width:36px;height:36px;animation:checkmarkDraw .5s ease-in-out .3s both}@keyframes checkmarkDraw{0%{stroke-dasharray:0,100;stroke-dashoffset:0}to{stroke-dasharray:100,100;stroke-dashoffset:0}}.ripple,.success-ripples{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ripple{width:80px;height:80px;border:3px solid rgba(76,175,80,.3);border-radius:50%;animation:rippleExpand 2s infinite}.ripple:nth-child(2){animation-delay:.3s}.ripple:nth-child(3){animation-delay:.6s}@keyframes rippleExpand{0%{transform:translate(-50%,-50%) scale(1);opacity:.8}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}.success-content{position:relative;z-index:2}.success-content h3{margin:0 0 16px;font-size:28px;font-weight:700;color:#1b5e20;letter-spacing:-.5px;animation:slideInUp .6s ease-out .4s both}[data-theme=dark] .success-content h3{color:#4caf50}.success-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] .success-content p{color:#b3b3b3}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.success-btn{position:relative;padding:14px 32px;background:linear-gradient(135deg,#4caf50,#66bb6a);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}.success-btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px rgba(76,175,80,.4);background:linear-gradient(135deg,#2e7d32,#4caf50)}.success-btn:active{transform:translateY(0)}.success-btn span{position:relative;z-index:2}.btn-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}.success-btn:hover .btn-shine{left:100%}.success-confetti{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;width:8px;height:8px;background:var(--color);animation:confettiFall 3s ease-out var(--delay) both;transform-origin:center}.confetti-piece:nth-child(odd){border-radius:50%}.confetti-piece:nth-child(2n){-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%)}@keyframes confettiFall{0%{top:-10px;left:var(--x);transform:rotate(0deg);opacity:1}to{top:110%;left:calc(var(--x) + 50px);transform:rotate(var(--rotation));opacity:0}}@media (max-width:768px){.success-modal{width:95%;padding:32px 24px 24px}.success-content h3{font-size:24px}.success-content p{font-size:15px}.success-circle{width:70px;height:70px}.success-circle svg{width:32px;height:32px}.ripple{width:70px;height:70px}}@media (max-width:480px){.success-modal{width:100%;margin:20px;padding:28px 20px 20px}.success-content h3{font-size:22px}.success-content p{font-size:14px;margin-bottom:24px}.success-btn{padding:12px 24px;font-size:14px}}.success-btn:focus{outline:2px solid #4caf50;outline-offset:2px}@media (prefers-reduced-motion:reduce){.confetti-piece,.ripple,.success-btn,.success-circle,.success-content h3,.success-content p,.success-modal{animation:none}.success-circle,.success-modal{transform:none}}