:root{--bg:#07061a;--ink:#f4f5ff;--mut:#adb2da;--ac:#ffb020;--b:rgba(255,255,255,.16);--hi:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(255,255,255,.06),inset 1px 0 0 rgba(255,255,255,.18),inset -1px 0 0 rgba(255,255,255,.08),0 12px 32px rgba(0,0,0,.35)}
*{box-sizing:border-box;margin:0}
body{background:var(--bg);color:var(--ink);font:400 15px/1.5 Sora,system-ui,sans-serif;min-height:100vh;padding:calc(env(safe-area-inset-top,0px) + 76px) 14px calc(env(safe-area-inset-bottom,0px) + 100px)}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(42% 34% at 12% 8%,rgba(120,90,255,.75),transparent 70%),radial-gradient(40% 30% at 92% 22%,rgba(30,170,255,.55),transparent 70%),radial-gradient(38% 30% at 80% 62%,rgba(255,176,32,.28),transparent 70%),radial-gradient(45% 35% at 10% 88%,rgba(255,70,170,.32),transparent 70%)}
main{max-width:640px;margin:auto;display:grid;gap:12px}
h1{font-size:28px;line-height:1.15;font-weight:800}h2{font-size:20px}h3{font-size:18px}small,.mut{color:var(--mut)}small{font-size:12px}
/* liquid glass */
.g{background:radial-gradient(120% 70% at 15% 0,rgba(255,255,255,.2),transparent 55%),linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.04) 50%,rgba(255,255,255,.09));border:1px solid rgba(255,255,255,.14);border-radius:28px;box-shadow:var(--hi)}
#hd{position:fixed;top:0;left:0;right:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:calc(env(safe-area-inset-top,0px) + 10px) 14px 10px;background:linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.03));backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.12);box-shadow:inset 0 -1px 0 rgba(255,255,255,.06)}
.logo{font-weight:800;font-size:19px;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:8px}.logo i{font-style:normal;color:var(--ac)}.logo img{height:28px;border-radius:8px}
.av{width:30px;height:30px;border-radius:50%;border:1px solid var(--b)}
#nav{position:fixed;left:0;right:0;margin:auto;width:calc(100% - 24px);max-width:616px;bottom:calc(env(safe-area-inset-bottom,0px) + 10px);z-index:5;display:flex;gap:2px;padding:6px;border-radius:99px;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.05));backdrop-filter:blur(26px) saturate(200%);-webkit-backdrop-filter:blur(26px) saturate(200%);border:1px solid rgba(255,255,255,.18);box-shadow:var(--hi)}
#nav a{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 2px;border-radius:99px;color:var(--mut);text-decoration:none;font-size:11px;font-weight:600}
#nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#nav a.on{color:#fff;background:linear-gradient(180deg,rgba(255,255,255,.3),rgba(255,255,255,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -1px 0 rgba(255,255,255,.1),0 4px 14px rgba(0,0,0,.25)}
.bd{font-style:normal;font-size:10px;font-weight:700;background:#ff4d6d;color:#fff;border-radius:99px;padding:1px 7px;margin-left:6px}#nav .bd{position:absolute;top:2px;right:8px;margin:0}
.btn,.gh,.tabs button{font:600 14px Sora,sans-serif;border:0;border-radius:99px;padding:11px 18px;cursor:pointer;color:#fff;text-decoration:none;text-align:center;transition:transform .15s}
.btn:active,.gh:active,.gbtn:active{transform:scale(.97)}
.btn{background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,0) 55%),linear-gradient(135deg,#7f63ff,#35bfff);box-shadow:inset 0 1px 0 rgba(255,255,255,.65),inset 0 -2px 6px rgba(0,0,0,.15),0 8px 24px rgba(60,140,255,.35)}.btn.w{width:100%}.btn:disabled,.gh:disabled{opacity:.4}
.gh{background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.05));border:1px solid var(--b);padding:8px 14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}.gh.dng{color:#ff8fa3}
.tabs{display:flex;gap:8px;flex-wrap:wrap}.tabs button{flex:1;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.04));border:1px solid var(--b);white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}.tabs button.on{border-color:#5ee7df;color:#5ee7df;background:rgba(94,231,223,.16)}.tabs.sm button{font-size:12px;padding:8px 12px}
:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
.hero,.box{padding:18px;display:grid;gap:10px}
.card{padding:12px;display:grid;gap:8px;overflow:hidden}
.ph{position:relative;aspect-ratio:16/10;border-radius:20px;overflow:hidden;background:rgba(0,0,0,.35)}.ph img{width:100%;height:100%;object-fit:cover}
.lv,.st{position:absolute;top:8px;font-size:12px;font-weight:600;padding:3px 10px;border-radius:99px;background:rgba(10,8,32,.45);border:1px solid rgba(255,255,255,.2)}.lv{left:8px}.st{right:8px}
.pk .st,.rw .st{position:static}.in{color:#4cdcae}.out{color:#ff8fa3}
.stats{display:flex;gap:14px;flex-wrap:wrap;color:var(--mut);font-size:13px}.stats b{color:var(--ink)}
.tags{display:flex;gap:6px;flex-wrap:wrap}.tags span{font-size:12px;padding:4px 12px;border:1px solid var(--b);border-radius:99px;background:rgba(255,255,255,.06)}
.rw{display:flex;justify-content:space-between;align-items:center;gap:8px}.pr{font-size:26px;font-weight:800;color:var(--ac)}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pk{padding:14px;display:grid;gap:6px;text-align:left;color:var(--ink);font:inherit;cursor:pointer}.pk img{width:100%;border-radius:16px}.pk:disabled{opacity:.5}
input,select,textarea{width:100%;font:400 15px Sora,sans-serif;color:var(--ink);background:rgba(255,255,255,.07);border:1px solid var(--b);border-radius:18px;padding:12px 14px;margin:5px 0;box-shadow:inset 0 2px 8px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.1)}
input:focus,select:focus,textarea:focus{outline:0;border-color:rgba(255,255,255,.5);box-shadow:inset 0 2px 8px rgba(0,0,0,.25),0 0 0 3px rgba(94,231,223,.25)}select option{color:#000}
label{display:block;font-size:13px;color:var(--mut)}ul{padding-left:20px;display:grid;gap:8px}
.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.shots{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px}.shots img{height:360px;border-radius:20px;cursor:pointer}
#modal{position:fixed;inset:0;z-index:9;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(3,4,18,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}#modal.on{display:flex}
.sheet{width:100%;max-width:400px;max-height:90vh;overflow:auto;padding:20px;display:grid;gap:10px;background:radial-gradient(120% 60% at 15% 0,rgba(255,255,255,.2),transparent 55%),rgba(20,16,56,.6);border-radius:32px}.sheet img{max-width:100%;border-radius:18px}.sheet .ph{aspect-ratio:auto}
.qr{background:#fff;border-radius:24px;padding:12px;display:grid;place-items:center;box-shadow:0 8px 30px rgba(0,0,0,.35)}.qr img{max-width:260px;width:100%;border-radius:12px}
.drop{display:grid;gap:2px;justify-items:center;text-align:center;padding:16px;border:1.5px dashed rgba(255,255,255,.35);border-radius:22px;background:rgba(255,255,255,.05);cursor:pointer;color:var(--ink)}#pv{max-height:200px;object-fit:contain;justify-self:center;border:1px solid var(--b)}
.lg{display:grid;gap:12px;justify-items:center;text-align:center}.lg .mk{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,255,255,.3),rgba(255,255,255,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 8px 24px rgba(0,0,0,.3)}.lg .mk svg{width:30px;height:30px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.lg .mk img{width:40px;border-radius:10px}.lg>*{width:100%}.lg h3{font-size:24px}
.gbtn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:13px 16px;border:0;border-radius:99px;background:#fff;color:#1f1f1f;font:600 15px Sora,sans-serif;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.3),inset 0 -2px 0 rgba(0,0,0,.06)}.gbtn svg{width:20px;height:20px}
.chip{font-size:11px;font-weight:700;padding:3px 11px;border-radius:99px;border:1px solid currentColor;background:rgba(255,255,255,.06);text-transform:capitalize}.chip.pending{color:#ffc94d}.chip.approved,.chip.delivered{color:#4cdcae}.chip.rejected{color:#ff8fa3}
.kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0}.kpi div{padding:10px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid var(--b);display:grid}.kpi b{font-size:18px}
.pf{max-width:100%;max-height:260px;object-fit:contain;justify-self:start;border-radius:16px;cursor:zoom-in}
#toast{position:fixed;left:50%;top:calc(env(safe-area-inset-top,0px) + 70px);transform:translateX(-50%);z-index:10;padding:10px 18px;border-radius:99px;background:rgba(94,231,223,.9);color:#04121c;font-weight:600;display:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 8px 24px rgba(0,0,0,.35);max-width:92vw;text-align:center}
#ft{max-width:640px;margin:24px auto 0;color:var(--mut);font-size:12px}
details{border:1px solid var(--b);border-radius:24px;padding:14px;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.03));box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}summary{font-weight:600;cursor:pointer}details>*+*{margin-top:8px}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.g,#hd,#nav,details{background:rgba(30,24,80,.92)}.sheet{background:rgba(20,16,56,.98)}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
#modal .lg{padding:14px 0 6px;gap:14px}#modal .sheet:has(.lg){max-width:360px;margin:auto}

/* Info boxes: Gmail/Password, OTP, Prime, Reviews */
.info{display:grid;gap:8px;margin:10px 0}
.info .two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.info .bx{border:1px solid var(--b);border-radius:16px;padding:9px 14px;font-size:14px;line-height:1.6;background:rgba(255,255,255,.06);word-break:break-all;min-height:20px}
.info .rev{display:flex;align-items:center;justify-content:space-between;gap:8px}
.info .rev small{opacity:.7;font-size:13px}

/* Activity popup: liquid glass */
#sp{--ac:#22c55e;position:fixed;left:12px;bottom:104px;z-index:50;width:min(360px,calc(100% - 24px));display:flex;align-items:center;gap:12px;padding:12px 14px 12px 18px;border-radius:18px;overflow:hidden;color:#f1f0ff;font-size:14px;line-height:1.35;opacity:0;pointer-events:none;background:rgba(255,255,255,.09);-webkit-backdrop-filter:blur(18px) saturate(1.7);backdrop-filter:blur(18px) saturate(1.7);border:1px solid color-mix(in srgb,var(--ac) 55%,transparent);box-shadow:0 10px 34px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.38),inset 0 -1px 0 rgba(255,255,255,.08)}
#sp.sp-on{opacity:1;pointer-events:auto}
#sp::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.34) 50%,transparent 70%);transform:translateX(-130%);animation:spS 2.2s .5s ease-in-out 2;pointer-events:none}
#sp .sp-b{position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--ac)}
#sp .sp-i{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:17px;color:var(--ac);background:color-mix(in srgb,var(--ac) 22%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.3);animation:spC .55s .35s both cubic-bezier(.3,1.6,.5,1)}
#sp .sp-t{min-width:0;flex:1}
#sp .sp-t b{display:block;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#sp .sp-t em{display:block;font-style:normal;font-weight:700;font-size:12px;letter-spacing:.06em;color:var(--ac)}
#sp .sp-t small{display:block;opacity:.65;font-size:12px}
#sp button{flex:none;background:none;border:0;color:inherit;font-size:20px;line-height:1;padding:0 4px;cursor:pointer;opacity:.7}
@keyframes spS{to{transform:translateX(130%)}}
@keyframes spC{from{transform:scale(0) rotate(-40deg)}to{transform:none}}
@keyframes pv1{0%{transform:translateX(-120%) scale(.85,1.15);opacity:0}55%{transform:translateX(6px) scale(1.04,.96);opacity:1}100%{transform:none;opacity:1}}
@keyframes pv2{0%{transform:translateX(120%) scale(.85,1.15);opacity:0}55%{transform:translateX(-6px) scale(1.04,.96);opacity:1}100%{transform:none;opacity:1}}
@keyframes pv3{0%{transform:translateY(80px) scale(.9,1.1);opacity:0}65%{transform:translateY(-8px) scale(1.03,.97);opacity:1}100%{transform:none;opacity:1}}
@keyframes pv4{0%{transform:translateY(-120px);opacity:0}60%{transform:translateY(10px);opacity:1}100%{transform:none;opacity:1}}
@keyframes pv5{0%{transform:scale(.3);opacity:0}65%{transform:scale(1.08);opacity:1}100%{transform:none;opacity:1}}
@keyframes pv6{from{transform:perspective(500px) rotateX(-90deg);opacity:0}to{transform:none;opacity:1}}
@keyframes pv7{from{transform:perspective(500px) rotateY(90deg);opacity:0}to{transform:none;opacity:1}}
@keyframes pv8{from{transform:rotate(-200deg) scale(.2);opacity:0}to{transform:none;opacity:1}}
@keyframes pv9{0%{transform:scaleX(.1);opacity:0}60%{transform:scaleX(1.12);opacity:1}100%{transform:none;opacity:1}}
@keyframes pv10{from{filter:blur(24px);transform:scale(1.3);opacity:0}to{filter:blur(0);transform:none;opacity:1}}
@keyframes pv11{0%{transform:rotate(-80deg);opacity:0}40%{transform:rotate(18deg);opacity:1}65%{transform:rotate(-9deg)}85%{transform:rotate(4deg)}100%{transform:none;opacity:1}}
@keyframes pv12{0%{transform:scale(.3,1);opacity:0}30%{transform:scale(1.25,.75);opacity:1}40%{transform:scale(.75,1.25)}50%{transform:scale(1.15,.85)}65%{transform:scale(.95,1.05)}75%{transform:scale(1.05,.95)}100%{transform:none;opacity:1}}
@keyframes pv13{from{clip-path:inset(0 100% 0 0);opacity:1}to{clip-path:inset(0 0 0 0);opacity:1}}
@keyframes pv14{0%{transform:scale(.6);opacity:0}25%{transform:scale(1.15,.85);opacity:1}50%{transform:scale(.9,1.1)}75%{transform:scale(1.03,.97)}100%{transform:none;opacity:1}}
@keyframes pv15{0%{transform:translateY(30px);opacity:0}60%{transform:translateY(-4px);opacity:1}100%{transform:none;opacity:1}}
@keyframes spO{to{transform:translateY(16px) scale(.95);opacity:0}}
#sp.t-id{--ac:#22c55e}
#sp.t-topup{--ac:#38bdf8}
#sp.t-mem{--ac:#ffb020}
#sp.t-sell{--ac:#4ade80}
#sp.v1{animation:pv1 .8s cubic-bezier(.2,1,.3,1) both}
#sp.v2{animation:pv2 .8s cubic-bezier(.2,1,.3,1) both}
#sp.v3{animation:pv3 .75s ease-out both}
#sp.v4{animation:pv4 .7s ease-out both}
#sp.v5{animation:pv5 .65s ease-out both}
#sp.v6{animation:pv6 .7s ease-out both}
#sp.v7{animation:pv7 .7s ease-out both}
#sp.v8{animation:pv8 .8s cubic-bezier(.2,1,.3,1) both}
#sp.v9{animation:pv9 .65s ease-out both}
#sp.v10{animation:pv10 .8s ease-out both}
#sp.v11{transform-origin:top left;animation:pv11 1s ease-out both}
#sp.v12{animation:pv12 .9s ease-out both}
#sp.v13{animation:pv13 .7s ease-out both}
#sp.v14{animation:pv14 .9s ease-out both}
#sp.v15{animation:pv15 .7s ease-out both}
#sp.sp-out{animation:spO .45s ease-in both}

/* Sell ID */
.thumbs{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
.thumbs img{width:31%;border-radius:10px;cursor:pointer}
.msg{padding:8px 12px;border-radius:14px;margin:6px 0;font-size:14px;line-height:1.5;border:1px solid var(--b);word-break:break-word}
.msg small{display:block;opacity:.65;margin-bottom:2px}
.msg.admin{background:rgba(91,108,255,.18)}
.msg.user{background:rgba(255,255,255,.06)}
.box.warn{border:1px solid #ffb020}
.chip.approved,.chip.details{color:#7dd3fc}
.chip.completed{color:#4ade80}

/* Stop unwanted zoom and sideways scroll on phones */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;max-width:100%}
body{max-width:100%;overflow-x:clip;overflow-wrap:break-word}
input,textarea,select{font-size:16px}
button,a,label,[data-a]{touch-action:manipulation}
img,video,canvas,svg{max-width:100%}

/* Block pinch and double-tap zoom */
html,body{touch-action:pan-x pan-y}

/* Popup position and tap */
#sp{top:auto;right:auto}
#sp[data-pos="bl"]{left:12px;bottom:104px}
#sp[data-pos="br"]{left:auto;right:12px;bottom:104px}
#sp[data-pos="bc"]{left:0;right:0;margin-inline:auto;bottom:104px}
#sp[data-pos="tl"]{left:12px;bottom:auto;top:84px}
#sp[data-pos="tr"]{left:auto;right:12px;bottom:auto;top:84px}
#sp[data-pos="tc"]{left:0;right:0;margin-inline:auto;bottom:auto;top:84px}
#sp.sp-go{cursor:pointer}

/* Smooth scrolling: lighter cards */
.card{content-visibility:auto;contain-intrinsic-size:auto 640px}
body::before{transform:translateZ(0)}
.g,.gh,details,.sheet{background-color:rgba(26,22,60,.55)}

/* Help chat */
#hb{position:fixed;right:14px;bottom:104px;z-index:40;padding:10px 16px;border-radius:99px;font-weight:700;font-size:14px;color:#fff;background:rgba(91,108,255,.92);box-shadow:0 8px 24px rgba(0,0,0,.35);text-decoration:none}
#hb i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#ff4d6d;margin-left:4px;vertical-align:middle}
.cl{display:grid;gap:8px;max-height:52vh;overflow:auto;padding:4px 2px;align-content:start}
.cb{max-width:86%;padding:8px 12px;border-radius:16px;font-size:14px;line-height:1.45;border:1px solid var(--b);word-break:break-word}
.cb small{display:block;opacity:.65;font-size:11px;margin-bottom:2px}
.cb div{white-space:pre-wrap}
.cb.me{justify-self:end;background:rgba(91,108,255,.3);border-bottom-right-radius:4px}
.cb.ot{justify-self:start;background:rgba(255,255,255,.08);border-bottom-left-radius:4px}
.cb.bot{border-color:rgba(56,189,248,.45)}
.cb img{max-width:100%;border-radius:10px;display:block;margin:4px 0;cursor:pointer}
.cb audio{max-width:100%;height:36px}
.cc{display:flex;gap:6px;align-items:center;margin-top:8px}
.cc input:not([type=file]){flex:1;min-width:0}
.ci{padding:10px 12px;cursor:pointer;flex:none}
.chrow{display:block;width:100%;text-align:left;color:inherit;cursor:pointer;font:inherit}