:root{--bg:#07080d;--card:#11131b;--card2:#0c0e14;--line:#272b38;--muted:#9ba1b0;--text:#f7f7fb;--purple:#8b5cf6;--purple2:#6841dd;--cyan:#67e8f9;--gold:#fbbf24;--green:#34d399;--red:#fb7185} *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 10% 10%,rgba(124,85,232,.18),transparent 27%),radial-gradient(circle at 90% 20%,rgba(34,211,238,.11),transparent 24%),radial-gradient(circle at 50% 80%,rgba(99,102,241,.10),transparent 34%),linear-gradient(135deg,#05060a,#0a0b12 48%,#080914)}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,transparent 42%,rgba(0,0,0,.46) 100%)} button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.nav{position:sticky;top:0;z-index:40;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;background:rgba(7,8,13,.88);backdrop-filter:blur(18px);border-bottom:1px solid #20232e}.logo{font-size:25px;font-weight:950;letter-spacing:-1.2px;text-decoration:none}.logo span{background:linear-gradient(90deg,var(--purple),var(--cyan));-webkit-background-clip:text;color:transparent}.logo small{font-size:8px;letter-spacing:2px;color:#737987;margin-left:7px}.nav-links{display:flex;gap:23px;color:#b8bdc9}.nav-links a{text-decoration:none;font-size:13px}.nav-links a:hover{color:#fff}.cart-btn{border:1px solid #383c4b;background:#151821;color:#fff;border-radius:12px;padding:10px 13px;font-weight:800}.badge-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;margin-left:5px;border-radius:20px;background:linear-gradient(135deg,var(--purple),#5b35d0);font-size:11px} .hero{max-width:1250px;margin:auto;padding:82px 5.5% 54px;text-align:center}.eyebrow{color:#b39cff;font-size:10px;font-weight:900;letter-spacing:2.2px}.hero h1{font-size:clamp(42px,7vw,76px);line-height:1.01;letter-spacing:-4px;margin:15px auto 17px;max-width:900px;width:100%;text-align:center}.hero h1 span{background:linear-gradient(90deg,#b69cff,#67e8f9);-webkit-background-clip:text;color:transparent}.hero p{max-width:700px;margin:0 auto 25px;color:#aeb4c2;line-height:1.7}.hero-badges{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:18px 0 25px}.hero-badge{border:1px solid #2e3240;background:#10121a;color:#c9cdd7;border-radius:999px;padding:7px 11px;font-size:11px}.search-wrap{position:relative;width:min(590px,100%);margin:auto}.search{width:100%;padding:14px 17px 14px 42px;border-radius:13px;border:1px solid #2d3140;background:#11131a;color:#fff;outline:none}.search:focus{border-color:#7655dc;box-shadow:0 0 0 3px #8b5cf61a}.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#7e8493} .section{max-width:1250px;margin:auto;padding:48px 5.5% 78px}.section-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.section-title h2{font-size:32px;letter-spacing:-1.2px;margin:4px 0 0}.section-title p{color:#8f95a4;font-size:12px;margin:0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.product{position:relative;background:var(--card);border:1px solid #252936;border-radius:19px;overflow:hidden;transition:.22s;cursor:pointer}.product:hover{transform:translateY(-5px);border-color:#7655dc;box-shadow:0 20px 55px #0008}.poster{aspect-ratio:4/5;min-height:270px;display:flex;align-items:flex-end;padding:17px;position:relative;background:#151821 center/cover no-repeat}.poster:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#000d 0%,rgba(0,0,0,.18) 58%,transparent 100%);pointer-events:none}.poster strong{position:relative;z-index:2;font-size:21px;letter-spacing:-.7px;text-shadow:0 2px 12px #000}.product-badges{position:absolute;top:13px;left:13px;z-index:3;display:flex;gap:6px;flex-wrap:wrap}.tag{padding:5px 8px;border-radius:999px;background:#0b0d12d9;border:1px solid #45495a;color:#e9eaf0;font-size:9px;font-weight:900;letter-spacing:.5px}.tag.hot{color:#ffd36b;border-color:#705817;background:#241e0b}.tag.stock-low{color:#fda4af;border-color:#6b2735;background:#2b1017}.product-info{padding:15px}.product-info h3{font-size:17px;margin:0 0 5px}.product-info p{font-size:12px;color:#9197a5;line-height:1.55;margin:0 0 13px;min-height:38px}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.price{font-weight:900}.from{font-size:10px;color:#747a89;display:block;margin-bottom:2px}.add{border:0;background:linear-gradient(135deg,var(--purple),var(--purple2));color:#fff;border-radius:10px;padding:9px 12px;font-size:12px;font-weight:850}.empty{display:none;text-align:center;color:#9ca1ae;padding:45px}.poster.p1{background-image:url('../images/netflix.jpg')}.poster.p2{background-image:url('../images/disney.jpg')}.poster.p3{background-image:url('../images/hbomax.jpg')}.poster.p4{background-image:url('../images/paramount.jpg')}.poster.p5{background-image:url('../images/primevideo.jpg')}.poster.p6{background-image:url('../images/youtubepremium.jpg')}.poster.p7{background-image:url('../images/crunchyroll.jpg')}.poster.p8{background-image:url('../images/canva.jpg')}.poster.p9{background-image:url('../images/vix.jpg')}.poster.p10{background-image:url('../images/spotify.jpg')}.poster.p11{background-image:url('../images/freefire.jpg')}.poster.p12{background-image:url('../images/roblox.jpg')}.poster.p13{background-image:url('../images/steam.jpg')}.poster.p14{background-image:url('../images/playstation.jpg')}.poster.p15{background-image:url('../images/xbox.jpg')}.poster.p16{background-image:url('../images/chatgpt.jpg')}.poster.p17{background-image:url('../images/claude.jpg')}.poster.p18{background-image:url('../images/gemini.jpg')}.poster.p19{background-image:url('../images/youtubemusic.jpg')}.poster.p20{background-image:url('../images/applemusic.jpg')}.poster.p21{background-image:url('../images/googleone.jpg')}.poster.p22{background-image:url('../images/capcut.jpg')}.poster.p23{background-image:url('../images/adobe.jpg')}.poster.p24{background-image:url('../images/coursera.jpg')}.poster.p25{background-image:url('../images/microsoft365.jpg')}.poster.p26{background-image:url('../images/vpn.jpg')}.poster.p27{background-image:url('../images/cloud.jpg')}.poster[class*="pt"]{background:linear-gradient(135deg,#11131a,#2a1d46,#0b2025)}.mini-poster.p1{background-image:url('../images/netflix.jpg')}.mini-poster.p2{background-image:url('../images/disney.jpg')}.mini-poster.p3{background-image:url('../images/hbomax.jpg')}.mini-poster.p4{background-image:url('../images/paramount.jpg')}.mini-poster.p5{background-image:url('../images/primevideo.jpg')}.mini-poster.p6{background-image:url('../images/youtubepremium.jpg')}.mini-poster.p7{background-image:url('../images/crunchyroll.jpg')}.mini-poster.p8{background-image:url('../images/canva.jpg')}.mini-poster.p9{background-image:url('../images/vix.jpg')}.mini-poster.p10{background-image:url('../images/spotify.jpg')}.mini-poster.p11{background-image:url('../images/freefire.jpg')}.mini-poster.p12{background-image:url('../images/roblox.jpg')}.mini-poster.p13{background-image:url('../images/steam.jpg')}.mini-poster.p14{background-image:url('../images/playstation.jpg')}.mini-poster.p15{background-image:url('../images/xbox.jpg')}.mini-poster.p16{background-image:url('../images/chatgpt.jpg')}.mini-poster.p17{background-image:url('../images/claude.jpg')}.mini-poster.p18{background-image:url('../images/gemini.jpg')}.mini-poster.p19{background-image:url('../images/youtubemusic.jpg')}.mini-poster.p20{background-image:url('../images/applemusic.jpg')}.mini-poster.p21{background-image:url('../images/googleone.jpg')}.mini-poster.p22{background-image:url('../images/capcut.jpg')}.mini-poster.p23{background-image:url('../images/adobe.jpg')}.mini-poster.p24{background-image:url('../images/coursera.jpg')}.mini-poster.p25{background-image:url('../images/microsoft365.jpg')}.mini-poster.p26{background-image:url('../images/vpn.jpg')}.mini-poster.p27{background-image:url('../images/cloud.jpg')}.mini-poster[class*="pt"]{background:linear-gradient(135deg,#11131a,#2a1d46,#0b2025)}.mini-poster{background-size:cover;background-position:center}.mini-card .mini-poster{min-height:150px} .modal-bg,.payment-modal-bg,.tutorial-bg{position:fixed;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(9px);display:none;align-items:center;justify-content:center;padding:16px;z-index:100}.modal-bg.open,.payment-modal-bg.open,.tutorial-bg.open{display:flex}.modal,.payment-modal,.tutorial-modal{width:min(920px,100%);max-height:92vh;overflow:auto;background:#10121a;border:1px solid #303441;border-radius:20px;box-shadow:0 30px 110px #000d}.modal-head,.payment-modal-head,.tutorial-modal-head{display:flex;justify-content:space-between;align-items:center;padding:17px 21px;border-bottom:1px solid #282b35}.modal-head strong{font-size:20px}.close{border:0;background:#20232d;color:#fff;border-radius:9px;width:38px;height:38px;font-size:20px}.modal-body{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;padding:20px}.panel{background:#0b0d12;border:1px solid #242733;border-radius:15px;padding:18px}.panel h3{margin:0 0 8px}.info-text{color:#aeb4c1;font-size:13px;line-height:1.7}.plan{border:1px solid #292d39;background:#12151d;border-radius:13px;padding:13px;margin:9px 0;transition:.18s}.plan:hover,.plan.selected{border-color:#8b5cf6;background:#19152a}.plan-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.plan-name{font-weight:900;font-size:13px}.plan-meta{display:flex;align-items:center;gap:7px;margin-top:6px;flex-wrap:wrap}.plan-price{font-weight:900}.plan-stock{font-size:10px;color:#c4b5fd;font-weight:850;background:#1b1630;border:1px solid #35285b;padding:4px 7px;border-radius:999px}.plan-stock.out{color:#fda4af;background:#2a1017;border-color:#642735}.plan button{border:1px solid #7655dc;background:#201936;color:#ddd;border-radius:9px;padding:7px 10px;font-size:11px;font-weight:800}.plan button:disabled{opacity:.45;cursor:not-allowed}.plan-desc{color:#9ca1ae;font-size:11px;line-height:1.55;margin-top:8px}.benefits{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:8px}.benefits li{font-size:12px;color:#b8bdc9}.benefits li:before{content:'✓';color:#67e8f9;font-weight:900;margin-right:8px}.modal-actions{padding:0 20px 20px;display:flex;gap:9px}.primary{flex:1;border:0;background:linear-gradient(135deg,#8b5cf6,#6841dd);color:#fff;padding:13px;border-radius:11px;font-weight:900}.secondary{border:1px solid #303441;background:#151821;color:#fff;padding:13px 17px;border-radius:11px} .cart-panel{position:fixed;right:0;top:0;width:min(440px,100%);height:100%;z-index:80;background:#10121a;border-left:1px solid #303441;transform:translateX(100%);transition:.25s;padding:20px;box-shadow:-25px 0 70px #0008;overflow:auto}.cart-panel.open{transform:translateX(0)}.cart-head{display:flex;justify-content:space-between;align-items:center}.cart-items{margin-top:20px}.cart-item{border:1px solid #292d38;background:#0b0d12;border-radius:12px;padding:12px;margin-bottom:9px}.cart-item-top{display:flex;justify-content:space-between;gap:10px}.remove{background:none;border:0;color:#fb7185;font-size:11px}.cart-total{border-top:1px solid #292d38;margin-top:17px;padding-top:17px;display:flex;justify-content:space-between;font-weight:900;font-size:17px}.checkout{width:100%;margin-top:15px}.payment-box{margin-top:19px;padding:16px;border:1px solid #292d38;background:#0b0d12;border-radius:14px}.payment-box h3{margin:0 0 6px;font-size:16px}.payment-box>p{margin:0 0 12px;color:#9ca1ae;font-size:12px;line-height:1.5}.payment-modal{width:min(520px,100%)}.payment-modal-head h2{margin:0;font-size:21px}.payment-modal-body{padding:22px;text-align:center}.payment-modal-body p{color:#aeb2bf;font-size:13px;line-height:1.6;margin:8px 0}.copy-btn{border:1px solid #3a2c62;background:#171326;color:#d8ccff;border-radius:9px;padding:8px 12px;font-size:11px;font-weight:850;margin-top:8px} .tutorial-modal-head h2{margin:0;font-size:23px}.quick-modal-head h2{margin:0;font-size:22px}.quick-modal-body{padding:20px}.quick-modal-intro{margin:0 0 16px;color:#9ca1ae;font-size:12px;line-height:1.6}.quick-modal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.quick-modal-grid .mini-card{transition:.18s}.quick-modal-grid .mini-card:hover{transform:translateY(-3px);border-color:#7655dc}.quick-modal-empty{padding:28px 10px;text-align:center;color:#8f94a2;font-size:12px;border:1px dashed #292d38;border-radius:13px;background:#0b0d12}.quick-orders{display:grid;gap:10px}.quick-order-card{border:1px solid #292d38;background:#0b0d12;border-radius:13px;padding:13px}.quick-order-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.quick-order-head strong{font-size:12px}.quick-order-status{font-size:10px;font-weight:850;color:#c4b5fd;background:#1b1630;border:1px solid #35285b;border-radius:999px;padding:5px 8px}.quick-order-meta{margin-top:6px;color:#8f95a4;font-size:11px}.quick-order-items{margin-top:9px;padding-top:9px;border-top:1px solid #242733;color:#b8bdc9;font-size:11px;line-height:1.6}@media(max-width:700px){.quick-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.quick-modal-grid{grid-template-columns:1fr}}.tutorial-modal-body{padding:20px}.tutorial-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.tutorial-card{background:#0b0d12;border:1px solid #272a35;border-radius:15px;padding:20px}.step-number{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#241b40;color:#c4b5fd;font-weight:900;margin-bottom:15px}.tutorial-card h3{margin:0 0 7px;font-size:16px}.tutorial-card p{margin:0;color:#9ca1ae;font-size:12px;line-height:1.65} .reviews-section{padding-top:50px}.reviews-intro{text-align:center;max-width:680px;margin:0 auto 28px}.reviews-intro h2{font-size:32px;margin:6px 0 8px}.reviews-intro p{color:#969baa;margin:0;line-height:1.6}.review-layout{display:grid;grid-template-columns:320px 1fr;gap:18px}.review-form,.reviews-list{background:#11131a;border:1px solid #252936;border-radius:16px;padding:20px}.review-form h3,.reviews-list h3{margin:0 0 14px}.review-label{display:block;font-size:11px;color:#aeb2bf;margin:12px 0 6px}.review-input,.review-textarea{width:100%;border:1px solid #2a2d38;background:#0b0d12;color:#fff;border-radius:10px;padding:11px 12px;outline:none}.review-textarea{min-height:100px;resize:vertical}.star-picker{display:flex;gap:4px;flex-direction:row-reverse;justify-content:flex-end}.star-picker input{display:none}.star-picker label{font-size:27px;color:#3b3f4b;cursor:pointer}.star-picker label:hover,.star-picker label:hover~label,.star-picker input:checked~label{color:#fbbf24}.review-submit{width:100%;border:0;background:linear-gradient(135deg,#8b5cf6,#6841dd);color:#fff;padding:12px;border-radius:10px;font-weight:900;margin-top:8px}.review-summary{display:flex;align-items:center;gap:15px;background:#0b0d12;border:1px solid #242733;border-radius:12px;padding:14px;margin-bottom:12px}.review-average{font-size:30px;font-weight:950}.review-stars{color:#fbbf24;letter-spacing:2px}.review-count{font-size:11px;color:#8f94a2}.review-card{border-top:1px solid #252936;padding:14px 0}.review-card:first-of-type{border-top:0}.review-card-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.review-name{font-weight:850}.review-date{font-size:10px;color:#777d8a}.review-card p{margin:7px 0 0;color:#aeb2bf;font-size:12px;line-height:1.6}.review-empty{color:#8f94a2;font-size:12px;padding:12px 0} .info-panel{background:linear-gradient(135deg,#11131a,#0c0e14);border:1px solid #292d38;border-radius:18px;padding:22px}.rules-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}.rule{background:#0b0d12;border:1px solid #242733;border-radius:13px;padding:15px}.rule strong{display:block;margin-bottom:6px;font-size:13px}.rule p{margin:0;color:#9ca1ae;font-size:11px;line-height:1.6} footer{border-top:1px solid #20232d;padding:28px 5.5%;color:#777d8a;text-align:center;font-size:11px}.footer-links{display:flex;justify-content:center;gap:16px;margin-bottom:8px;color:#9ba1b0}.footer-links a{text-decoration:none} .toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#151821;border:1px solid #3a3f4e;color:#fff;padding:11px 15px;border-radius:11px;box-shadow:0 15px 45px #0008;z-index:200;transition:.2s;font-size:12px}.toast.show{opacity:1;transform:translate(-50%,0)} @media(max-width:800px){.nav-links{display:none}.grid{grid-template-columns:1fr}.modal-body{grid-template-columns:1fr}.review-layout{grid-template-columns:1fr}.section-title{display:block}.section-title p{margin-top:7px}.hero{padding-top:58px}}@media(max-width:600px){.tutorial-grid,.rules-grid{grid-template-columns:1fr}.poster{min-height:300px}.hero h1{letter-spacing:-2.5px}.modal-actions{flex-direction:column}.secondary{width:100%}}@media(max-width:430px){.poster{min-height:280px}.hero{padding-left:4.5%;padding-right:4.5%}.section{padding-left:4.5%;padding-right:4.5%}} .menu-wrap{position:relative;margin-left:auto;margin-right:10px}.menu-btn{width:42px;height:42px;border:1px solid #383c4b;background:#151821;color:#fff;border-radius:11px;font-size:22px;display:grid;place-items:center}.side-menu{position:absolute;right:0;top:50px;width:245px;background:#10121a;border:1px solid #303441;border-radius:15px;box-shadow:0 22px 60px #000b;padding:8px;display:none;z-index:120}.side-menu.open{display:block}.side-menu button{width:100%;border:0;background:transparent;color:#fff;text-align:left;padding:12px;border-radius:10px;font-size:12px;font-weight:800}.side-menu button:hover{background:#1a1d27}.menu-user{padding:12px;border-bottom:1px solid #292d38;margin-bottom:5px}.menu-user strong{display:block;font-size:13px}.menu-user span{display:block;color:#8f95a4;font-size:10px;margin-top:4px;overflow:hidden;text-overflow:ellipsis} .email-confirm-bg{position:fixed;inset:0;background:rgba(0,0,0,.84);backdrop-filter:blur(12px);display:none;align-items:center;justify-content:center;padding:20px;z-index:160}.email-confirm-bg.open{display:flex}.email-confirm-modal{width:min(520px,100%);background:linear-gradient(180deg,#171a25,#0d0f16);border:1px solid #4b3a78;border-radius:24px;padding:34px 28px 28px;text-align:center;box-shadow:0 35px 120px #000e}.email-confirm-icon{width:74px;height:74px;margin:0 auto 18px;display:grid;place-items:center;border-radius:50%;background:#211936;border:1px solid #5b438d;font-size:34px}.email-confirm-modal h2{margin:0 0 12px;font-size:clamp(24px,5vw,31px);letter-spacing:-.8px}.email-confirm-main{margin:0;color:#b7bdca;font-size:14px;line-height:1.6}.email-confirm-address{margin:12px 0 15px;padding:12px 14px;border-radius:12px;background:#0a0c12;border:1px solid #303444;color:#d8c9ff;font-weight:900;word-break:break-word}.email-confirm-note{margin:0 auto 22px;max-width:430px;color:#9da4b3;font-size:13px;line-height:1.7}.email-confirm-btn{width:100%;border:0;border-radius:12px;padding:13px;background:linear-gradient(135deg,#8b5cf6,#6841dd);color:#fff;font-weight:900;font-size:14px}.otp-input{width:100%;text-align:center;letter-spacing:9px;font-size:30px;font-weight:950;padding:14px 10px;border-radius:14px;border:1px solid #3b3157;background:#090b10;color:#fff;outline:none}.otp-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf61a}.otp-input::placeholder{letter-spacing:3px;color:#555b68}.otp-timer{margin:10px 0 0;color:#8f95a4;font-size:11px}.otp-resend{border:1px solid #39334b;background:#15131e;color:#d9d1f7;border-radius:10px;padding:10px;width:100%;font-weight:850;font-size:11px;margin-top:9px}.otp-resend:disabled{opacity:.45;cursor:not-allowed}.otp-code-note{margin:0 auto 16px;max-width:430px;color:#aeb4c1;font-size:12px;line-height:1.6} .auth-bg{position:fixed;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;padding:16px;z-index:150}.auth-bg.open{display:flex}.auth-modal{width:min(430px,100%);background:#10121a;border:1px solid #303441;border-radius:20px;box-shadow:0 30px 100px #000d;overflow:hidden}.auth-head{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;border-bottom:1px solid #292d38}.auth-head h2{margin:0;font-size:20px}.auth-body{padding:20px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:16px}.auth-tab{border:1px solid #303441;background:#151821;color:#aeb4c1;border-radius:10px;padding:10px;font-size:11px;font-weight:850}.auth-tab.active{background:#241b40;border-color:#7655dc;color:#fff}.auth-form{display:grid;gap:9px}.auth-label{font-size:11px;color:#aeb4c1}.auth-password-wrap{position:relative}.auth-password-wrap .auth-input{padding-right:78px}.password-toggle{position:absolute;right:9px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#b39cff;font-size:11px;font-weight:800;padding:5px;cursor:pointer}.password-toggle:hover{color:#fff} .auth-input{width:100%;border:1px solid #2a2d38;background:#0b0d12;color:#fff;border-radius:10px;padding:11px 12px;outline:none}.auth-input:focus{border-color:#7655dc;box-shadow:0 0 0 3px #8b5cf61a}.auth-submit{border:0;background:linear-gradient(135deg,#8b5cf6,#6841dd);color:#fff;padding:12px;border-radius:10px;font-weight:900;margin-top:4px}.auth-message{display:none;min-height:0;color:#fff;font-size:13px;line-height:1.55;margin-top:10px;padding:12px 13px;border-radius:12px;border:1px solid #5a405f;background:#24151f;font-weight:750}.auth-message.show{display:block}.auth-message.success{background:#10251b;border-color:#2d6b48;color:#b7f7cf}.auth-message.warning{background:#2b2110;border-color:#765b24;color:#ffe3a3}.profile-card{background:linear-gradient(145deg,#121522,#0b0d12);border:1px solid #292d38;border-radius:16px;padding:16px;margin-top:4px}.profile-hero{display:flex;align-items:center;gap:12px;padding:4px 2px 14px}.profile-avatar{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#8b5cf6,#6841dd);font-size:25px;box-shadow:0 10px 25px #0007}.profile-hero strong{display:block;font-size:17px}.profile-hero span{display:block;color:#9ca1ae;font-size:10px;margin-top:4px}.profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}.profile-stat{background:#10131c;border:1px solid #272b36;border-radius:12px;padding:12px}.profile-stat .label{font-size:9px;color:#858b99;text-transform:uppercase;letter-spacing:.5px}.profile-stat .value{font-size:17px;font-weight:950;margin-top:5px}.profile-stat .sub{font-size:9px;color:#777d8a;margin-top:3px}.profile-info{margin-top:10px;padding:11px 12px;border-radius:12px;background:#0f1118;border:1px solid #252935;font-size:10px;color:#aeb4c1;line-height:1.8}.profile-status{display:inline-flex;align-items:center;gap:5px;margin-top:7px;padding:5px 8px;border-radius:999px;background:#12251a;color:#86efac;font-size:9px;font-weight:850}.profile-actions{display:flex;gap:8px;margin-top:12px}.profile-actions button{flex:1;border-radius:10px;padding:10px;font-size:11px;font-weight:850}.profile-logout{border:1px solid #63313c;background:#241116;color:#fda4af}.auth-note{font-size:10px;color:#777d8a;line-height:1.5;margin:8px 0 0} /* ===== MEJORAS DE TIENDA ===== */ .tools-bar{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin:0 0 20px}.filter-select,.coupon-input{border:1px solid #2d3140;background:#11131a;color:#fff;border-radius:10px;padding:10px 12px;font-size:12px;outline:none}.filter-select:focus,.coupon-input:focus{border-color:#7655dc}.tool-btn{border:1px solid #303441;background:#151821;color:#fff;border-radius:10px;padding:10px 12px;font-size:12px;font-weight:800}.tool-btn.active{border-color:#8b5cf6;background:#201936}.fav-btn{position:absolute;right:13px;top:13px;z-index:4;width:34px;height:34px;border-radius:50%;border:1px solid #45495a;background:#0b0d12d9;color:#fff;font-size:17px}.fav-btn.on{color:#fb7185;border-color:#8b3a4a}.recent-section{padding-top:0}.mini-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.mini-card{border:1px solid #252936;background:#11131a;border-radius:14px;overflow:hidden;cursor:pointer}.mini-poster{aspect-ratio:4/5;background:#151821 center/cover no-repeat}.mini-card div:last-child{padding:9px;font-size:11px;font-weight:850}.status-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}.stock-status{font-size:10px;font-weight:850;color:#9ca3af}.stock-status.ok{color:#34d399}.stock-status.low{color:#fbbf24}.stock-status.out{color:#fb7185}.discount-box{margin-top:16px;padding:14px;border:1px solid #292d38;background:#0b0d12;border-radius:13px}.discount-row{display:flex;gap:8px}.discount-row .coupon-input{flex:1}.discount-result{font-size:11px;color:#9ca1ae;margin-top:7px;min-height:16px}.receipt-box{margin-top:16px;padding:14px;border:1px solid #292d38;background:#0b0d12;border-radius:13px}.receipt-box h4{margin:0 0 5px}.receipt-box p{margin:0 0 9px;color:#8f95a4;font-size:11px;line-height:1.5}.receipt-preview{display:none;max-width:180px;max-height:180px;border-radius:10px;margin-top:10px;border:1px solid #303441}.order-note{margin-top:12px;padding:10px;border-radius:10px;background:#161327;border:1px solid #33285a;color:#c4b5fd;font-size:11px;line-height:1.5}.order-id{font-weight:950;color:#fff}.favorites-empty{color:#8f94a2;font-size:12px}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:300;background:#171a23;border:1px solid #45495a;color:#fff;padding:11px 15px;border-radius:12px;font-size:12px;box-shadow:0 15px 45px #0009;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.order-history{margin-top:18px}.order-card{border:1px solid #292d38;background:#0b0d12;border-radius:12px;padding:12px;margin-bottom:9px}.order-card strong{font-size:12px}.order-card p{margin:5px 0 0;color:#9ca1ae;font-size:11px;line-height:1.5}.install-note{display:none;margin-top:18px;text-align:center;color:#8f95a4;font-size:11px}.footer-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:24px}.featured-tag{color:#67e8f9;border-color:#1e5965;background:#0b2025}.hidden-section{display:none}.mobile-bottom{display:none} .recovery-box{margin-top:4px;padding:12px;border:1px solid #292d38;background:#0b0d12;border-radius:12px;text-align:center}.recovery-title{font-size:12px;font-weight:900}.recovery-box p{margin:4px 0 9px;color:#8f95a4;font-size:10px;line-height:1.45}.recovery-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.recovery-btn{border:1px solid #303441;background:#151821;color:#d9dce5;border-radius:9px;padding:9px 7px;font-size:10px;font-weight:850}.recovery-btn:hover{border-color:#7655dc;background:#201936}.auth-message.show{font-size:13px!important;font-weight:850;padding:12px 14px!important;line-height:1.5;border-radius:11px}.auth-message.success{background:#10251b;border:1px solid #245d3e;color:#86efac}.auth-message.warning{background:#2a2110;border:1px solid #6b541a;color:#facc15} @media(max-width:900px){.mini-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:600px){.mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-bar>*{flex:1}.mobile-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:70;background:#0b0d12ed;border-top:1px solid #292d38;padding:8px;gap:8px}.mobile-bottom button{flex:1;border:1px solid #303441;background:#151821;color:#fff;border-radius:10px;padding:10px;font-size:11px;font-weight:800}.hero{padding-bottom:36px}} .wallet-modal{width:min(820px,100%);max-height:92vh;overflow:auto;background:#0f1119;border:1px solid #3a3158;border-radius:22px;box-shadow:0 35px 120px #000e} .wallet-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #292d38;position:sticky;top:0;background:#10121aeF;backdrop-filter:blur(12px);z-index:2} .wallet-head h2{margin:0;font-size:21px}.wallet-body{padding:20px}.wallet-hero{display:grid;grid-template-columns:1.3fr .7fr;gap:14px} .wallet-balance{padding:20px;border-radius:18px;background:radial-gradient(circle at 85% 10%,#7c5ce633,transparent 35%),linear-gradient(135deg,#19142a,#0b0d12);border:1px solid #4a3970;position:relative;overflow:hidden} .wallet-balance:after{content:'₿';position:absolute;right:18px;bottom:-25px;font-size:130px;font-weight:950;color:#ffffff08;transform:rotate(-12deg)} .wallet-kicker{font-size:10px;letter-spacing:1.7px;color:#b7a5e8;font-weight:900}.wallet-amount{font-size:clamp(34px,7vw,54px);font-weight:950;letter-spacing:-2px;margin:7px 0}.wallet-updated{font-size:10px;color:#858b99}.wallet-quick{display:grid;gap:9px}.wallet-action{border:1px solid #303441;background:#151821;color:#fff;border-radius:13px;padding:13px;text-align:left;font-weight:850}.wallet-action.primary{border:0;background:linear-gradient(135deg,#8b5cf6,#6841dd);text-align:center}.wallet-action:hover{border-color:#7655dc;transform:translateY(-1px)} .wallet-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.wallet-stat{padding:13px;border:1px solid #292d38;background:#0b0d12;border-radius:13px}.wallet-stat .label{font-size:9px;color:#858b99;text-transform:uppercase}.wallet-stat .value{font-size:18px;font-weight:950;margin-top:5px}.wallet-stat .sub{font-size:9px;color:#777d8a;margin-top:3px} .wallet-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.wallet-panel{border:1px solid #292d38;background:#0b0d12;border-radius:15px;padding:16px}.wallet-panel h3{margin:0 0 6px;font-size:15px}.wallet-muted{color:#8f95a4;font-size:11px;line-height:1.6}.wallet-level{margin-top:12px}.wallet-level-row{display:flex;justify-content:space-between;font-size:10px;color:#aeb4c1}.wallet-progress{height:8px;background:#1a1d27;border-radius:99px;overflow:hidden;margin-top:7px}.wallet-progress span{display:block;height:100%;background:linear-gradient(90deg,#8b5cf6,#67e8f9);border-radius:99px;width:0;transition:.3s} .wallet-benefits{display:grid;gap:8px;margin-top:11px}.wallet-benefit{padding:10px;border:1px solid #252936;border-radius:11px;background:#10131a;font-size:11px;color:#b8bdc9}.wallet-benefit strong{display:block;color:#fff;margin-bottom:3px}.wallet-history{margin-top:14px}.wallet-tx{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #242733}.wallet-tx:last-child{border-bottom:0}.wallet-tx-main strong{display:block;font-size:11px}.wallet-tx-main span{display:block;color:#777d8a;font-size:9px;margin-top:3px}.wallet-plus{color:#34d399;font-weight:950}.wallet-minus{color:#fb7185;font-weight:950}.wallet-empty{padding:20px 5px;text-align:center;color:#7f8592;font-size:11px} .wallet-topup-form{display:grid;gap:9px;margin-top:12px}.wallet-input,.wallet-select{width:100%;border:1px solid #2a2d38;background:#10131a;color:#fff;border-radius:10px;padding:11px 12px;outline:none}.wallet-input:focus,.wallet-select:focus{border-color:#7655dc}.wallet-preset{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.wallet-preset button{border:1px solid #303441;background:#151821;color:#fff;border-radius:9px;padding:9px 5px;font-size:10px;font-weight:850}.wallet-preset button:hover{border-color:#7655dc;background:#201936}.wallet-help{margin-top:10px;padding:10px;border-radius:10px;background:#161327;border:1px solid #33285a;color:#c4b5fd;font-size:10px;line-height:1.55}.wallet-request-list{margin-top:10px}.wallet-request{padding:9px 0;border-bottom:1px solid #242733;font-size:10px}.wallet-request:last-child{border-bottom:0}.wallet-request-top{display:flex;justify-content:space-between;gap:8px}.wallet-status{padding:4px 7px;border-radius:999px;background:#2a2110;border:1px solid #6b541a;color:#facc15;font-weight:850}.wallet-status.approved{background:#10251b;border-color:#245d3e;color:#86efac}.wallet-status.rejected{background:#2a1117;border-color:#63313c;color:#fda4af} .wallet-coupon{margin-top:12px;padding:11px;border:1px solid #3a3158;background:#12101c;border-radius:11px;color:#d8ccff;font-size:10px;line-height:1.55}.wallet-coupon strong{color:#fff}.admin-panel{display:none;position:fixed;inset:0;z-index:260;background:rgba(4,5,9,.82);backdrop-filter:blur(10px);padding:4vh 4vw}.admin-modal{width:min(980px,100%);max-height:92vh;overflow:auto;margin:auto;background:#0f1119;border:1px solid #3a3158;border-radius:20px;box-shadow:0 35px 120px #000e}.admin-head{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;border-bottom:1px solid #292d38;position:sticky;top:0;background:#10121af2;z-index:2}.admin-head h2{margin:0;font-size:19px}.admin-body{padding:18px}.admin-table{width:100%;border-collapse:collapse;font-size:11px}.admin-table th,.admin-table td{padding:10px 8px;border-bottom:1px solid #252936;text-align:left}.admin-table th{color:#9ba1b0;font-size:9px;text-transform:uppercase}.admin-balance{width:120px;border:1px solid #303441;background:#10131a;color:#fff;border-radius:8px;padding:8px}.admin-save{border:0;border-radius:8px;padding:8px 10px;background:linear-gradient(135deg,#8b5cf6,#6841dd);color:#fff;font-weight:850}.admin-note{padding:10px;border-radius:10px;background:#161327;border:1px solid #33285a;color:#c4b5fd;font-size:10px;line-height:1.5;margin-bottom:12px}.admin-scroll{overflow:auto;border:1px solid #252936;border-radius:12px}.admin-email{color:#777d8a;font-size:9px;margin-top:3px;word-break:break-all}.admin-table th:last-child,.admin-table td:last-child{text-align:right} @media(max-width:650px){.wallet-hero,.wallet-grid{grid-template-columns:1fr}.wallet-stats{grid-template-columns:1fr 1fr}.wallet-stat:last-child{grid-column:1/-1}.wallet-preset{grid-template-columns:repeat(2,1fr)}} /* ===== NEXOPLAY 2026 — REDISEÑO SEGURO ===== */ :root{--accent:#9b6cff;--accent2:#6d4aff;--surface:rgba(17,19,27,.78);--surface2:rgba(12,14,20,.92);--glow:rgba(139,92,246,.28)} body{background:#05060b}body:before{background:radial-gradient(circle at 8% 8%,rgba(139,92,246,.25),transparent 28%),radial-gradient(circle at 92% 18%,rgba(103,232,249,.13),transparent 25%),radial-gradient(circle at 50% 70%,rgba(109,74,255,.12),transparent 35%),linear-gradient(145deg,#04050a,#090a12 55%,#06070c)} .nav{position:sticky;top:0;z-index:50;background:rgba(5,6,11,.78)!important;backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)!important;box-shadow:0 10px 35px rgba(0,0,0,.18)} .logo{letter-spacing:-.04em}.logo span{background:linear-gradient(135deg,#fff,var(--accent),#67e8f9);-webkit-background-clip:text;background-clip:text;color:transparent} .hero{max-width:1220px!important;margin:0 auto!important;padding:90px 22px 46px!important;position:relative}.hero:after{content:'NEXOPLAY';position:absolute;right:2%;top:30px;font-size:clamp(70px,13vw,190px);font-weight:950;letter-spacing:-.08em;color:rgba(255,255,255,.018);pointer-events:none;z-index:-1} .hero h1{font-size:clamp(42px,7vw,82px)!important;line-height:.96!important;max-width:900px!important;letter-spacing:-.065em!important;margin:12px 0 20px!important}.hero h1 span{background:linear-gradient(90deg,#a78bfa,#67e8f9);-webkit-background-clip:text;background-clip:text;color:transparent}.hero>p{max-width:680px;font-size:17px!important;line-height:1.7!important;color:#b7bdcc!important} .hero-badges{display:flex;flex-wrap:wrap;gap:9px!important;margin:24px 0 22px!important}.hero-badge{border:1px solid rgba(255,255,255,.08)!important;background:rgba(255,255,255,.035)!important;box-shadow:inset 0 1px rgba(255,255,255,.05),0 8px 30px rgba(0,0,0,.12)}.search-wrap{max-width:720px!important;border-color:rgba(167,139,250,.28)!important;background:rgba(15,16,25,.82)!important;box-shadow:0 0 0 5px rgba(139,92,246,.035),0 20px 50px rgba(0,0,0,.25)} .section{max-width:1220px!important;padding-left:22px!important;padding-right:22px!important}.section-title{margin-bottom:24px!important}.section-title h2{font-size:clamp(26px,4vw,38px)!important;letter-spacing:-.035em} /* ===== CATÁLOGO 2.0 · CATEGORÍAS ===== */ .category-explorer{margin:0 0 22px;padding:18px;border:1px solid rgba(255,255,255,.075);border-radius:22px;background:linear-gradient(135deg,rgba(139,92,246,.10),rgba(255,255,255,.025));box-shadow:0 18px 50px rgba(0,0,0,.16)} .category-explorer-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:13px}.category-explorer-head h3{margin:4px 0 0;font-size:20px}.category-explorer-head p{margin:0;color:var(--muted);font-size:11px} .category-chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:9px}.category-chip{position:relative;min-height:66px;border:1px solid rgba(255,255,255,.075);border-radius:16px;background:rgba(255,255,255,.025);color:var(--text);cursor:pointer;padding:10px 9px;text-align:left;transition:.2s;overflow:hidden}.category-chip:hover{transform:translateY(-2px);border-color:rgba(155,108,255,.38);background:rgba(139,92,246,.09)}.category-chip.active{border-color:#9b6cff;background:linear-gradient(135deg,rgba(139,92,246,.20),rgba(103,232,249,.06));box-shadow:0 0 0 3px rgba(139,92,246,.07)}.category-chip .cat-icon{font-size:22px;display:block}.category-chip strong{display:block;font-size:11px;margin-top:3px}.category-chip span{display:block;color:#858b99;font-size:9px;margin-top:2px}.category-chip .cat-dot{position:absolute;right:9px;top:10px;width:7px;height:7px;border-radius:50%;background:#67e8f9;box-shadow:0 0 12px #67e8f9} @media(max-width:620px){.category-chips{grid-template-columns:repeat(2,1fr)}.category-explorer{padding:14px}.category-explorer-head{align-items:flex-start;flex-direction:column}} .catalog-tools{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px}.catalog-tools select,.catalog-tools button{appearance:none;border:1px solid var(--line);background:rgba(17,19,27,.8);color:var(--text);border-radius:13px;padding:11px 13px;font-weight:750;cursor:pointer}.catalog-tools button.active{border-color:#9b6cff;background:rgba(139,92,246,.16);box-shadow:0 0 0 3px rgba(139,92,246,.07)} .grid{grid-template-columns:repeat(auto-fill,minmax(245px,1fr))!important;gap:18px!important}.product{border:1px solid rgba(255,255,255,.075)!important;background:linear-gradient(180deg,rgba(19,21,31,.92),rgba(10,12,18,.95))!important;box-shadow:0 18px 45px rgba(0,0,0,.22)!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}.product:hover{transform:translateY(-6px)!important;border-color:rgba(155,108,255,.42)!important;box-shadow:0 24px 60px rgba(0,0,0,.34),0 0 35px rgba(139,92,246,.08)!important}.poster{min-height:215px!important}.product-info{padding:18px!important}.product-info h3{letter-spacing:-.02em}.price{font-size:25px!important} .info-panel{background:linear-gradient(135deg,rgba(20,22,34,.85),rgba(9,11,17,.92))!important;border:1px solid rgba(255,255,255,.07)!important;box-shadow:0 25px 70px rgba(0,0,0,.18)}.rules-grid{gap:12px!important}.rule{background:rgba(255,255,255,.025)!important;border:1px solid rgba(255,255,255,.06)!important;transition:.2s}.rule:hover{transform:translateY(-2px);border-color:rgba(155,108,255,.25)!important} .modal-bg,.tutorial-bg,.auth-bg,.payment-modal-bg{backdrop-filter:blur(12px)!important;background:rgba(0,0,0,.72)!important}.modal,.tutorial-modal,.auth-modal,.payment-modal,.wallet-modal,.admin-modal{border:1px solid rgba(255,255,255,.09)!important;box-shadow:0 35px 100px rgba(0,0,0,.55),0 0 50px rgba(139,92,246,.08)!important;background:linear-gradient(160deg,#121521,#090b11)!important} .cart-panel{background:linear-gradient(180deg,#10121b,#080a0f)!important;border-left:1px solid rgba(255,255,255,.08)!important;box-shadow:-30px 0 80px rgba(0,0,0,.45)!important}.cart-total{border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025);border-radius:16px;padding:15px;margin:12px 0}.payment-box,.discount-box,.receipt-box,.order-note{border:1px solid rgba(255,255,255,.06)!important;background:rgba(255,255,255,.025)!important;border-radius:16px!important}.checkout{width:100%;padding:15px!important;font-size:15px!important;box-shadow:0 14px 35px rgba(109,74,255,.2)} .payment-methods{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.payment-option{border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:13px;background:rgba(255,255,255,.025);cursor:pointer;transition:.2s}.payment-option:hover,.payment-option.selected{border-color:#9b6cff;background:rgba(139,92,246,.12)}.payment-option input{accent-color:#9b6cff}.payment-option strong{display:block}.payment-option small{display:block;color:var(--muted);margin-top:4px}.wallet-choice{margin-top:10px;border:1px solid rgba(103,232,249,.16);background:linear-gradient(135deg,rgba(103,232,249,.05),rgba(139,92,246,.07));border-radius:14px;padding:12px}.wallet-choice strong{color:#c4b5fd}.wallet-balance-inline{font-weight:900;color:#67e8f9} .combo-section{position:relative}.combo-hero{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;margin-bottom:20px}.combo-banner{padding:28px;border:1px solid rgba(155,108,255,.22);border-radius:24px;background:radial-gradient(circle at 90% 10%,rgba(103,232,249,.13),transparent 35%),linear-gradient(135deg,rgba(139,92,246,.14),rgba(255,255,255,.025));overflow:hidden}.combo-banner h2{font-size:clamp(28px,4vw,44px);letter-spacing:-.045em;margin:8px 0}.combo-banner p{color:#aeb5c6;line-height:1.65;max-width:650px}.combo-side{border:1px solid rgba(255,255,255,.07);border-radius:24px;padding:22px;background:rgba(255,255,255,.025)}.combo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}.combo-card{border:1px solid rgba(255,255,255,.075);border-radius:20px;padding:18px;background:linear-gradient(160deg,rgba(20,22,34,.95),rgba(9,11,16,.96));transition:.2s}.combo-card:hover{transform:translateY(-4px);border-color:rgba(155,108,255,.35)}.combo-items{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.combo-chip{font-size:11px;padding:6px 8px;border-radius:999px;background:rgba(255,255,255,.055);color:#cbd1df}.combo-price{font-size:27px;font-weight:950}.combo-save{color:#67e8f9;font-size:12px;font-weight:850}.combo-card button{width:100%;margin-top:14px} @media(max-width:720px){.hero{padding-top:64px!important}.hero h1{font-size:45px!important}.payment-methods,.combo-hero{grid-template-columns:1fr}.nav-links{display:none}.section{padding-top:48px!important}.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.product-info{padding:13px!important}.poster{min-height:170px!important}.product-info p{font-size:11px!important}.price{font-size:21px!important}.catalog-tools>*{flex:1;min-width:135px}.cart-panel{width:min(100%,420px)!important}.mobile-bottom{backdrop-filter:blur(15px);background:rgba(5,6,11,.88)!important;border-top:1px solid rgba(255,255,255,.08)!important}} @media(max-width:430px){.grid{grid-template-columns:1fr 1fr!important}.poster{min-height:145px!important}.product-info h3{font-size:14px}.add{font-size:11px!important;padding:8px!important}.hero{padding-left:16px!important;padding-right:16px!important}.section{padding-left:16px!important;padding-right:16px!important}} /* ===== VENTAS / ENTREGA DE CUENTAS — MÓDULO NUEVO, AISLADO ===== */ .template-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.template-form label{display:block;font-size:9px;color:#9ca1ae;margin-bottom:5px}.template-form input,.template-form select,.template-form textarea{width:100%;border:1px solid #303441;background:#10131a;color:#fff;border-radius:9px;padding:9px 10px;outline:none;font-size:11px}.template-form textarea{min-height:70px;resize:vertical}.template-form .full{grid-column:1/-1}.template-plan{padding:10px;border:1px solid #292d38;background:#0b0d12;border-radius:11px}.template-plan input{margin-top:5px}.template-checks{grid-column:1/-1;display:flex;gap:12px;flex-wrap:wrap;align-items:center;color:#c5cad5;font-size:10px}.template-checks label{margin:0}.template-checks input{width:auto}.template-list{display:grid;gap:8px}.template-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;border:1px solid #292d38;background:#0b0d12;border-radius:11px}.template-row strong{display:block;font-size:11px}.template-row span{display:block;color:#7f8592;font-size:9px;margin-top:3px}.template-row .danger-sale{border:1px solid #63313c;background:#241116;color:#fda4af;border-radius:8px;padding:7px 9px;font-size:10px;font-weight:850}.template-row .tool-btn{padding:7px 9px;font-size:10px}.template-form code{font-size:10px;color:#fff}@media(max-width:650px){.template-form{grid-template-columns:1fr}.template-form .full{grid-column:auto}} .sales-admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.sales-admin-tab{border:1px solid #303441;background:#151821;color:#bfc4d1;border-radius:10px;padding:9px 12px;font-size:11px;font-weight:850}.sales-admin-tab.active{border-color:#9b6cff;background:#241b40;color:#fff}.sales-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.sales-kpi{padding:13px;border:1px solid #292d38;background:#0b0d12;border-radius:13px}.sales-kpi .label{font-size:9px;color:#858b99;text-transform:uppercase}.sales-kpi .value{font-size:21px;font-weight:950;margin-top:4px}.sales-list{display:grid;gap:10px}.sale-admin-card{border:1px solid #292d38;background:#0b0d12;border-radius:14px;padding:14px}.sale-admin-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.sale-admin-top strong{font-size:13px}.sale-admin-status{padding:5px 8px;border-radius:999px;font-size:9px;font-weight:900}.sale-admin-status.pending{background:#2a2110;border:1px solid #6b541a;color:#facc15}.sale-admin-status.delivered{background:#10251b;border:1px solid #245d3e;color:#86efac}.sale-admin-meta{color:#8f95a4;font-size:10px;line-height:1.6;margin-top:6px}.sale-admin-items{margin-top:10px;padding-top:10px;border-top:1px solid #242733;color:#c5cad5;font-size:11px;line-height:1.7}.sale-admin-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.sale-admin-actions button{border:1px solid #303441;background:#151821;color:#fff;border-radius:9px;padding:9px 11px;font-size:10px;font-weight:850}.sale-admin-actions .primary-sale{border:0;background:linear-gradient(135deg,#8b5cf6,#6841dd)}.sale-admin-actions .danger-sale{border-color:#63313c;background:#241116;color:#fda4af}.sale-empty{padding:28px 10px;text-align:center;color:#8f94a2;border:1px dashed #292d38;border-radius:13px}.delivery-form{margin-top:13px;padding-top:13px;border-top:1px solid #242733;display:grid;grid-template-columns:1fr 1fr;gap:9px}.delivery-form label{font-size:9px;color:#9ca1ae}.delivery-form .full{grid-column:1/-1}.delivery-form input,.delivery-form textarea{width:100%;border:1px solid #303441;background:#10131a;color:#fff;border-radius:9px;padding:9px 10px;outline:none;font-size:11px}.delivery-form textarea{min-height:70px;resize:vertical}.delivery-form input:focus,.delivery-form textarea:focus{border-color:#7655dc}.delivery-actions{grid-column:1/-1;display:flex;gap:8px}.delivery-actions button{flex:1}.customer-delivery{margin-top:11px;padding:12px;border-radius:12px;background:linear-gradient(135deg,#12152a,#0b0d12);border:1px solid #3b3157}.customer-delivery.pending{border-color:#6b541a;background:#17130a}.customer-delivery h4{margin:0 0 5px;font-size:12px}.customer-delivery p{margin:0;color:#aeb4c1;font-size:10px;line-height:1.55}.delivery-data{display:grid;gap:8px;margin-top:10px}.delivery-data-row{display:grid;grid-template-columns:90px 1fr;gap:8px;padding:8px;border-radius:9px;background:#0a0c12;border:1px solid #252936;font-size:10px}.delivery-data-row span:first-child{color:#7f8592}.delivery-data-row span:last-child{font-weight:850;word-break:break-word}.copy-small{border:1px solid #39334b;background:#15131e;color:#d9d1f7;border-radius:8px;padding:7px 9px;font-size:10px;font-weight:850}.sales-search{width:100%;margin-bottom:10px;border:1px solid #303441;background:#10131a;color:#fff;border-radius:10px;padding:10px 12px;outline:none}.sales-search:focus{border-color:#7655dc}.sales-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:20px;background:#8b5cf6;color:#fff;font-size:9px;margin-left:5px}.order-view-btn{margin-top:9px;border:1px solid #39334b;background:#15131e;color:#d9d1f7;border-radius:9px;padding:8px 10px;font-size:10px;font-weight:850} .sale-detail-hero{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;padding:2px 0 15px;border-bottom:1px solid #292d38}.sale-detail-hero h3{margin:5px 0;font-size:20px}.sale-detail-hero p{margin:0;color:#8f95a4;font-size:11px}.sale-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.sale-detail-section{border:1px solid #292d38;background:#0b0d12;border-radius:13px;padding:13px}.sale-detail-section h4{margin:0 0 9px;font-size:11px}.sale-detail-row{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid #20232d;font-size:10px}.sale-detail-row:last-child{border-bottom:0}.sale-detail-row span{color:#7f8592}.sale-detail-row b{text-align:right;word-break:break-word}.sale-detail-full{grid-column:1/-1}.sale-detail-items{display:grid;gap:6px}.sale-detail-item{display:flex;justify-content:space-between;gap:10px;padding:8px;border-radius:9px;background:#10131a;border:1px solid #242733;font-size:10px}.sale-detail-item b{white-space:nowrap}.admin-sale-details-modal{width:min(900px,100%)}@media(max-width:650px){.sale-detail-grid{grid-template-columns:1fr}.sale-detail-full{grid-column:auto}.sale-detail-hero{flex-direction:column}}.order-card{position:relative}.order-card .order-state{display:inline-block;margin-left:6px;padding:3px 6px;border-radius:999px;background:#1b1630;border:1px solid #35285b;color:#c4b5fd;font-size:8px;font-weight:900} @media(max-width:650px){.sales-kpis{grid-template-columns:1fr 1fr}.sales-kpi:last-child{grid-column:1/-1}.delivery-form{grid-template-columns:1fr}.delivery-form .full,.delivery-actions{grid-column:auto}.delivery-actions{flex-direction:column}} /* ===== NEXOPLAY ADMIN / INVENTARIO / PLANES V2 ===== */ .admin-panel{display:none;position:fixed;inset:0;z-index:500;background:#07080d;color:var(--text);padding:0!important;backdrop-filter:none!important}.admin-modal{width:100%!important;height:100%!important;max-height:none!important;overflow:hidden!important;margin:0!important;border:0!important;border-radius:0!important;background:linear-gradient(145deg,#080a10,#0d0f18 55%,#111022)!important;box-shadow:none!important;display:flex;flex-direction:column}.admin-head{position:relative!important;top:auto!important;flex:0 0 auto;padding:18px 24px!important;background:rgba(9,11,17,.92)!important;border-bottom:1px solid #252938!important}.admin-head .admin-head-sub{color:#858b99;font-size:10px;margin-top:3px}.admin-dashboard{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:0;flex:1}.admin-sidebar{border-right:1px solid #252938;background:rgba(9,11,17,.72);padding:16px 12px;overflow:auto}.admin-brand{padding:10px 10px 18px;border-bottom:1px solid #222631;margin-bottom:12px}.admin-brand strong{font-size:17px}.admin-brand span{display:block;color:#777e8d;font-size:9px;margin-top:4px}.admin-nav{display:grid;gap:6px}.admin-nav button{width:100%;text-align:left;border:1px solid transparent;background:transparent;color:#9da3b2;border-radius:11px;padding:11px 12px;font-size:11px;font-weight:850}.admin-nav button:hover{background:#151821;color:#fff}.admin-nav button.active{background:linear-gradient(135deg,#241a3e,#171a27);border-color:#4d397c;color:#fff;box-shadow:inset 3px 0 0 var(--purple)}.admin-nav .nav-sep{height:1px;background:#222631;margin:6px 4px}.admin-main{min-width:0;overflow:auto;padding:24px 26px 50px}.admin-view{display:none;max-width:1320px;margin:0 auto}.admin-view.active{display:block}.admin-view-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px}.admin-view-head h3{margin:3px 0 0;font-size:24px;letter-spacing:-.8px}.admin-view-head p{margin:4px 0 0;color:#858b99;font-size:11px}.admin-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-btn{border:1px solid #303441;background:#151821;color:#fff;border-radius:10px;padding:9px 12px;font-size:10px;font-weight:900}.admin-btn.primary{border:0;background:linear-gradient(135deg,#8b5cf6,#6841dd)}.admin-btn.success{border-color:#285a43;background:#10251b;color:#9af0be}.admin-btn.danger{border-color:#63313c;background:#241116;color:#fda4af}.admin-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.admin-stat{border:1px solid #292d38;background:linear-gradient(145deg,#10131b,#0b0d12);border-radius:16px;padding:16px}.admin-stat .kicker{font-size:9px;color:#777e8d;text-transform:uppercase;letter-spacing:1px}.admin-stat .big{font-size:27px;font-weight:950;margin-top:6px}.admin-stat .small{font-size:9px;color:#8e94a2;margin-top:4px}.admin-stat.purple{box-shadow:inset 0 2px 0 #8b5cf6}.admin-stat.green{box-shadow:inset 0 2px 0 #34d399}.admin-stat.gold{box-shadow:inset 0 2px 0 #fbbf24}.admin-stat.cyan{box-shadow:inset 0 2px 0 #67e8f9}.admin-grid-2{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-top:14px}.admin-card{border:1px solid #292d38;background:#0b0d12;border-radius:16px;padding:16px}.admin-card h4{margin:0 0 10px;font-size:12px}.admin-list{display:grid;gap:8px}.admin-list-row{display:flex;justify-content:space-between;gap:10px;padding:10px;border:1px solid #232733;background:#10131a;border-radius:10px;font-size:10px}.admin-list-row span{color:#858b99}.admin-muted{color:#858b99;font-size:10px;line-height:1.6}.inventory-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.inventory-toolbar input,.inventory-toolbar select,.category-form input,.category-form select,.category-form textarea,.template-form input,.template-form select,.template-form textarea{border:1px solid #303441;background:#10131a;color:#fff;border-radius:10px;padding:10px 11px;outline:none}.inventory-toolbar input{flex:1;min-width:210px}.inventory-table-wrap{overflow:auto;border:1px solid #292d38;border-radius:14px}.inventory-table{width:100%;border-collapse:collapse;min-width:850px;font-size:10px}.inventory-table th,.inventory-table td{padding:11px 10px;border-bottom:1px solid #222631;text-align:left;vertical-align:middle}.inventory-table th{font-size:8px;color:#777e8d;text-transform:uppercase;letter-spacing:.7px}.inventory-table tr:last-child td{border-bottom:0}.inventory-product{display:flex;align-items:center;gap:9px}.inventory-thumb{width:36px;height:46px;border-radius:8px;background:#181b25 center/cover no-repeat;border:1px solid #303441;flex:none}.inventory-product strong{display:block;font-size:10px}.inventory-product span{display:block;color:#737a89;font-size:8px;margin-top:3px}.stock-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:900}.stock-pill.ok{background:#10251b;border:1px solid #285a43;color:#8ff0b4}.stock-pill.low{background:#2a2110;border:1px solid #6b541a;color:#facc15}.stock-pill.out{background:#2b1017;border:1px solid #6b2735;color:#fda4af}.stock-controls{display:flex;align-items:center;gap:5px}.stock-controls button{width:28px;height:28px;border:1px solid #343847;background:#171a22;color:#fff;border-radius:8px;font-weight:950}.stock-controls button:hover{border-color:#7655dc}.stock-number{min-width:36px;text-align:center;font-weight:950}.inventory-plan{font-weight:850}.inventory-source{font-size:8px;color:#777e8d}.inventory-source.remote{color:#67e8f9}.inventory-source.local{color:#fbbf24}.plan-toggle{display:inline-flex;align-items:center;gap:6px;border:1px solid #303441;background:#151821;color:#c9cdd7;border-radius:999px;padding:6px 9px;font-size:8px;font-weight:900}.plan-toggle.on{border-color:#285a43;background:#10251b;color:#9af0be}.plan-toggle.off{border-color:#63313c;background:#241116;color:#fda4af}.category-manager{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);gap:14px}.category-form{display:grid;gap:11px}.category-form label{display:block;font-size:9px;color:#858b99;margin:0 0 6px}.category-form input,.category-form textarea{width:100%;box-sizing:border-box}.category-form textarea{min-height:75px;resize:vertical}.category-form .row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.category-form .admin-actions{margin-top:2px}.category-form .row>div{min-width:0}.category-list{display:grid;gap:8px}.category-admin-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:11px;border:1px solid #292d38;background:#0b0d12;border-radius:12px}.category-admin-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#171329;font-size:19px}.category-admin-row strong{font-size:11px}.category-admin-row span{display:block;color:#7f8592;font-size:8px;margin-top:3px}.category-admin-actions{display:flex;gap:6px}.category-admin-actions button{border:1px solid #303441;background:#151821;color:#fff;border-radius:8px;padding:7px 9px;font-size:9px;font-weight:850}.template-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.template-plan-card{border:1px solid #292d38;background:#0b0d12;border-radius:12px;padding:11px}.template-plan-card .plan-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.template-plan-card .plan-card-head strong{font-size:10px}.template-plan-card .remove-plan{border:1px solid #63313c;background:#241116;color:#fda4af;border-radius:7px;padding:5px 7px;font-size:8px;font-weight:900}.template-plan-card .fields{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:7px}.template-plan-card .fields input{width:100%}.template-add-plan{border:1px dashed #493b70;background:#12101c;color:#c4b5fd;border-radius:11px;padding:10px;font-size:10px;font-weight:900}.admin-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-top-status{display:flex;align-items:center;gap:7px;color:#8d94a3;font-size:9px}.admin-dot{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 10px #34d399}@media(max-width:900px){.admin-dashboard{grid-template-columns:1fr}.admin-sidebar{border-right:0;border-bottom:1px solid #252938;padding:8px;overflow:auto}.admin-brand{display:none}.admin-nav{display:flex;overflow:auto}.admin-nav button{min-width:max-content;text-align:center}.admin-nav .nav-sep{display:none}.admin-main{padding:18px 14px 40px}.admin-overview-grid{grid-template-columns:repeat(2,1fr)}.admin-grid-2,.category-manager{grid-template-columns:1fr}}@media(max-width:600px){.admin-overview-grid{grid-template-columns:1fr 1fr}.admin-view-head{align-items:flex-start;flex-direction:column}.template-plan-grid{grid-template-columns:1fr}.template-plan-card .fields{grid-template-columns:1fr}.category-admin-row{grid-template-columns:auto 1fr}.category-admin-actions{grid-column:2}} /* ===== NEXOPLAY V4: CUENTA / MIS COMPRAS / SOPORTE ===== */ .auth-modal{width:min(470px,100%);background:linear-gradient(155deg,#111522,#090b11)!important;border:1px solid rgba(167,139,250,.18)!important}.auth-head{padding:20px 22px}.auth-body{padding:22px}.register-pin-card{padding:14px;border:1px solid #3a3158;background:linear-gradient(135deg,#171329,#0c0e15);border-radius:14px;margin-top:3px}.register-pin-card .pin-title{font-weight:900;font-size:12px}.register-pin-card .pin-sub{color:#858b99;font-size:9px;line-height:1.5;margin:4px 0 9px}.pin-input{letter-spacing:7px;text-align:center;font-size:18px;font-weight:900}.security-hint{display:flex;gap:7px;align-items:center;color:#9ca1ae;font-size:9px;margin-top:2px}.support-modal{width:min(980px,100%);height:min(88vh,760px);display:flex;flex-direction:column}.support-shell{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:0;flex:1}.support-sidebar{border-right:1px solid #252938;padding:14px;overflow:auto;background:#0a0c12}.support-content{min-width:0;display:flex;flex-direction:column}.support-head{padding:16px 18px;border-bottom:1px solid #252938}.support-ticket-list{display:grid;gap:7px}.support-ticket{width:100%;text-align:left;border:1px solid #252938;background:#10131a;color:#fff;border-radius:11px;padding:11px;cursor:pointer}.support-ticket.active{border-color:#7655dc;background:#171329}.support-ticket small{display:block;color:#7f8592;margin-top:4px}.support-status{display:inline-block;padding:3px 6px;border-radius:999px;font-size:8px;font-weight:900;background:#241b40;color:#c4b5fd}.support-compose{padding:16px;border-bottom:1px solid #252938}.support-reasons{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.support-reason{border:1px solid #303441;background:#10131a;color:#dfe3eb;border-radius:11px;padding:11px;text-align:left;font-size:10px;font-weight:850}.support-reason:hover{border-color:#7655dc;background:#171329}.support-field{margin-top:9px}.support-field label{display:block;color:#9ca1ae;font-size:9px;margin-bottom:5px}.support-field input,.support-field textarea{width:100%;border:1px solid #303441;background:#0b0d12;color:#fff;border-radius:9px;padding:10px;outline:none;font-size:10px}.support-field textarea{min-height:78px;resize:vertical}.support-chat{display:flex;flex-direction:column;min-height:0;flex:1}.support-messages{flex:1;overflow:auto;padding:18px;display:grid;align-content:start;gap:9px}.support-bubble{max-width:78%;padding:10px 12px;border-radius:13px;border:1px solid #292d38;background:#10131a;color:#dfe3eb;font-size:10px;line-height:1.55}.support-bubble.me{margin-left:auto;background:#241b40;border-color:#4d397c}.support-bubble small{display:block;color:#858b99;font-size:8px;margin-top:4px}.support-chatbar{display:flex;gap:8px;padding:12px;border-top:1px solid #252938}.support-chatbar textarea{flex:1;min-height:42px;max-height:100px;resize:none;border:1px solid #303441;background:#0b0d12;color:#fff;border-radius:10px;padding:10px;font-size:10px}.support-chatbar button{align-self:flex-end}.support-empty{height:100%;display:grid;place-items:center;padding:30px;text-align:center;color:#858b99}.support-code{font-family:monospace;color:#c4b5fd}.support-actions{display:flex;gap:8px;flex-wrap:wrap}.support-actions button{border:1px solid #303441;background:#151821;color:#fff;border-radius:9px;padding:9px 11px;font-size:10px;font-weight:850}.support-actions .danger{border-color:#63313c;background:#241116;color:#fda4af}.purchase-page{width:min(1080px,100%);height:min(88vh,780px);display:flex;flex-direction:column}.purchase-hero{padding:18px 20px;border-bottom:1px solid #252938}.purchase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:18px;overflow:auto}.purchase-card{border:1px solid #292d38;background:linear-gradient(145deg,#10131a,#0b0d12);border-radius:14px;padding:14px}.purchase-card .pc-top{display:flex;justify-content:space-between;gap:10px}.purchase-card .pc-title{font-weight:900;font-size:13px}.purchase-card .pc-meta{color:#858b99;font-size:9px;margin-top:4px;line-height:1.5}.purchase-card .pc-data{margin-top:10px;display:grid;gap:6px}.purchase-card .pc-row{display:grid;grid-template-columns:80px 1fr;gap:7px;padding:7px 8px;border:1px solid #252936;background:#090b10;border-radius:8px;font-size:9px}.purchase-card .pc-row span:first-child{color:#7f8592}.purchase-card .pc-row span:last-child{word-break:break-word;font-weight:850}.purchase-card .pc-actions{display:flex;gap:7px;margin-top:9px}.purchase-card button{flex:1}.support-admin-badge{display:inline-grid;place-items:center;min-width:19px;height:19px;border-radius:50%;background:#8b5cf6;color:#fff;font-size:9px;margin-left:5px} @media(max-width:720px){.support-shell{grid-template-columns:1fr}.support-sidebar{max-height:220px;border-right:0;border-bottom:1px solid #252938}.purchase-grid{grid-template-columns:1fr}.support-reasons{grid-template-columns:1fr}.support-modal,.purchase-page{height:92vh}.support-bubble{max-width:88%}} /* ===== AJUSTES FINALES SOLICITADOS — SOLO MIS COMPRAS + CAPAS ADMIN ===== */ #purchasesModalBg{padding:0!important;z-index:450!important;align-items:stretch!important;justify-content:stretch!important} #purchasesModalBg .purchase-page{width:100%!important;height:100%!important;max-height:none!important;min-height:100vh!important;border-radius:0!important;border:0!important;box-shadow:none!important} #purchasesModalBg .purchase-hero{padding:20px 28px!important;position:sticky;top:0;z-index:2;background:rgba(9,11,17,.94);backdrop-filter:blur(16px)} #purchasesModalBg .purchase-grid{grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:16px;padding:24px 28px 40px;align-content:start} #purchasesModalBg .purchase-card{padding:18px;border-radius:18px;background:linear-gradient(145deg,#111522,#090b11);border-color:#2a2f3d;box-shadow:0 14px 40px rgba(0,0,0,.18)} #purchasesModalBg .purchase-card:hover{border-color:#4d397c;transform:translateY(-2px)} #purchasesModalBg .pc-top{align-items:center!important} #purchasesModalBg .pc-title{font-size:15px!important;letter-spacing:-.2px} #purchasesModalBg .pc-meta{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:8px!important;color:#8f95a4!important} #purchasesModalBg .purchase-status{display:inline-flex!important;align-items:center;justify-content:center;align-self:center;min-width:max-content;padding:7px 11px;border-radius:10px!important;background:#10251b;border:1px solid #285a43;color:#9af0be;font-size:9px;font-weight:900;line-height:1} #purchasesModalBg .purchase-status.pending{background:#2a2110;border-color:#6b541a;color:#facc15} #purchasesModalBg .purchase-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px} #purchasesModalBg .purchase-summary-item{padding:10px;border:1px solid #252936;background:#0c0f15;border-radius:11px;min-width:0} #purchasesModalBg .purchase-summary-item span{display:block;color:#777e8d;font-size:8px;text-transform:uppercase;letter-spacing:.7px} #purchasesModalBg .purchase-summary-item b{display:block;color:#fff;font-size:10px;margin-top:4px;word-break:break-word} #purchasesModalBg .pc-data{margin-top:14px!important;gap:7px!important} #purchasesModalBg .pc-row{grid-template-columns:82px minmax(0,1fr) auto!important;align-items:center;padding:9px 10px!important;border-radius:10px!important;font-size:10px!important} #purchasesModalBg .pc-value{min-width:0;word-break:break-word;font-weight:850} #purchasesModalBg .pc-copy{border:1px solid #39334b;background:#15131e;color:#d9d1f7;border-radius:8px;padding:6px 8px;font-size:9px;font-weight:850;white-space:nowrap} #purchasesModalBg .purchase-lifecycle{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px} #purchasesModalBg .purchase-life{padding:10px;border-radius:11px;background:linear-gradient(135deg,#12152a,#0b0d12);border:1px solid #2c3150} #purchasesModalBg .purchase-life span{display:block;color:#7f8592;font-size:8px;text-transform:uppercase;letter-spacing:.5px} #purchasesModalBg .purchase-life b{display:block;color:#fff;font-size:10px;margin-top:4px} #purchasesModalBg .purchase-life.remaining b{color:#67e8f9} #purchasesModalBg .purchase-life.remaining.expired b{color:#fda4af} #purchasesModalBg .purchase-help{margin-top:12px!important;width:100%;border-radius:10px!important} /* Las ventanas de detalles/edición deben quedar por encima del Centro de administración. */ #adminSaleDetailsBg{z-index:650!important} #deliveryEditorBg{z-index:660!important} @media(max-width:700px){ #purchasesModalBg .purchase-grid{grid-template-columns:1fr;padding:16px 14px 30px} #purchasesModalBg .purchase-hero{padding:15px 16px!important} } @media(max-width:460px){ #purchasesModalBg .purchase-summary,#purchasesModalBg .purchase-lifecycle{grid-template-columns:1fr} #purchasesModalBg .pc-row{grid-template-columns:72px minmax(0,1fr) auto!important} } #supportModalBg{z-index:700!important}#supportModalBg .support-modal{z-index:701!important} #recoveryModalBg{z-index:710!important}.tutorial-bg#deliveryEditorBg{z-index:720!important} #adminSaleDetailsBg{z-index:730!important} #adminPanelBg{z-index:500!important}