*{box-sizing:border-box}body{margin:0;background:#020b13;color:#f6fbff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}.app{max-width:720px;min-height:100vh;margin:auto;background:linear-gradient(#071b2c,#03111b);padding-bottom:84px}header{position:sticky;top:0;z-index:20;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #17405a;background:#061725f5;backdrop-filter:blur(14px)}.brand{font-size:24px;font-weight:900}.muted{color:#8ca9bb}.tiny{font-size:11px;color:#7f9aab}.headActions,.row{display:flex;align-items:center;gap:8px}.row{justify-content:space-between}.wrap{flex-wrap:wrap}.btn{border:0;border-radius:12px;padding:10px 14px;background:#087cf2;color:#fff;font-weight:800}.sec{background:#173d55}.danger{background:#873743}.ok{background:#1f7a4d}.full{width:100%}.page{display:none;padding:16px}.page.active{display:block}.hero,.card{background:#0a2335;border:1px solid #183e56;border-radius:18px;padding:16px;margin-bottom:12px}.hero{background:linear-gradient(135deg,#0b3452,#0877c2);padding:24px}.hero h1{font-size:32px;margin:0 0 8px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product{background:#0a2335;border:1px solid #183e56;border-radius:16px;padding:10px;display:flex;flex-direction:column}.pic{aspect-ratio:4/3;border-radius:12px;background:#0a3d59;display:flex;align-items:center;justify-content:center;font-size:58px;overflow:hidden}.pic img,.thumb img{width:100%;height:100%;object-fit:cover}.product h3{margin:10px 0 5px}.price{color:#68bdff;font-weight:900;font-size:20px}.search,input,select,textarea{width:100%;padding:12px;margin:6px 0 10px;background:#061a28;border:1px solid #28536d;border-radius:10px;color:#fff}.split{display:grid;grid-template-columns:1fr 2fr;gap:8px}.notice{border:1px dashed #37657f;background:#082034;border-radius:13px;padding:12px;margin:10px 0}.hidden{display:none!important}.qty{display:flex;align-items:center;gap:8px}.qty button{border:0;border-radius:8px;padding:6px 10px;background:#173d55;color:#fff}.thumb{width:72px;height:72px;border-radius:11px;overflow:hidden;background:#0a3d59;display:flex;align-items:center;justify-content:center;font-size:32px;flex:0 0 72px}.item{display:flex;gap:10px;align-items:center}.itemActions{display:flex;gap:6px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.stat{background:#0d2d43;border:1px solid #1d4a65;border-radius:14px;padding:13px}.stat b{display:block;font-size:24px;color:#70c1ff;margin-top:6px}.wallet{background:linear-gradient(135deg,#0c4b75,#09273b)}.bigMoney{font-size:28px}.sellerTabs{display:flex;gap:8px;margin:12px 0}.sellerPanel h2{margin-bottom:8px}.orderCard{background:#0a2335;border:1px solid #183e56;border-radius:15px;padding:13px;margin-bottom:10px}.orderItems{font-size:13px;color:#a9c0ce;margin:8px 0}.status{display:inline-block;padding:5px 9px;border-radius:999px;background:#173d55;font-size:12px}.toast{position:fixed;z-index:50;left:50%;bottom:90px;transform:translateX(-50%);background:#087cf2;padding:11px 16px;border-radius:12px;max-width:90%;box-shadow:0 12px 30px #0009}nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(720px,100%);height:70px;background:#041522;border-top:1px solid #17405a;display:grid;grid-template-columns:repeat(4,1fr);z-index:25}nav button{border:0;background:none;color:#8ca9bb;font-size:20px}nav small{display:block;font-size:10px;margin-top:3px}.modal{position:fixed;inset:0;background:#000a;z-index:70;display:grid;place-items:center;padding:20px}.modalBox{width:min(420px,100%);background:#0a2335;border:1px solid #28536d;border-radius:16px;padding:18px}.empty{text-align:center;color:#8ca9bb;padding:28px}.success{background:#103b2a;border:1px solid #2c8b62;border-radius:14px;padding:12px;margin-bottom:12px}.warning{background:#4a3812;border:1px solid #8b6a24;border-radius:14px;padding:12px;margin-bottom:12px}@media(max-width:520px){.grid{grid-template-columns:1fr 1fr}.hero h1{font-size:27px}.product .btn{padding:9px 8px}.item{align-items:flex-start;flex-wrap:wrap}.itemActions{width:100%}}@media(max-width:360px){.grid{grid-template-columns:1fr}.split{grid-template-columns:1fr}}
.chatMessages{min-height:220px;max-height:430px;overflow:auto;padding:10px;margin:12px 0;background:rgba(0,0,0,.12);border-radius:16px}.chatMsg{max-width:85%;padding:10px 12px;margin:8px 0;border-radius:14px;background:rgba(255,255,255,.08)}.chatMsg.customer{margin-right:auto;background:rgba(30,136,229,.28)}.chatMsg.seller{margin-left:auto}.chatMsg small{display:block;opacity:.6;margin-top:5px}.chatMessages.seller{min-height:80px;max-height:260px}
.variantEditor{display:grid;gap:10px;margin:10px 0}.variantRow{display:grid;grid-template-columns:1fr 1fr 110px auto;gap:8px;align-items:end;padding:10px;border:1px solid #e5e7eb;border-radius:14px;background:#fff}.variantRow label{font-size:12px;color:#6b7280}.variantRow input{width:100%;margin:3px 0 0}.variantRow .removeVariant{min-width:44px;padding:11px 10px}.variantHint{font-size:12px;color:#6b7280;margin-top:4px}.modelMeta{font-size:12px;color:#6b7280;margin:3px 0 8px}.stockPill{display:inline-block;padding:3px 8px;border-radius:999px;background:#f3f4f6;font-size:12px;margin-top:4px}@media(max-width:620px){.variantRow{grid-template-columns:1fr 1fr}.variantRow .stockCell{grid-column:1/2}.variantRow .removeVariant{grid-column:2/3;align-self:end}}

.imageManager{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0}.imageEditCard{background:#0a2335;border:1px solid #28536d;border-radius:14px;padding:9px}.imageEditCard>img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px;background:#061a28}.imageEditCard label{display:block;font-size:12px;margin-top:7px}.imageEditCard .primaryPick{display:flex;gap:7px;align-items:center}.imageEditCard .primaryPick input{width:auto;margin:0}.imageActions{display:flex;gap:6px;margin-top:6px}.imageActions .btn{flex:1;padding:8px}.productGallery{display:flex;gap:6px;overflow:auto;margin-bottom:8px}.productGallery img{width:58px;height:58px;object-fit:cover;border-radius:8px}@media(max-width:420px){.imageManager{grid-template-columns:1fr 1fr}}

.galleryThumb{border:2px solid transparent;background:none;padding:0;border-radius:10px;flex:0 0 auto}.galleryThumb.active{border-color:#68bdff}.galleryThumb img{display:block}.productGallery:empty{display:none}


/* LAMSA product image popup gallery */
.productMainPic{position:relative;width:100%;border:0;padding:0;color:inherit;cursor:zoom-in}
.productMainPic img{transition:transform .18s ease}
.productMainPic:active img{transform:scale(.985)}
.zoomHint{position:absolute;left:8px;bottom:8px;width:32px;height:32px;display:grid;place-items:center;border-radius:999px;background:#02111dcc;color:#fff;font-size:18px;backdrop-filter:blur(8px);border:1px solid #ffffff22}
body.viewerOpen{overflow:hidden}
.imageViewer{position:fixed;inset:0;z-index:999;background:rgba(0,5,10,.94);display:flex;align-items:center;justify-content:center;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));backdrop-filter:blur(10px)}
.imageViewer.hidden{display:none!important}
.imageViewerBox{width:min(760px,100%);height:min(92vh,860px);display:flex;flex-direction:column;background:#061725;border:1px solid #28536d;border-radius:20px;overflow:hidden;box-shadow:0 24px 80px #000}
.imageViewerTop{display:grid;grid-template-columns:46px 1fr auto;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid #17405a;direction:rtl}
.imageViewerTop strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.imageViewerTop span{color:#9eb5c4;font-variant-numeric:tabular-nums}
.viewerClose{width:42px;height:42px;border:0;border-radius:50%;background:#173d55;color:#fff;font-size:30px;line-height:1}
.imageViewerStage{position:relative;flex:1;min-height:0;display:grid;place-items:center;background:#020a10;overflow:hidden}
.imageViewerStage>img{width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.viewerArrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:46px;height:56px;border:0;border-radius:14px;background:#061725cc;color:#fff;font-size:42px;line-height:1;border:1px solid #ffffff22}
.viewerArrow:disabled{display:none}
.viewerPrev{right:10px}.viewerNext{left:10px}
.imageViewerThumbs{display:flex;gap:8px;overflow-x:auto;padding:10px;background:#061725;border-top:1px solid #17405a;scrollbar-width:none}
.imageViewerThumbs::-webkit-scrollbar{display:none}
.viewerThumb{flex:0 0 auto;width:62px;height:62px;border:2px solid transparent;padding:0;border-radius:10px;overflow:hidden;background:#0a2335}
.viewerThumb.active{border-color:#68bdff}
.viewerThumb img{width:100%;height:100%;object-fit:cover}
.viewerSwipeHint{text-align:center;color:#8ca9bb;font-size:11px;padding:0 10px 10px}
@media(max-width:520px){
  .imageViewer{padding:0}
  .imageViewerBox{width:100%;height:100dvh;max-height:none;border-radius:0;border:0}
  .viewerArrow{width:42px;height:52px;font-size:38px}
  .productGallery img{width:52px;height:52px}
}