.SpinningWheelModal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:9999999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.SpinningWheelContainer{background:#be0101;border-radius:20px;padding:30px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px rgba(0,0,0,.3);position:relative;animation:modalSlideIn .3s ease-out;height:90vh}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.8) translateY(-50px)}to{opacity:1;transform:scale(1) translateY(0)}}.SpinningWheelHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;position:relative;z-index:99999}.SpinningWheelHeader h2{color:#fff;font-size:24px;font-weight:700;text-align:center;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.CloseButton{background:#fff;padding:10px 16px;background-color:#d9534f;color:#fff;border:none;text-transform:capitalize;font-weight:500;cursor:pointer;transition:background-color .3s}.SpinningWheelContent{display:flex;flex-direction:column;align-items:center;gap:30px}.WheelContainer{position:relative;width:320px;height:320px;margin:0 auto;aspect-ratio:1}.SpinningWheel{width:100%;height:100%;border-radius:50%;position:relative;border:6px solid #fff;box-shadow:0 0 25px rgba(0,0,0,.4);overflow:hidden;background:#f8f9fa;aspect-ratio:1;transform-origin:center center;animation-direction:normal}.WheelSVG{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;overflow:visible;shape-rendering:geometricPrecision}.SegmentContent{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:11px;line-height:1.2;pointer-events:none;z-index:2}.CouponDiscount{font-size:14px;font-weight:700;margin-bottom:2px}.CouponCode,.CouponDiscount{text-shadow:1px 1px 3px rgba(0,0,0,.8)}.CouponCode{font-size:10px;font-weight:400}.WheelPointer{position:absolute;top:-25px;left:50%;transform:translateX(-50%);z-index:10}.PointerArrow{width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:40px solid #fff;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));position:relative}.PointerArrow:after{content:"";position:absolute;top:-42px;left:-18px;width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-top:36px solid #ff6b6b}.SpinningWheel:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;border:4px solid #fff;box-shadow:0 0 15px rgba(0,0,0,.3);z-index:5}.WheelControls{width:100%;display:flex;flex-direction:column;align-items:center;gap:20px}.SpinButton{background:#d0bf60;color:#000;border:none;padding:12px 30px;font-size:18px;font-weight:700;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px hsla(0,100%,71%,.4);text-transform:uppercase;letter-spacing:1px}.SpinButton:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px hsla(0,100%,71%,.6)}.SpinButton:disabled{opacity:.7;cursor:not-allowed}.SpinButton.Spinning{animation:pulse 1s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.WinningResult{text-align:center;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#be0101;z-index:99;width:100%;height:100%;padding:80px}@media(max-width:425px){.WinningResult{top:47%;padding:40px}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.ResultHeader{margin-bottom:30px}.ResultHeader .SuccessIcon{margin-bottom:16px;animation:bounceIn .6s ease-out}.ResultHeader h3{font-size:28px;font-weight:700;margin-bottom:8px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.ResultHeader p{font-size:16px;color:hsla(0,0%,100%,.8);margin:0}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.WonCoupon{margin:30px 0}.CouponCard{background:linear-gradient(135deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,.05));border-radius:20px;padding:0;border:1px solid hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px rgba(0,0,0,.1);overflow:hidden;position:relative}.CouponHeader{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 16px;background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05))}.CouponHeader .CouponDiscount{font-size:28px;font-weight:800;color:gold;text-shadow:0 2px 8px rgba(255,215,0,.3);line-height:1}.CouponHeader .CouponBadge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:6px 12px;border-radius:12px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 2px 8px rgba(16,185,129,.3)}.CouponDetails{padding:14px 24px 24px}.CouponDetails .CouponCode{font-size:20px;font-weight:700;color:#fff;margin-bottom:8px;letter-spacing:2px;background:hsla(0,0%,100%,.1);padding:12px 20px;border-radius:12px;display:inline-block;border:1px solid hsla(0,0%,100%,.2)}.CouponDetails .CouponDescription{font-size:14px;color:hsla(0,0%,100%,.8);margin:0;line-height:1.5}.CopyCouponButton{background-color:#fff;color:#be0101;border:none;padding:16px 32px;border-radius:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:8px;margin:20px 24px 24px;width:calc(100% - 48px);justify-content:center}.CopyCouponButton:hover{transform:translateY(-2px);background-color:#d0bf60;color:#262626}.CopyCouponButton:active{transform:translateY(0);box-shadow:0 4px 20px rgba(102,126,234,.4)}.CopyCouponButton svg{transition:transform .2s ease}.CopyCouponButton:hover svg{transform:scale(1.1)}.NoCouponMessage{text-align:center;padding:40px 24px;color:hsla(0,0%,100%,.7)}.NoCouponMessage .NoCouponIcon{margin-bottom:16px;opacity:.6}.NoCouponMessage p{font-size:16px;font-weight:500;margin:0}.ResultActions{display:flex;gap:8px;justify-content:center;margin-top:32px}@media(max-width:425px){.ResultActions{margin-top:10px}}.CloseResultButton,.SpinAgainButton{padding:10px 28px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:8px;min-width:140px;justify-content:center}.SpinAgainButton{background:#d0bf60;color:#000}.SpinAgainButton:hover{transform:translateY(-2px);background-color:#fff;color:#000}.SpinAgainButton:active{transform:translateY(0)}.SpinAgainButton svg{transition:transform .3s ease}.SpinAgainButton:hover svg{transform:rotate(180deg)}.CloseResultButton{background:#fff;color:#be0101}.CloseResultButton:hover{transform:translateY(-2px);background:transparent;color:#fff;border:1px solid #fff}.CloseResultButton:active{transform:translateY(0)}.CloseResultButton svg{transition:transform .2s ease}.CloseResultButton:hover svg{transform:scale(1.1)}.SpinningWheelTrigger{position:fixed;bottom:20px;right:20px;z-index:1000}@media(max-width:425px){.SpinningWheelTrigger{bottom:69px}}.TriggerButton{width:60px;height:60px;border-radius:50%;background:linear-gradient(45deg,#ff6b6b,#ee5a24);border:none;color:#fff;font-size:24px;cursor:pointer;box-shadow:0 4px 15px hsla(0,100%,71%,.4);transition:all .3s ease;animation:bounce 2s infinite}@media(max-width:425px){.TriggerButton{width:45px;height:45px}}.TriggerButton:hover{transform:scale(1.1);box-shadow:0 6px 20px hsla(0,100%,71%,.6)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.WonCouponsDisplay{background:#f8f9fa;border-radius:12px;padding:20px;margin:20px 0}.NoCouponsMessage{text-align:center;padding:40px 20px;color:#6c757d}.NoCouponsMessage p{font-size:16px;margin:0}.WonCouponsHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.WonCouponsHeader h3{margin:0;color:#333;font-size:20px}.WonCouponsHeader .CouponCount{background:linear-gradient(45deg,#ff6b6b,#ee5a24);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700}.WonCouponsList{display:grid;grid-gap:15px;gap:15px}.WonCouponCard{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,.1);border-left:4px solid #4ecdc4;transition:all .3s ease;cursor:pointer;position:relative}.WonCouponCard:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.15)}.WonCouponCard.Used{opacity:.6;border-left-color:#ccc}.WonCouponCard.Used .CouponColorIndicator{opacity:.5}.WonCouponCard.Active{border-left-color:#4ecdc4}.CouponCardHeader{display:flex;align-items:center;gap:12px;margin-bottom:12px}.CouponColorIndicator{width:12px;height:12px;border-radius:50%;flex-shrink:0}.CouponInfo{flex:1 1}.CouponInfo .CouponDiscount{font-size:18px;font-weight:700;color:#333;margin-bottom:4px}.CouponInfo .CouponCode{font-size:14px;color:#666;font-family:monospace;background:#f8f9fa;padding:2px 8px;border-radius:4px;display:inline-block}.UsedBadge{background:#6c757d;color:#fff;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:700;text-transform:uppercase}.CouponDescription{color:#666;font-size:14px;margin-bottom:12px;line-height:1.4}.CouponActions{display:flex;gap:8px;margin-bottom:8px}.CopyButton,.UseButton{padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;transition:all .3s ease}.CopyButton:disabled,.UseButton:disabled{opacity:.5;cursor:not-allowed}.CopyButton{background:#e9ecef;color:#495057}.CopyButton:hover:not(:disabled){background:#dee2e6}.UseButton{background:linear-gradient(45deg,#4ecdc4,#44a08d);color:#fff}.UseButton:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(78,205,196,.3)}.CouponWonDate{font-size:11px;color:#999;text-align:right}.ViewAllCoupons{text-align:center;margin-top:20px}.ViewAllButton{background:transparent;border:2px solid #4ecdc4;color:#4ecdc4;padding:10px 20px;border-radius:25px;font-weight:700;cursor:pointer;transition:all .3s ease}.ViewAllButton:hover{background:#4ecdc4;color:#fff}@media(max-width:768px){.SpinningWheelContainer{padding:20px;margin:20px;max-width:90%}.WheelContainer{width:280px;height:280px;aspect-ratio:1}.SpinningWheelHeader h2{font-size:20px}.CouponDiscount{font-size:12px}.CouponCode{font-size:9px}.SpinButton{padding:12px 24px;font-size:16px}.ResultActions{flex-direction:column;align-items:center}.CloseResultButton,.SpinAgainButton{width:100%;max-width:200px}.SpinningWheel:after{width:50px;height:50px}}@media(max-width:480px){.WheelContainer{width:240px;height:240px;aspect-ratio:1}.SpinningWheelHeader h2{font-size:18px}.CouponDiscount{font-size:11px}.CouponCode{font-size:8px}.SpinningWheel:after{width:40px;height:40px}.PointerArrow{border-left:14px solid transparent;border-right:14px solid transparent;border-top:28px solid #fff}.PointerArrow:after{top:-30px;left:-12px;border-left:12px solid transparent;border-right:12px solid transparent;border-top:24px solid #ff6b6b}}