[hidden]{display:none!important}#lightbox[hidden]{display:none}:root{--primary: #161616;--primary-solid: #161616;--accent: #FF8C00;--highlight: #FF8C00;--highlight-ink: #161616;--primary-light: #FFD9A8;--grad-start: #161616;--grad-end: #161616;--bg-app: #FFFEF9;--yellow: #FFC400;--header-h: 65px}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,Hind Siliguri,sans-serif;-webkit-tap-highlight-color:transparent}html,body{overflow-x:hidden;width:100%;background:var(--bg-app);min-height:100vh;margin:0;padding:0;-webkit-overflow-scrolling:touch;overscroll-behavior-y:auto;touch-action:pan-y}a{text-decoration:none;color:inherit}#app{width:100%;margin:0 auto;background:var(--bg-app);min-height:100vh;position:relative;padding-top:var(--header-h);padding-bottom:75px;transition:background .3s ease}#app:has(#purchase-view.active){padding-top:0;padding-bottom:0}.header{position:fixed;top:0;width:100%;height:var(--header-h);background:#fffffff7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;justify-content:space-between;align-items:center;padding:0 20px;z-index:1002;box-shadow:0 4px 24px #16161624;border-bottom:3px solid var(--highlight)}.brand-logo{display:flex;align-items:center;cursor:pointer}.login-btn{background:var(--primary);color:#fff;border:none;padding:9px 25px;border-radius:30px;font-weight:600;font-size:13px;cursor:pointer}.profile-pic{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid var(--primary);padding:2px;cursor:pointer;display:none}.auth-loading #loginBtn,.auth-loading #profileIcon{display:none!important}.auth-loading #header-wallet{opacity:.5;pointer-events:none}.header-wallet-btn{display:flex;align-items:center;background:var(--primary);padding:8px 16px;border-radius:30px;font-weight:800;font-size:14px;color:#fff;cursor:pointer;box-shadow:0 4px 14px #16161661;transition:transform .2s ease}.header-wallet-btn:active{transform:scale(.95)}.header-wallet-btn i{margin-right:6px;font-size:14px;color:#fff}.header-wallet-btn.zero{background:#ff8c00;color:#161616;box-shadow:0 4px 14px #ff8c0066}.header-wallet-btn.zero i{color:#161616}.static-notice{background-color:var(--primary);color:#fff;margin:15px auto 5px;width:95%;border-radius:8px;padding:15px;position:relative;box-shadow:0 4px 10px #0000001a}.sn-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.sn-header h3{font-size:18px;font-weight:700;margin:0;letter-spacing:.5px}.sn-header button{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:0;transition:transform .2s}.sn-header button:active{transform:scale(.9)}#static-notice-text{font-size:13px;line-height:1.6;color:#ffffffe6;font-weight:500}#popup-notice{position:fixed;inset:0;z-index:9990;display:flex;align-items:center;justify-content:center;padding:20px;background:#00000080;backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .3s ease}#popup-notice.show{opacity:1;pointer-events:all}.pn-box{background:#fff;border-radius:10px;overflow:hidden;width:100%;max-width:400px;box-shadow:0 25px 60px #00000040;transform:scale(.9) translateY(20px);transition:transform .35s cubic-bezier(.34,1.56,.64,1)}#popup-notice.show .pn-box{transform:scale(1) translateY(0)}.pn-banner-img{width:100%;display:block;max-height:220px;object-fit:cover}.pn-body{padding:20px}.pn-title{font-size:17px;font-weight:800;color:#1a1a2e;margin-bottom:8px}.pn-text{font-size:13px;color:#555;line-height:1.7;margin-bottom:18px}.pn-close-btn{width:100%;padding:13px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-weight:700;font-size:14px;cursor:pointer}.view{display:none}.view.active{display:block;animation:fadeIn .25s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slider-wrap{width:95%;margin:15px auto 20px;border-radius:10px;overflow:hidden;box-shadow:0 10px 30px #0000000d;background:#fff;position:relative;min-height:175px}.swiper,.mySwiper{width:100%;height:175px}.swiper-slide{display:flex;align-items:center;justify-content:center}.swiper-slide img{display:block;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .5s ease;background:#f0f2f8}.swiper-slide img.loaded{opacity:1}#slider-skeleton{position:absolute;inset:0;z-index:5;border-radius:10px;transition:opacity .3s ease}.banner-skeleton{width:100%;height:100%;border-radius:10px;background:#ececec;animation:flatPulse 1.6s ease-in-out infinite}.sec-header{text-align:center;margin:40px 0 20px;position:relative}.sec-header h2{font-size:20px;font-weight:800;text-transform:uppercase;color:#161616;display:inline-block;padding-bottom:8px;border-bottom:4px solid var(--highlight)}#sections-container{min-height:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 15px;max-width:1400px;margin:0 auto}.card{background:#fff;border-radius:10px;overflow:hidden;border:1px solid #EAD9D9;text-align:center;box-shadow:0 6px 20px #1616161a;transition:transform .2s;cursor:pointer}.card.skeleton{aspect-ratio:1/1.3;height:auto}.card:active{transform:scale(.96)}.card-img{width:100%;aspect-ratio:1/1;padding:4px}.card-img img{width:100%;height:100%;object-fit:cover;border-radius:8px}.card-title{padding:5px;font-size:12px;margin-top:-6px;font-weight:700;color:#444;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.purchases-wrap{margin:28px 10px 30px;max-width:1400px}.recent-card{background:#fff;border-radius:16px;border:1px solid #e8eef4;box-shadow:0 6px 18px #0220470d;overflow:hidden}.recent-head{display:flex;align-items:flex-start;justify-content:space-between;padding:16px 18px 0;position:relative}.recent-head:after{content:"";position:absolute;left:18px;bottom:-12px;width:56px;height:4px;border-radius:3px;background:var(--primary-solid)}.recent-head-left{display:flex;align-items:center;gap:12px}.recent-icon{width:50px;height:50px;border-radius:12px;background:#1616161a;color:var(--primary-solid);display:flex;align-items:center;justify-content:center;font-size:21px;flex-shrink:0}.recent-title{font-size:19px;font-weight:800;color:#0b1b33;letter-spacing:-.3px;line-height:1.15}.recent-live{display:flex;align-items:center;gap:5px;margin-top:4px;font-size:12px;font-weight:700;color:#16a34a}.recent-live i{font-size:13px}.live-dot{width:9px;height:9px;border-radius:50%;background:#22c55e;animation:livePulse 1.8s ease-in-out infinite}@keyframes livePulse{0%,to{box-shadow:0 0 0 3px #22c55e33}50%{box-shadow:0 0 0 5px #22c55e14}}.recent-refresh{width:42px;height:42px;border-radius:50%;border:1px solid #e6edf3;background:#fff;color:#5b6b7c;font-size:15px;cursor:pointer;box-shadow:0 4px 12px #02204712;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .2s}.recent-refresh:hover{color:var(--primary-solid)}.recent-refresh.spinning i{animation:roSpin .7s linear infinite}@keyframes roSpin{to{transform:rotate(360deg)}}.activity-feed{margin-top:26px;border-top:1px solid #eef2f6}.ro-row{display:flex;align-items:center;gap:11px;padding:12px 18px;border-bottom:1px solid #eef2f6}.ro-row:last-child{border-bottom:none}.ro-avatar-wrap{position:relative;width:42px;height:42px;flex-shrink:0}.ro-letter{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e8eef4;color:#5b6b7c;font-size:16px;font-weight:800;text-transform:uppercase}.ro-avatar-wrap .ro-letter{position:absolute;inset:0}.ro-avatar{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover;background:#eef2f6}.ro-info{flex:1;min-width:0}.ro-name{font-size:13.5px;font-weight:700;color:#0b1b33;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.2px}.ro-item{font-size:11.5px;color:#475569;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.ro-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px;font-size:11px;font-weight:700;flex-shrink:0;white-space:nowrap}.ro-badge i{font-size:12px}.ro-badge.Completed{background:#22c55e21;color:#16a34a}.ro-badge.Pending{background:#1616161a;color:#161616}.ro-badge.Cancelled{background:#ef44441f;color:#dc2626}.ro-empty{text-align:center;padding:38px 20px;color:#64748b}.ro-empty i{font-size:26px;margin-bottom:8px;display:block}@media(max-width:480px){.recent-icon{width:46px;height:46px;font-size:19px;border-radius:11px}.recent-title{font-size:17px}.recent-head{padding:14px 14px 0}.recent-head:after{left:14px}.ro-row{padding:11px 14px;gap:10px}.ro-badge{padding:5px 9px;font-size:10.5px}}.skeleton{background:#eef1f5;animation:flatPulse 1.6s ease-in-out infinite;color:transparent!important;border-radius:10px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.footer{background:#161616;border-top:5px solid var(--highlight);margin-top:40px;margin-bottom:-75px;padding:50px 25px 85px;text-align:center;position:relative;overflow:hidden;width:100%;box-shadow:0 -10px 30px #1616161a}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--highlight)}.footer-logo{display:inline-flex;align-items:center;margin-bottom:12px}.footer-logo img{filter:drop-shadow(0 4px 6px rgba(0,0,0,.3));opacity:1}.footer-tag{font-size:13px;color:#e2e8f0;max-width:300px;margin:0 auto 20px;line-height:1.5;font-weight:500}.footer-divider{width:50px;height:3px;background:#ffffff40;border-radius:4px;margin:0 auto 20px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:25px;text-align:left;max-width:500px;margin-left:auto;margin-right:auto;background:#ffffff0a;padding:20px;border-radius:16px;border:1px solid rgba(255,255,255,.08)}.footer-links a{color:#e2e8f0;font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px}.footer-links a:hover{color:#ffc400}.retry-btn{background:#ff8c00;color:#161616;border:none;border-radius:8px;padding:8px 16px;font-weight:700;font-size:12px;cursor:pointer;margin-top:8px;font-family:inherit}.link-col h3{font-size:14px;font-weight:800;color:#fff;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px}.link-col h3:before{content:"";width:4px;height:14px;background:var(--highlight);border-radius:3px;display:inline-block}.link-col ul{list-style:none}.link-col li{margin-bottom:10px;font-size:13px;color:#cbd5e1;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:500;transition:all .3s ease}.link-col li i{color:#94a3b8;font-size:12px;transition:.3s}.link-col li:hover{color:var(--highlight);transform:translate(4px)}.link-col li:hover i{color:var(--highlight)}.social-row{display:flex;justify-content:center;gap:12px;margin-bottom:20px}.social-btn{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;transition:.3s;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 10px #00000026}.social-btn:hover{transform:translateY(-3px) scale(1.05);background:#ffffff26;box-shadow:0 6px 15px #00000040;border-radius:50%;color:#fff}.payment-row{background:#ffffff0f;backdrop-filter:blur(10px);padding:10px 20px;border-radius:12px;display:inline-flex;gap:15px;margin-bottom:25px;align-items:center;border:1px solid rgba(255,255,255,.15)}.payment-row img{height:24px;object-fit:contain;opacity:.95;transition:.3s}.payment-row img:hover{opacity:1;transform:scale(1.1)}.copyright{font-size:12px;color:#cbd5e1;letter-spacing:.5px;position:relative;z-index:1;margin-bottom:5px;font-weight:500}.auth-box{padding:40px 20px;text-align:center;background:transparent;position:relative;max-width:500px;margin:0 auto}.auth-icon{font-size:60px;color:var(--primary);margin-bottom:15px}.input-wrap{position:relative;margin-bottom:15px}.input-wrap i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#94a3b8}.auth-input{width:100%;padding:15px 15px 15px 45px;border:1px solid #e2e8f0;border-radius:14px;outline:none;background:#f8fafc;font-size:14px;transition:.3s;color:#1e293b;font-weight:500}.auth-input:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 4px #1616161a}.google-btn{width:100%;padding:14px;border:1px solid #e2e8f0;background:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:700;cursor:pointer;margin-bottom:25px;color:#334155;font-size:14px;transition:.2s;box-shadow:0 2px 5px #00000005}.primary-btn{background:var(--primary);color:#fff;border:none;width:100%;padding:15px;border-radius:14px;font-weight:700;font-size:15px;cursor:pointer;margin-top:10px;box-shadow:0 6px 15px #16161640;transition:transform .2s}.profile-header{background:#fff;padding:30px 20px;text-align:center;border-bottom:1px solid #f1f5f9}.profile-img{width:110px;height:110px;border-radius:50%;border:4px solid #fff;box-shadow:0 5px 20px #0000001a;object-fit:cover;margin:0 auto}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:25px;max-width:600px;margin-left:auto;margin-right:auto}.stat-card{background:#f8fafc;padding:20px;border-radius:16px;border:1px solid #e2e8f0}.stat-num{font-size:24px;font-weight:800;color:var(--accent);display:block}.option-list{background:#fff;max-width:800px;margin:0 auto;border-radius:16px}.option-item{padding:18px 20px;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;align-items:center;gap:15px;font-size:15px;font-weight:600;color:#334155;transition:background .2s}.option-item:hover{background:#f8fafc}.option-item i{color:var(--accent);width:20px;font-size:18px}.option-item.danger,.option-item.danger i{color:#ef4444}.trx-item{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:15px;border-radius:12px;margin-bottom:12px;border:1px solid #e2e8f0;box-shadow:0 4px 10px #00000008;max-width:800px;margin-left:auto;margin-right:auto}.trx-label{font-size:14px;color:#1e293b;font-weight:700;margin-bottom:4px}.trx-date{font-size:11px;color:#64748b}.addm-container{max-width:600px;margin:0 auto;padding:30px 20px}.pay-item{padding:15px;border-radius:14px;border:1px solid #e2e8f0;text-align:center;cursor:pointer;transition:all .2s;background:#f8fafc;color:#64748b}.pay-item.active{background:#fff;border-width:2px;border-color:var(--accent);box-shadow:0 8px 20px #1616161a;color:#1e293b}.pay-item span{font-size:13px;font-weight:800;display:block;margin-top:6px}.page-header-box{padding:15px;background:#fff;border-bottom:1px solid #e5e7eb;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center}.page-header-title{font-size:18px;font-weight:700;color:var(--accent);display:flex;align-items:center;gap:10px}.redeem-btn{background:var(--accent);color:#fff;padding:8px 15px;border-radius:8px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:5px}.redeem-btn:active{transform:scale(.95)}.orders-grid{display:grid;grid-template-columns:1fr;gap:12px;padding:0 15px;max-width:860px;margin:0 auto}.order-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:15px;box-shadow:0 1px 2px #0000000d}.order-card-top{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.oc-serial{font-size:12px;font-weight:800;color:var(--accent);background:#f0f0ff;padding:2px 8px;border-radius:20px;flex-shrink:0}.oc-time{font-size:11px;color:#64748b;flex:1;display:flex;align-items:center;gap:4px}.oc-time i{font-size:10px}.oc-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:30px;font-size:11px;font-weight:700;flex-shrink:0;margin-left:auto}.oc-item{font-size:14px;font-weight:700;color:#0f172a}.oc-badge.Completed{background:#10b981;color:#fff}.oc-badge.Pending{background:#ff8c00;color:#fff}.oc-badge.Cancelled{background:#ef4444;color:#fff}.item-line{font-size:14px;margin-bottom:6px;line-height:1.5;color:#222;display:flex;gap:10px;align-items:baseline}.item-label{font-weight:700;color:#000;min-width:85px}.item-val{font-weight:600;color:#1e293b;flex:1}.st-Completed{color:#16a34a;font-weight:700}.st-Pending{color:#ff8c00;font-weight:700}.st-Cancelled{color:#dc2626;font-weight:700}.delivery-code{font-family:monospace;background:#f0fdf4;color:#16a34a;padding:2px 8px;border-radius:6px;font-weight:700;border:1px solid #bbf7d0;letter-spacing:.5px}.state-box{text-align:center;padding:50px 20px;display:block}.state-box.show{display:block}.state-box i{font-size:50px;color:#cbd5e1;margin-bottom:15px}.state-box h3{font-size:16px;font-weight:700;margin-bottom:15px}#toast-box{position:fixed;top:calc(var(--header-h) + 12px);width:100%;z-index:9999;display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none}.toast{width:90%;max-width:400px;padding:12px 16px;border-radius:12px;color:#fff;font-size:13px;font-weight:600;box-shadow:0 10px 30px #00000026;display:flex;align-items:center;gap:10px;animation:toastIn .3s ease forwards;opacity:0;transform:translateY(-20px)}.toast.success{background:#10b981f2}.toast.error{background:#ef4444f2}.toast.info{background:#3b82f6f2}@keyframes toastIn{to{opacity:1;transform:translateY(0)}}.bottom-nav{position:fixed;bottom:0;left:0;width:100%;height:65px;background:#fff;display:flex;justify-content:space-around;align-items:center;box-shadow:0 -2px 15px #0000000d;border-top:1px solid #e2e8f0;z-index:1001;padding-bottom:env(safe-area-inset-bottom)}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:4px;color:#94a3b8;transition:all .3s ease;cursor:pointer;font-size:10px;font-weight:600}.nav-item[data-view=home]{order:1}.nav-item[data-view=myorders]{order:2}.nav-item[data-view=addmoney]{order:3}.nav-item[data-view=mycodes]{order:4}.nav-item[data-view=account]{order:5}.nav-item[data-view=myorders] i:before{content:"\f290"}.nav-item i{font-size:20px;transition:all .3s ease}.nav-item.active{color:var(--primary);box-shadow:inset 0 3px 0 var(--highlight)}.nav-item.active i{transform:translateY(-3px) scale(1.1);font-size:22px}.nav-item.active span{font-weight:800}.pc-nav{display:none;align-items:center;gap:4px}.pc-nav-item{display:flex;align-items:center;gap:7px;padding:8px 14px;border-radius:10px;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;transition:background .18s,color .18s;white-space:nowrap}.pc-nav-item:hover{background:#f1f5f9;color:#1e293b}.pc-nav-item.active{color:var(--primary);background:#f3e2e2}#install-banner{position:fixed;bottom:90px;width:100%;z-index:9998;padding:0 14px;display:none;max-width:600px;left:50%;transform:translate(-50%)}#install-banner.show{display:block;animation:slideUpBanner .45s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes slideUpBanner{0%{transform:translate(-50%,120px);opacity:0}to{transform:translate(-50%);opacity:1}}#install-inner{background:#fff;color:#1e293b;border-radius:16px;padding:16px 20px;display:flex;align-items:center;gap:16px;box-shadow:0 10px 40px #16161633;border:1px solid rgba(22,22,22,.1)}.banner-app-icon{width:48px;height:48px;background:#1616161a;border-radius:14px;overflow:hidden;flex-shrink:0;display:flex;justify-content:center;align-items:center}.banner-app-icon img{width:100%;height:100%;object-fit:cover}.banner-text{flex:1}.banner-text strong{display:block;font-size:15px;font-weight:800;margin-bottom:3px;color:#0f172a}.banner-text small{font-size:13px;color:#64748b;font-weight:500}.banner-install-btn{background:var(--primary);border:none;color:#fff;padding:10px 22px;border-radius:30px;font-weight:700;font-size:14px;cursor:pointer;flex-shrink:0;box-shadow:0 4px 15px #1616164d}.banner-close-btn{background:#f1f5f9;border:none;color:#94a3b8;width:28px;height:28px;border-radius:50%;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}#ios-hint{position:fixed;bottom:90px;left:50%;transform:translate(-50%) translateY(200px);z-index:9997;display:none;width:calc(100% - 28px);max-width:400px}#ios-hint.show{display:block;animation:slideUpBanner .4s ease forwards}#ios-hint-inner{background:#fff;border-radius:20px;padding:20px;box-shadow:0 15px 40px #0003}.ios-step{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:14px;color:#334155}.purchase-header{position:fixed;top:0;left:0;width:100%;height:60px;background:#fffffff7;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;padding:0 15px;z-index:1003;box-shadow:0 1px 10px #00000014}.back-btn{font-size:18px;color:#333;padding:8px;cursor:pointer;border-radius:50%;background:#f5f6fa;width:35px;height:35px;display:flex;align-items:center;justify-content:center}.page-title{font-size:16px;font-weight:700;color:#333;text-transform:uppercase}.header-profile{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid var(--accent);padding:1px;cursor:pointer}.purchase-container{max-width:600px;margin:0 auto;padding:10px 15px 15px;animation:fadeIn .4s ease}.product-card{background:#fff;border-radius:16px;padding:15px;display:flex;align-items:center;gap:15px;margin-bottom:12px;box-shadow:0 4px 15px #00000008;border:1px solid #fff}.p-img{width:75px;height:75px;border-radius:12px;object-fit:cover;background:#eee}.p-info h2{font-size:18px;font-weight:700;color:#2d3436;margin-bottom:4px;line-height:1.2}.p-info p{font-size:12px;color:#636e72;background:#f1f2f6;display:inline-block;padding:2px 8px;border-radius:4px}.section-box{background:#fff;border-radius:16px;padding:20px 15px;margin-bottom:12px;box-shadow:0 4px 15px #00000008;position:relative}.purchase-sec-header{display:flex;align-items:center;gap:10px;margin-bottom:15px;padding-bottom:10px;border-bottom:1px dashed #f1f2f6}.sec-icon{width:28px;height:28px;background:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px}.sec-title{font-size:15px;font-weight:700;color:#2d3436;text-transform:uppercase}.pkg-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.pkg-item{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:16px 12px;text-align:center;cursor:pointer;transition:all .2s ease;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:auto}.pkg-item:hover{border-color:#cbd5e1}.pkg-item:active{transform:scale(.97)}.pkg-item.active{border-color:var(--accent);background:#f8f9ff}.pkg-item.active:after{content:"\f058";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;top:8px;right:8px;color:var(--accent);font-size:18px}.pkg-name{font-size:13px;font-weight:600;color:#475569;margin-bottom:4px;line-height:1.3}.pkg-price{font-size:16px;font-weight:800;color:var(--accent)}.stock-out{background:#f8fafc;border-color:#e2e8f0;opacity:.6;pointer-events:none}.stock-badge{display:inline-block;background:#ef4444;color:#fff;font-size:10px;font-weight:700;padding:4px 10px;border-radius:20px;margin-top:8px;text-transform:uppercase;letter-spacing:.5px}.input-group-item{margin-bottom:15px}.input-wrapper{position:relative}.input-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#b2bec3}.form-input{width:100%;padding:14px 15px 14px 40px;border:1px solid #cfd0d1;border-radius:8px;font-size:15px;outline:none;background:#fff;transition:.3s;color:#333}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1616161a}.input-label{font-size:14px;color:#333;margin-bottom:8px;display:block;font-weight:600}.check-uid-btn{background:#0d1117;color:#fff;border:1px solid #30363d;padding:12px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;width:100%;display:flex;justify-content:center;align-items:center;gap:8px;margin-top:5px;transition:.2s}.check-uid-btn.found{background:#198754;border-color:#198754}.new-pay-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.new-pay-card{background:#fff;border:1px solid #dcdde1;border-radius:8px;overflow:hidden;position:relative;cursor:pointer;display:flex;flex-direction:column;transition:all .2s}.new-pay-card.active{border-color:#d63031}.new-pay-body{padding:20px 10px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.new-pay-footer{background:#e2e8f0;padding:8px;text-align:left;font-size:13px;font-weight:700;color:#64748b;transition:all .2s}.new-pay-card.active .new-pay-footer{background:#cbd5e1;color:#334155}.check-ribbon{position:absolute;top:0;left:0;width:0;height:0;border-top:35px solid #d63031;border-right:35px solid transparent;display:none;z-index:2}.check-ribbon i{position:absolute;top:-28px;left:4px;color:#fff;font-size:12px}.new-pay-card.active .check-ribbon{display:block}.pay-info-lines{display:flex;flex-direction:column;gap:10px;margin-top:10px}.pay-info-line{display:flex;align-items:center;gap:8px;font-size:13px;color:#64748b}.pay-info-line i{color:#b2bec3;font-size:16px}.refresh-bal-btn{background:#fff;border:1px solid #dfe6e9;border-radius:4px;padding:4px 8px;cursor:pointer;color:#636e72;transition:.2s;outline:none}.refresh-bal-btn:active{background:#f1f2f6}.fa-spin-fast{animation:fa-spin .6s infinite linear}.bottom-bar{position:fixed;bottom:0;left:0;width:100%;box-sizing:border-box;background:#fff;padding:12px 20px calc(12px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 -4px 20px #0000001a;z-index:1003;max-width:600px;margin:0 auto;right:0}.total-area span{font-size:12px;color:#636e72;font-weight:500}.total-area b{font-size:22px;font-weight:800;color:#2d3436;display:block}.confirm-btn{background:var(--primary);color:#fff;border:none;padding:16px 32px;border-radius:14px;font-size:15px;font-weight:800;cursor:pointer;transition:.2s}.confirm-btn:active{transform:scale(.97)}.confirm-btn.success{background:#10b981}.confirm-btn:disabled{opacity:.7;cursor:not-allowed}@media(min-width:768px){#app{max-width:100%}.grid{grid-template-columns:repeat(4,1fr)}.bottom-nav{display:none}.pc-nav{display:flex}#app{padding-bottom:30px}.slider-wrap{max-width:900px}.purchases-wrap{max-width:900px;margin-left:auto;margin-right:auto}.orders-grid{grid-template-columns:1fr 1fr}}.support-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:15px;padding:20px;background:#fff;border-bottom:1px solid #f1f5f9;max-width:800px;margin:0 auto}.support-card{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:18px 10px;text-decoration:none;transition:all .3s ease;cursor:pointer;box-shadow:0 2px 8px #00000005}.support-card i{font-size:32px;margin-bottom:10px;transition:transform .3s ease}.support-card span{font-size:13px;font-weight:700;color:#334155}.support-card:hover{background:#fff;border-color:var(--ch-color);box-shadow:0 8px 20px #00000014;transform:translateY(-4px)}.support-card:hover i{transform:scale(1.15)}#support-fab{position:fixed;bottom:90px;right:20px;z-index:9000;display:flex;flex-direction:column;align-items:center;gap:0}.fab-sub-btns{display:flex;flex-direction:column;gap:10px;align-items:center;padding-bottom:12px;opacity:0;visibility:hidden;max-height:0;overflow:hidden;transition:opacity .3s ease,max-height .35s cubic-bezier(.4,0,.2,1),visibility .3s,padding-bottom .3s;pointer-events:none}.fab-sub-btns.open{opacity:1;visibility:visible;max-height:200px;padding-bottom:12px;pointer-events:auto}#support-fab-main{width:54px;height:54px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #16161666;cursor:pointer;border:none;position:relative;z-index:10;transition:transform .3s ease;outline:none;flex-shrink:0}#support-fab-main:active{transform:scale(.93)}#support-fab-main i{color:#fff;font-size:24px;position:relative;z-index:2;transition:transform .3s ease}.wa-pulse{position:absolute;inset:0;border-radius:50%;background:#16161659;animation:waPulse 2s infinite}@keyframes waPulse{0%{transform:scale(1);opacity:.7}70%{transform:scale(1.45);opacity:0}to{transform:scale(1.45);opacity:0}}.fab-sub-btn{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;box-shadow:0 4px 14px #00000038;color:#fff;font-size:18px;transition:transform .2s;text-decoration:none;outline:none;flex-shrink:0}.fab-sub-btn:hover{transform:scale(1.12)}.fab-sub-btn:active{transform:scale(.92)}.fab-wa{background:#22c55e}.fab-tg{background:#161616}.fab-msg{background:#ff8c00}@media(min-width:1024px){.grid{grid-template-columns:repeat(5,1fr)}}#purchase-view{background:#f0f2f5;padding-top:60px;padding-bottom:calc(96px + env(safe-area-inset-bottom));min-height:100vh}#purchase-view.active~*{padding-bottom:0}#purchase-view .purchase-header{display:flex}.pur-skeleton-card{display:flex;align-items:center;gap:15px;background:#fff;padding:15px;border-radius:16px;margin-bottom:20px}.purchase-hidden{display:none!important}#sections-container:empty{display:none}#sections-container{padding-bottom:0}.purchases-wrap{margin-top:30px}.act-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;background:#e2e8f0}.home-support-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:95%;max-width:1400px;margin:0 auto 25px}.h-supp-card{display:flex;align-items:center;gap:12px;padding:14px 15px;border-radius:14px;text-decoration:none;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s;overflow:hidden;position:relative}.h-supp-card.wa-card,.h-supp-card.tg-card{background:var(--primary);box-shadow:0 8px 20px #16161647}.h-supp-card:active{transform:scale(.96)}.h-supp-icon{width:42px;height:42px;background:#fff3;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.h-supp-text{display:flex;flex-direction:column;z-index:1}.h-supp-text span{font-size:10px;color:#ffffffd9;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.h-supp-text strong{font-size:15px;color:#fff;font-weight:800;line-height:1.1}.h-supp-card:before{content:"";position:absolute;top:-20px;right:-20px;width:60px;height:60px;background:#ffffff1a;border-radius:50%}@media(min-width:768px){.home-support-cards{max-width:900px}.h-supp-card:hover{transform:translateY(-3px);box-shadow:0 12px 25px #1616164d}}.level-section{margin:25px 20px 10px;padding:0 5px}.level-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.level-badge{background:var(--highlight);color:var(--highlight-ink);padding:4px 10px;border-radius:6px;font-weight:800;font-size:12px;box-shadow:0 4px 10px #ffc40059}.next-level-text{font-size:12px;color:#64748b;font-weight:700}.progress-bg{height:8px;background:#e2e8f0;border-radius:10px;overflow:hidden;margin-bottom:6px;position:relative}.progress-fill{height:100%;background:var(--primary);border-radius:10px;transition:width .5s ease-out}.level-desc{background:#16161614;padding:8px 15px;border-radius:20px;font-size:11px;color:#475569;text-align:center;margin-bottom:20px;font-weight:600;border:1px solid rgba(22,22,22,.1)}.profile-img.level-1-frame{border:4px solid #fff;box-shadow:0 5px 20px #0000001a}.profile-img.level-2-frame{border:4px solid var(--lvl2-border, #cd7f32);box-shadow:0 0 15px var(--lvl2-shadow, rgba(205,127,50,.6))}.profile-img.level-3-frame{border:4px solid var(--lvl3-border, #c0c0c0);box-shadow:0 0 15px var(--lvl3-shadow, rgba(192,192,192,.6))}.profile-img.level-4-frame{border:4px solid var(--lvl4-border, #FF8C00);box-shadow:0 0 15px var(--lvl4-shadow, rgba(255,215,0,.6))}.profile-img.level-5-frame{border:4px solid var(--lvl5-border, #FFD9A8);box-shadow:0 0 20px var(--lvl5-shadow, rgba(0,242,254,.8))}.rewards-list{display:flex;flex-direction:column;gap:6px}.reward-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px dashed #e2e8f0}.reward-item:last-child{border-bottom:none}.reward-info{display:flex;flex-direction:column;gap:2px}.reward-title{font-size:13px;font-weight:800;color:#0f172a;display:flex;align-items:center;gap:6px}.reward-req{font-size:11px;color:#64748b;font-weight:600}.reward-btn{padding:6px 14px;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;border:none;transition:.2s}.reward-btn.locked{background:transparent;color:#94a3b8;cursor:not-allowed;border:1px solid #e2e8f0}.reward-btn.claim{background:#10b981;color:#fff;box-shadow:0 4px 10px #10b98133}.reward-btn.claim:hover{transform:translateY(-2px)}.reward-btn.claimed{background:#10b9811a;color:#10b981;cursor:not-allowed;font-weight:800}html,body,#app{max-width:100%;overflow-x:hidden}.view,.page-content,.account-page,.add-money-page{max-width:100%;box-sizing:border-box}.voucher-code-line{gap:8px;flex-wrap:wrap;align-items:center}.voucher-copy-btn{border:0;border-radius:7px;padding:6px 10px;background:var(--primary);color:#fff;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap}.voucher-copy-btn.copied{background:#16a34a}.data-load-error,.data-empty{display:flex;align-items:center;justify-content:center;gap:10px;min-height:100px;padding:22px;text-align:center;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin:12px 0;font-size:14px}.data-load-error i{color:#ef4444}.data-empty i{color:var(--primary,#161616);font-size:18px}#custom-confirm{position:fixed;inset:0;z-index:10002;display:flex;align-items:center;justify-content:center;background:#0f172a73;backdrop-filter:blur(4px);padding:20px}#custom-confirm[hidden]{display:none}.confirm-card{background:#fff;border-radius:20px;box-shadow:0 24px 60px #00000038;padding:26px 24px;text-align:center;max-width:340px;width:100%;animation:confirmIn .22s ease}@keyframes confirmIn{0%{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirm-icon{width:52px;height:52px;margin:0 auto 12px;border-radius:50%;background:#1616161f;color:var(--primary,#161616);display:flex;align-items:center;justify-content:center;font-size:23px}.confirm-card h3{font-size:17px;color:#0f172a;margin-bottom:7px}.confirm-card p{font-size:13px;color:#64748b;line-height:1.65;white-space:pre-line}#custom-confirm .confirm-btns{display:flex;gap:10px;margin-top:20px}#custom-confirm .confirm-btn{flex:1;padding:12px;border-radius:12px;border:none;font-size:13px;font-weight:800;cursor:pointer}#custom-confirm .confirm-btn.cancel{background:#f1f5f9;color:#475569}#custom-confirm .confirm-btn.ok{background:var(--primary,#161616);color:#fff;box-shadow:0 8px 18px #1616164d}.bottom-bar .confirm-btn{flex:0 0 auto;padding:14px 30px;border-radius:12px;font-size:14px;white-space:nowrap}#payment-bar{position:fixed;left:50%;transform:translate(-50%);bottom:92px;z-index:10001;display:flex;align-items:center;gap:10px;background:#161616;color:#fff;padding:11px 18px 11px 13px;border-radius:999px;box-shadow:0 16px 38px #0f172a4d;font-size:13px;font-weight:600;max-width:92vw;border:1px solid rgba(255,255,255,.14);animation:paymentBarIn .25s ease}@keyframes paymentBarIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}#payment-bar[hidden]{display:none}#payment-bar .mini-spinner{width:18px;height:18px;border-radius:50%;border:3px solid rgba(255,196,0,.35);border-top-color:#ff8c00;animation:appSpin .7s linear infinite;flex:none}#payment-retry-btn{background:#fff;color:#0f172a;border:none;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800;cursor:pointer;flex:none}#app-loader{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#f7f7f8eb;backdrop-filter:blur(6px);opacity:1;transition:opacity .25s ease;padding:20px}#app-loader.hide{opacity:0;pointer-events:none}.app-loader-box{background:#fff;border:1px solid #f1f5f9;border-radius:18px;box-shadow:0 18px 45px #0f172a1a;padding:26px 28px;text-align:center;max-width:320px;width:100%}.app-spinner{width:42px;height:42px;margin:0 auto 14px;border-radius:50%;border:4px solid rgba(22,22,22,.18);border-top-color:var(--primary,#161616);animation:appSpin .75s linear infinite}@keyframes appSpin{to{transform:rotate(360deg)}}#app-loader-text{font-size:15px;font-weight:700;color:#0f172a}#app-loader-sub{font-size:12px;color:#64748b;margin-top:5px;line-height:1.5}.card{position:relative}.card-link-badge{position:absolute;top:8px;right:8px;z-index:2;width:24px;height:24px;border-radius:50%;background:var(--primary,#161616);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;box-shadow:0 4px 10px #0000002e}.soft-loading{display:flex;align-items:center;justify-content:center;gap:10px;min-height:90px;padding:20px;text-align:center;color:#64748b;background:#fff;border:1px dashed #e2e8f0;border-radius:14px;margin:12px 0;font-size:13px}.soft-loading .mini-spinner{width:18px;height:18px;border-radius:50%;border:3px solid rgba(22,22,22,.18);border-top-color:var(--primary,#161616);animation:appSpin .75s linear infinite;flex:none}.card-badge{display:block;text-align:center;margin:0 auto 6px;padding:2px 8px;max-width:92%;background:#ff8c00;color:#fff;font-size:10px;font-weight:800;border-radius:999px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pur-badge{display:inline-block;margin-top:6px;padding:3px 10px;background:#ff8c00;color:#fff;font-size:11px;font-weight:800;border-radius:999px}.pur-choice-row{display:flex;gap:10px;margin-bottom:14px}.pur-choice-btn{flex:1;padding:12px;border:2px solid #e2e8f0;border-radius:12px;background:#fff;font-size:14px;font-weight:800;color:#334155;cursor:pointer;transition:.2s}.pur-choice-btn.active{border-color:var(--primary,#161616);background:#16161614;color:var(--primary,#161616)}.set-group{display:none}.set-group.active{display:block}.set-nav{display:flex;gap:8px;overflow-x:auto;padding:2px 0 14px;-webkit-overflow-scrolling:touch}.set-nav-btn{flex:0 0 auto;padding:8px 14px;border:2px solid #e2e8f0;border-radius:999px;background:#fff;font-size:12px;font-weight:700;color:#475569;cursor:pointer}.set-nav-btn.active{background:var(--primary,#161616);border-color:var(--primary,#161616);color:#fff}.pkg-badge{display:inline-block;margin:3px auto 0;padding:2px 8px;background:#ff8c00;color:#fff;font-size:9px;font-weight:800;border-radius:999px;letter-spacing:.2px}@keyframes flatPulse{0%,to{opacity:1}50%{opacity:.55}}.listing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 15px;max-width:1400px;margin:0 auto}@media(min-width:768px){.listing-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1100px){.listing-grid{grid-template-columns:repeat(4,1fr)}}.id-card{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #EAD9D9;box-shadow:0 6px 20px #1616161a;cursor:pointer;position:relative;transition:transform .2s}.id-card:active{transform:scale(.97)}.id-card-img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;background:#f3e9e9}.id-card-price{font-size:18px;font-weight:800;color:#161616;padding:8px 10px 0}.id-card-title{font-size:13px;font-weight:700;color:#333;padding:2px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.id-card-badges{display:flex;flex-wrap:wrap;gap:5px;padding:6px 10px 10px}.mini-badge{font-size:10.5px;font-weight:700;background:#f7ecec;color:#161616;border:1px solid #E5C9C9;padding:3px 8px;border-radius:20px}.mini-badge.verified{background:#161616;color:#fff;border-color:#161616}.wish-heart{position:absolute;top:8px;right:8px;width:34px;height:34px;border-radius:50%;background:#ffffffeb;border:none;font-size:16px;color:#b08a8a;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026;z-index:2}.wish-heart.saved{color:#161616}.wish-heart.saved i{font-weight:900}.det-hero{position:relative;background:#fff}.det-hero img{width:100%;max-height:320px;object-fit:cover;display:block}.det-hero .wish-heart{top:12px;right:12px;width:42px;height:42px;font-size:19px}.det-body{padding:16px;max-width:900px;margin:0 auto}.det-price{font-size:26px;font-weight:800;color:#161616}.det-title{font-size:18px;font-weight:700;color:#1a1a2e;margin:4px 0 10px}.info-sec{background:#fff;border:1px solid #EAD9D9;border-radius:12px;padding:14px;margin:12px 0}.info-sec h4{font-size:15px;font-weight:800;color:#161616;margin-bottom:10px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:9px 2px;border-bottom:1px solid #f3ecec;font-size:13.5px}.info-row:last-child{border-bottom:none}.info-row .k{color:#64748b;font-weight:500}.info-row .v{color:#1e293b;font-weight:700;text-align:right}.skin-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.gal-row{display:flex;gap:8px;overflow-x:auto;padding:4px 2px}.gal-row img{width:110px;height:80px;object-fit:cover;border-radius:8px;cursor:pointer;border:1px solid #EAD9D9;flex-shrink:0}#lightbox{position:fixed;inset:0;z-index:9999;background:#000000eb;display:flex;align-items:center;justify-content:center;padding:16px}#lightbox img{max-width:100%;max-height:90vh;border-radius:8px}.video-wrap{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px;background:#000}.video-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.seller-card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #EAD9D9;border-radius:12px;padding:14px;margin:12px 0}.seller-avatar{width:52px;height:52px;border-radius:50%;background:#161616;color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;flex-shrink:0}.seller-name{font-size:15px;font-weight:800;color:#1a1a2e}.seller-meta{font-size:12px;color:#64748b;margin-top:2px}.stars{color:#ff8c00;font-size:13px;letter-spacing:1px}.btn-row{display:flex;gap:10px;margin:14px 0}.btn-row .primary-btn,.btn-row .wa-btn{flex:1}.primary-btn{display:block;width:100%;background:#161616;color:#fff;border:none;border-radius:10px;padding:14px;font-size:15px;font-weight:800;cursor:pointer;text-align:center}.primary-btn:active{transform:scale(.98)}.primary-btn:disabled{opacity:.6}.wa-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:#1fa855;color:#fff;border:none;border-radius:10px;padding:14px;font-size:15px;font-weight:800;cursor:pointer;text-align:center}.wa-btn:active{transform:scale(.98)}.call-warning{background:#16161614;border:1.5px solid #161616;color:#161616;border-radius:12px;padding:12px 14px;font-size:13.5px;font-weight:600;line-height:1.7;margin:12px 0}.call-warning strong{font-weight:800}.order-card{background:#fff;border:1px solid #EAD9D9;border-radius:14px;overflow:hidden;margin:12px 15px;box-shadow:0 4px 14px #16161612;cursor:pointer}.order-top{display:flex;gap:12px;padding:12px;align-items:center}.order-top img{width:74px;height:56px;object-fit:cover;border-radius:8px;flex-shrink:0}.order-title{font-size:14px;font-weight:700;color:#1a1a2e}.order-price{font-size:15px;font-weight:800;color:#161616;margin-top:2px}.status-pill{display:inline-block;font-size:11px;font-weight:800;padding:4px 12px;border-radius:20px;margin-top:6px}.status-pill.pending{background:#1616161a;color:#161616}.status-pill.reserved{background:#ff8c001f;color:#ff8c00}.status-pill.done{background:#16a34a1f;color:#16a34a}.status-pill.cancelled{background:#ef44441a;color:#dc2626}.timeline{margin:4px 0 0;padding:0 12px 4px}.tl-item{display:flex;gap:10px;border-left:2px solid #E5C9C9;padding:8px 0 8px 14px;margin-left:6px;position:relative;font-size:13px}.tl-item:before{content:"";position:absolute;left:-6px;top:12px;width:10px;height:10px;border-radius:50%;background:#161616}.tl-item .tl-time{color:#94a3b8;font-size:11px}.comment-box{background:#fff;border:1px solid #EAD9D9;border-radius:12px;padding:14px;margin:12px 0}.comment-item{padding:10px 0;border-bottom:1px solid #f3ecec}.comment-item:last-child{border-bottom:none}.comment-head{display:flex;justify-content:space-between;font-size:12px;margin-bottom:4px}.comment-name{font-weight:800;color:#161616}.comment-time{color:#94a3b8}.comment-text{font-size:13.5px;color:#334155;line-height:1.6;word-break:break-word}.comment-form{display:flex;gap:8px;margin-top:10px}.comment-form input{flex:1;border:1.5px solid #E5C9C9;border-radius:10px;padding:10px 12px;font-size:14px;font-family:inherit}.comment-form input:focus{outline:none;border-color:#161616}.comment-empty{text-align:center;color:#94a3b8;font-size:13px;padding:16px 0}.form-card{background:#fff;border:1px solid #EAD9D9;border-radius:14px;padding:18px;margin:12px 15px;max-width:700px}.form-card h3{font-size:16px;font-weight:800;color:#161616;margin-bottom:12px}.f-label{display:block;font-size:13px;font-weight:700;color:#334155;margin:12px 0 6px}.f-input,.f-select,.f-textarea{width:100%;border:1.5px solid #E5C9C9;border-radius:10px;padding:11px 12px;font-size:14px;font-family:inherit;background:#fff}.f-input:focus,.f-select:focus,.f-textarea:focus{outline:none;border-color:#161616}.f-textarea{min-height:90px;resize:vertical}.f-hint{font-size:11.5px;color:#64748b;margin-top:4px}.f-row{display:flex;gap:10px}.f-row>div{flex:1}.file-pick{display:flex;align-items:center;gap:10px;border:1.5px dashed #FFD9A8;border-radius:10px;padding:12px;font-size:13px;color:#161616;font-weight:700;cursor:pointer;background:#fdf7f7}.img-previews{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.img-previews img{width:76px;height:60px;object-fit:cover;border-radius:8px;border:1px solid #EAD9D9}.fee-note{background:#16161612;border:1px solid #E5C9C9;border-radius:10px;padding:10px 12px;font-size:13px;color:#161616;margin:12px 0;line-height:1.6}.player-card{background:#fff;border:1px solid #EAD9D9;border-radius:14px;padding:18px;margin:12px 15px;max-width:700px}.player-avatar{width:74px;height:74px;border-radius:50%;background:#161616;color:#fff;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:800;margin:0 auto 10px}.player-name{text-align:center;font-size:19px;font-weight:800;color:#1a1a2e}.player-uid{text-align:center;font-size:12.5px;color:#64748b;margin-bottom:12px}.ban-ok{background:#16a34a1a;color:#15803d;border:1px solid #bbf7d0;border-radius:10px;padding:10px;font-size:13.5px;font-weight:700;text-align:center;margin-top:10px}.ban-bad{background:#dc262614;color:#b91c1c;border:1px solid #fecaca;border-radius:10px;padding:10px;font-size:13.5px;font-weight:700;text-align:center;margin-top:10px}.search-bar{display:flex;gap:8px;padding:12px 15px 4px;max-width:1400px;margin:0 auto}.search-bar input{flex:1;border:1.5px solid #E5C9C9;border-radius:30px;padding:11px 18px;font-size:14px;font-family:inherit;background:#fff}.search-bar input:focus{outline:none;border-color:#161616}.filter-row{display:flex;gap:8px;padding:10px 15px;overflow-x:auto;max-width:1400px;margin:0 auto}.filter-chip{flex-shrink:0;border:1.5px solid #E5C9C9;background:#fff;color:#161616;font-size:12.5px;font-weight:700;padding:8px 16px;border-radius:30px;cursor:pointer;font-family:inherit}.filter-chip.active{background:#161616;color:#fff;border-color:#161616}select.filter-chip{appearance:auto;-webkit-appearance:auto}.wallet-hero{background:#161616;color:#fff;border-radius:16px;margin:14px 15px;padding:22px;text-align:center}.wallet-hero .w-label{font-size:13px;opacity:.85}.wallet-hero .w-bal{font-size:34px;font-weight:800;margin:6px 0 14px}.tx-item{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #EAD9D9;border-radius:10px;padding:12px 14px;margin:8px 15px;font-size:13.5px}.tx-amt.neg{color:#dc2626;font-weight:800}.tx-amt.pos{color:#16a34a;font-weight:800}.tx-meta{font-size:11.5px;color:#94a3b8}.safety-box{background:#fff;border:1px solid #EAD9D9;border-radius:14px;padding:18px;margin:12px 15px;max-width:800px}.safety-box h3{color:#161616;font-size:16px;font-weight:800;margin:14px 0 8px}.safety-box h3:first-child{margin-top:0}.safety-box p,.safety-box li{font-size:13.5px;color:#475569;line-height:1.8}.safety-box ul{padding-left:20px}.garena-risk{background:#16161612;border:1.5px solid #161616;border-radius:12px;padding:14px;margin:14px 0}.garena-risk h3{color:#161616!important;margin-top:0!important}.wish-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0 15px}.kyc-status-pill{display:inline-block;font-size:12px;font-weight:800;padding:6px 14px;border-radius:20px}.kyc-status-pill.none{background:#f1f5f9;color:#64748b}.kyc-status-pill.pending{background:#ffd9a859;color:#161616}.kyc-status-pill.verified{background:#16a34a1f;color:#15803d}.kyc-status-pill.rejected{background:#dc26261a;color:#b91c1c}.step-dots{display:flex;gap:6px;justify-content:center;margin:10px 0 2px}.step-dot{width:26px;height:26px;border-radius:50%;background:#ead9d9;color:#161616;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}.step-dot.done{background:#161616;color:#fff}img{max-width:100%;height:auto}iframe{max-width:100%}@media(max-width:380px){.listing-grid,.wish-grid{gap:8px;padding:0 10px}.filter-row{padding:10px}}@media(min-width:1280px){.listing-grid,.grid,.filter-row{max-width:1200px}.orders-grid{max-width:1000px}}.listing-card,.order-card,.flat-panel,.comment-item{overflow-wrap:anywhere}.pi-card{background:#fff;border:1px solid #EAD9D9;border-radius:14px;overflow:hidden;margin:14px 0;box-shadow:0 6px 20px #16161614}.pi-banner{height:130px;background-size:cover;background-position:center;background-color:#161616}.pi-head{display:flex;gap:14px;padding:0 16px;margin-top:-34px;align-items:flex-end}.pi-ava{width:84px;height:84px;border-radius:50%;background:#161616;color:#fff;font-size:34px;font-weight:800;display:flex;align-items:center;justify-content:center;border:4px solid #fff;box-shadow:0 4px 14px #0000002e;position:relative;flex-shrink:0;overflow:hidden}.pi-ava img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.pi-lvl{position:absolute;bottom:-2px;right:-2px;background:#161616;color:#fff;font-size:10px;font-weight:800;padding:2px 8px;border-radius:12px;border:2px solid #fff}.pi-pinfo{padding-bottom:6px;min-width:0}.pi-name{font-size:20px;font-weight:800;color:#1a1a2e}.pi-uidrow{display:flex;align-items:center;gap:8px;margin-top:4px;flex-wrap:wrap}.pi-uidchip{background:#f7ecec;border:1px solid #E5C9C9;color:#161616;font-size:12px;font-weight:700;padding:3px 10px;border-radius:14px}.pi-copybtn{background:#fff;border:1px solid #E5C9C9;color:#161616;font-size:12px;font-weight:700;padding:4px 12px;border-radius:14px;cursor:pointer}.pi-badges{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.pi-badge{font-size:11px;font-weight:800;padding:4px 10px;border-radius:12px}.pi-region{background:#161616;color:#fff}.pi-banned{background:#fee2e2;color:#b91c1c;border:1px solid #FECACA}.pi-clean{background:#dcfce7;color:#15803d;border:1px solid #BBF7D0}.pi-awak{background:#fef3c7;color:#92400e;border:1px solid #FDE68A}.pi-skill{background:#f7ecec;color:#161616;border:1px solid #E5C9C9}.pi-tabs{display:flex;gap:6px;padding:12px 16px 0;overflow-x:auto;border-bottom:2px solid #F7ECEC}.pi-tab{border:none;background:none;font-size:13px;font-weight:700;color:#64748b;padding:8px 14px;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;white-space:nowrap;font-family:inherit}.pi-tab.active{color:#161616;border-bottom-color:#161616}.pi-sec{padding:14px 16px}.pi-statgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.pi-stat{background:#fdf7f7;border:1px solid #F3E2E2;border-radius:10px;padding:10px 6px;text-align:center}.pi-stat .v{font-size:17px;font-weight:800;color:#161616}.pi-stat .l{font-size:11px;color:#475569;margin-top:2px;font-weight:600}.pi-sig{font-style:italic;color:#475569;background:#fdf7f7;border-left:3px solid #161616;padding:8px 12px;border-radius:0 8px 8px 0;font-size:13px;margin:0 0 10px}.pi-meta{display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:#334155;margin-bottom:12px}.pi-secttl{font-size:14px;font-weight:800;color:#161616;margin:14px 0 8px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pi-srow{display:flex;justify-content:space-between;gap:10px;font-size:13px;padding:7px 0;border-bottom:1px solid #F7ECEC}.pi-srow span:first-child{color:#475569;font-weight:600}.pi-srow span:last-child{color:#1e293b;font-weight:700;text-align:right}.pi-clanbox{background:#fdf7f7;border:1px solid #F3E2E2;border-radius:10px;padding:12px}.pi-clanname{font-size:15px;font-weight:800;color:#161616}.pi-clanmeta{font-size:12.5px;color:#475569;margin-top:4px}.pi-petrow{display:flex;gap:12px;align-items:center;background:#fdf7f7;border:1px solid #F3E2E2;border-radius:10px;padding:12px}.pi-petimg{width:64px;height:64px;border-radius:12px;object-fit:cover;background:#f3e2e2}.pi-petname{font-size:14px;font-weight:800;color:#1a1a2e}.pi-petlvl{font-size:12px;color:#475569;margin-top:2px}.pi-outfitgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pi-outfititem{background:#fdf7f7;border:1px solid #F3E2E2;border-radius:10px;padding:6px;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.pi-outfititem img{max-width:100%;max-height:100%;object-fit:contain}.pi-actions{display:flex;gap:10px;padding:0 16px 16px}.pi-actbtn{flex:1;background:#161616;color:#fff;border:none;border-radius:10px;padding:12px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit}.pi-hist-label{font-size:12px;font-weight:700;color:#64748b;margin:10px 0 6px}.pi-hist-chip{background:#fff;border:1.5px solid #E5C9C9;color:#161616;font-size:12px;font-weight:700;padding:6px 12px;border-radius:20px;cursor:pointer;margin:0 6px 6px 0;font-family:inherit}.pi-hist-chip small{color:#94a3b8;font-weight:500}