:root{--bg:#0a1020;--panel:#111b30;--line:#26344d;--text:#eaf0fb;--muted:#a9b7cc;--accent:#facc15}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}header{border-bottom:1px solid var(--line);background:#0d1527}header>div,.wrap{max-width:1160px;margin:auto;padding:20px}header>div{display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:750}.logo{width:44px;height:44px;border-radius:12px;object-fit:cover;background:var(--accent);color:#101827;display:grid;place-items:center}.eyebrow{color:var(--accent);font-size:11px;text-transform:uppercase;letter-spacing:1.6px;font-weight:700}h1{font-size:26px;line-height:1.25;margin:8px 0 12px}h2{font-size:18px;margin:0 0 14px}h3{font-size:15px;margin:0 0 8px}p{margin:8px 0 16px}.muted,small{color:var(--muted)}.hero{padding:24px 0}.layout{display:grid;grid-template-columns:195px 1fr;gap:24px}.nav{display:flex;flex-direction:column;gap:5px}.nav a,.nav button{padding:11px 13px;border-radius:10px;text-align:left;background:transparent;border:0;color:var(--muted);cursor:pointer}.nav a.active,.nav a:hover{background:#202d45;color:white}.nav form{display:contents}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:18px}.auth{max-width:660px;margin:30px auto}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stat{padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:14px;margin-bottom:15px}.stat strong{font-size:23px;display:block;margin-top:5px}.stat span{color:var(--muted);font-size:12px}label{display:block;color:#d9e3f5;font-size:13px;font-weight:600;margin-bottom:7px}input,select,textarea{width:100%;padding:11px 12px;color:var(--text);background:#0b1425;border:1px solid #35445d;border-radius:9px;margin-bottom:14px;min-width:0}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px}input[type=checkbox]{width:auto;margin:0 9px 0 0}input[type=color]{height:44px;padding:5px}input[type=file]{padding:9px}.btn,button{border:0;border-radius:9px;padding:11px 16px;background:var(--accent);color:#101827;font-weight:700;cursor:pointer;display:inline-block}.btn.secondary{background:#263750;color:white}.btn:disabled,button:disabled{opacity:.55;cursor:wait}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.error,.notice{padding:13px 16px;border-radius:10px;margin-bottom:18px;background:#3c2028;border:1px solid #8d4351;color:#ffbdc6}.notice{background:#14362f;color:#a8ebcf;border-color:#2e6b58}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{color:var(--muted);font-size:11px;letter-spacing:.5px;text-transform:uppercase}td,th{padding:12px 9px;border-bottom:1px solid var(--line);vertical-align:top}td small{display:block}td form{display:flex;gap:8px}td input{min-width:95px;margin:0}td button{padding:8px 12px}.badge{display:inline-block;padding:3px 8px;border-radius:7px;font-size:11px;background:#293850;color:#c3d1e8;white-space:nowrap}.badge.completed,.badge.active,.badge.approved{background:#154536;color:#a2edc6}.badge.failed,.badge.reversed,.badge.disabled,.badge.cancelled{background:#4b2531;color:#ffc0c9}.empty{text-align:center;padding:30px;color:var(--muted)}.linkbox{overflow-wrap:anywhere;background:#0b1425;border-radius:9px;padding:12px;margin:12px 0}.pagination{display:flex;justify-content:space-between;padding-top:16px}.footer{max-width:1160px;margin:25px auto;padding:20px;color:var(--muted);font-size:12px}code{overflow-wrap:anywhere}details{margin-top:12px}summary{cursor:pointer}.product{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line)}.product strong{color:var(--accent)}@media(max-width:760px){header>div,.wrap{padding:16px}.layout{grid-template-columns:1fr;gap:12px}.nav{flex-direction:row;overflow-x:auto;padding-bottom:8px;gap:2px}.nav a,.nav button{white-space:nowrap;font-size:12px;padding:9px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat strong{font-size:21px}.grid{grid-template-columns:1fr;gap:0}.card{padding:16px}.auth{margin:8px auto}.hero{padding:15px 0}h1{font-size:24px}.brand{font-size:17px}.table-wrap{margin:0 -5px}td,th{padding:11px 7px}.actions .btn{font-size:12px}}
.layout>main{min-width:0}

@media(max-width:760px){.storefront-grid{display:flex;flex-direction:column}.storefront-grid>.card:first-child{order:2}.storefront-grid>.card:nth-child(2){order:1}}

/* Public sub-agent storefront. Scoped to leave dashboards and parent stores intact. */
.sa-storefront{--bg:#090f1b;--panel:#111b2b;--line:#263244;--muted:#a6b2c5;--accent-ink:#101827;background:radial-gradient(ellipse at 15% 0%,#162238 0,transparent 48%),var(--bg)}
.sa-storefront [hidden]{display:none!important}.sa-storefront :is(a,button,input,select):focus-visible{outline:2px solid var(--accent);outline-offset:4px}.sa-storefront :is(button,a,input,select){transition:background .18s,border-color .18s,box-shadow .18s,color .18s}
.sa-storefront header{background:#0c1422d9}.sa-storefront header>div,.sa-storefront .wrap,.sa-storefront .footer{max-width:1320px;padding-left:32px;padding-right:32px}.sa-storefront header>div{padding-top:17px;padding-bottom:17px}.sa-storefront .brand{min-width:0;font-size:18px;gap:10px}.sa-storefront .brand-name{overflow-wrap:anywhere;line-height:1.3}.sa-storefront .logo{width:38px;height:38px;flex-shrink:0;border-radius:12px;background:color-mix(in srgb,var(--accent) 12%,#172136);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));font-size:18px}
.sa-storefront .store-nav{display:flex;align-items:center;gap:20px;flex-shrink:0}.sa-storefront .header-support{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.sa-storefront svg{width:17px;height:17px;flex-shrink:0}.sa-storefront .seller-login{padding:8px 13px;background:#1b273a;border:1px solid #344057;border-radius:9px;font-size:12px;font-weight:650;white-space:nowrap}.sa-storefront .seller-login:hover{background:#2c3b53}.sa-storefront .header-support:hover{color:var(--text)}
.sa-storefront .wrap{padding-top:0;padding-bottom:0}.sa-storefront .store-main{min-width:0}.sa-storefront .store-hero{padding:30px 0 25px;border-bottom:1px solid var(--line);margin-bottom:28px}.sa-storefront .store-hero .eyebrow{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1.15px}.sa-storefront .status-dot{width:6px;height:6px;background:var(--accent);border-radius:50%}.sa-storefront h1{font-size:clamp(25px,3vw,34px);letter-spacing:-1px;margin:9px 0 7px}.sa-storefront .store-hero p{max-width:720px;margin:0 0 15px;font-size:13px;overflow-wrap:anywhere}.sa-storefront .trust-row{display:flex;gap:18px;flex-wrap:wrap;color:#b7c4d6;font-size:11px}.sa-storefront .trust-row>span{display:flex;align-items:center;gap:6px}.sa-storefront .trust-row svg{color:var(--accent);width:15px;height:15px}
.sa-storefront .store-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:28px;align-items:start}.sa-storefront .bundle-section,.sa-storefront .checkout-column{min-width:0}.sa-storefront .section-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.sa-storefront .step-label{display:block;color:var(--muted);font-size:9px;font-weight:700;letter-spacing:1.5px;margin-bottom:6px}.sa-storefront h2{font-size:19px;letter-spacing:-.45px;margin:0}.sa-storefront .bundle-count{color:var(--muted);font-size:10px;white-space:nowrap;border:1px solid var(--line);padding:4px 8px;border-radius:6px}.sa-storefront .network-filters{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 16px}.sa-storefront .network-filter{background:#121d2d;border:1px solid var(--line);color:#b7c4d6;font-size:12px;padding:8px 13px;border-radius:9px;font-weight:600}.sa-storefront .network-filter:hover{border-color:#58687e;color:white}.sa-storefront .network-filter[aria-pressed=true]{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--accent) 8%,#111b2b)}
.sa-storefront .package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}.sa-storefront .package-card{width:100%;display:flex;flex-direction:column;gap:17px;text-align:left;background:linear-gradient(140deg,#162237,#111a29);border:1px solid #2b384d;border-radius:14px;color:var(--text);padding:15px;font-weight:400;min-width:0}.sa-storefront .package-card:hover{border-color:#708099;background:#1a283e}.sa-storefront .package-card[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 15%,transparent);background:linear-gradient(140deg,color-mix(in srgb,var(--accent) 7%,#152034),#111a29)}.sa-storefront .package-top,.sa-storefront .package-bottom{display:flex;align-items:center;justify-content:space-between;gap:7px;min-width:0}.sa-storefront .package-network{font-size:10px;font-weight:700;letter-spacing:.4px;overflow-wrap:anywhere;color:#c0ccdd}.sa-storefront .selection-mark{border:1px solid #47556b;border-radius:50%;width:17px;height:17px;display:grid;place-items:center;font-size:10px;color:transparent;flex-shrink:0}.sa-storefront .package-card[aria-pressed=true] .selection-mark{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.sa-storefront .package-size{font-size:28px;font-weight:750;letter-spacing:-1px;line-height:1}.sa-storefront .package-size small{font-size:13px;letter-spacing:0;font-weight:500}.sa-storefront .package-bottom strong{font-size:13px;font-weight:700;white-space:nowrap}.sa-storefront .package-select{font-size:10px;color:var(--muted)}.sa-storefront .package-card[aria-pressed=true] .package-select{color:var(--accent)}.sa-storefront .package-hint{color:var(--muted);font-size:11px;line-height:1.6;margin:14px 0 0;max-width:420px}.sa-storefront .package-card:disabled{cursor:default;opacity:.65}
.sa-storefront .checkout-card{border:1px solid #344157;border-radius:16px;background:linear-gradient(145deg,#182338,#101929);padding:21px;box-shadow:0 10px 32px #0002}.sa-storefront .checkout-card h2{font-size:18px;margin-bottom:18px}.sa-storefront .selected-bundle{display:grid;grid-template-columns:1fr auto;gap:4px 10px;background:#0d1728;border:1px solid #2b3a50;border-left:3px solid var(--accent);border-radius:10px;padding:12px;margin-bottom:20px;min-width:0}.sa-storefront .selected-bundle>span{font-size:10px;color:var(--muted);grid-column:1/-1}.sa-storefront .selected-bundle strong{font-size:13px;overflow-wrap:anywhere}.sa-storefront .selected-bundle a{font-size:10px;color:var(--accent);align-self:center}.sa-storefront label{font-size:12px;margin-bottom:7px}.sa-storefront input,.sa-storefront select{background:#0b1423;border:1px solid #344259;border-radius:10px;padding:11px 12px;font-size:13px}.sa-storefront input::placeholder{color:#8290a8}.sa-storefront #recipient{margin-bottom:5px}.sa-storefront .field-hint{font-size:10px;color:var(--muted);margin:0 0 16px}.sa-storefront #buyer_email{margin-bottom:0}.sa-storefront .price-summary{border-top:1px solid var(--line);margin-top:20px;padding-top:15px}.sa-storefront .price-summary>div{display:flex;justify-content:space-between;gap:10px;margin-bottom:9px;font-size:12px;color:#afbdd0}.sa-storefront .price-summary>div>span:last-child{color:var(--text);white-space:nowrap}.sa-storefront .price-summary small{font-size:10px}.sa-storefront .price-summary .summary-total{border-top:1px solid var(--line);padding-top:12px;margin-top:12px;margin-bottom:17px;color:var(--text);font-size:14px}.sa-storefront #summary-total{font-size:18px;white-space:nowrap}.sa-storefront .payment-button{width:100%;padding:13px 12px;font-size:12px;border-radius:10px;display:flex;justify-content:center;align-items:center;gap:9px;color:var(--accent-ink);background:var(--accent)}.sa-storefront .payment-button:hover{filter:brightness(1.1)}.sa-storefront .checkout-reassurance{display:flex;justify-content:center;align-items:center;gap:5px;font-size:10px;color:var(--muted);margin:12px 0 0}.sa-storefront .checkout-reassurance svg{width:12px;height:12px}
.sa-storefront .store-support{padding:18px 2px 0}.sa-storefront .store-support h3{font-size:13px;margin:0 0 3px}.sa-storefront .store-support p{font-size:11px;margin:0 0 10px;overflow-wrap:anywhere}.sa-storefront .whatsapp-button{display:flex;justify-content:space-between;align-items:center;border:1px solid #2d4850;background:#122b2c;color:#a9e0c6;border-radius:10px;padding:10px 12px;font-size:12px;font-weight:600}.sa-storefront .whatsapp-button:hover{background:#193b37}.sa-storefront .support-details{display:flex;flex-wrap:wrap;gap:5px 16px;padding-top:10px;font-size:11px;color:var(--muted)}.sa-storefront .support-details a{overflow-wrap:anywhere;min-width:0}.sa-storefront .support-details a:hover{color:var(--text)}.sa-storefront .footer{border-top:1px solid var(--line);margin:32px auto 0;padding-top:18px;padding-bottom:22px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:10px;overflow-wrap:anywhere}.sa-storefront .footer strong{color:#c5d0e1;font-weight:600}.sa-storefront .store-empty{padding:20px;border:1px dashed var(--line);border-radius:12px;color:var(--muted)}.sa-storefront .store-empty p{margin-bottom:0}.sa-storefront .package-fallback{margin-bottom:16px}.sa-storefront.is-enhanced .package-fallback{display:none}
@media(min-width:1280px){.sa-storefront .package-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sa-storefront .package-select{display:none}}
@media(max-width:1100px){.sa-storefront .store-layout{grid-template-columns:minmax(0,1fr) 320px;gap:22px}.sa-storefront .package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-storefront .package-select{display:none}}
@media(max-width:850px){.sa-storefront .store-layout{grid-template-columns:1fr;gap:24px}.sa-storefront .package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-storefront .checkout-column{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:22px;align-items:start}.sa-storefront .store-support{padding-top:3px}.sa-storefront .package-select{display:inline}.sa-storefront .store-hero{padding-top:24px}.sa-storefront .checkout-card{padding:18px}}
@media(max-width:600px){.sa-storefront header>div,.sa-storefront .wrap,.sa-storefront .footer{padding-left:18px;padding-right:18px}.sa-storefront header>div{gap:12px;padding-top:13px;padding-bottom:13px}.sa-storefront .brand{font-size:15px;gap:8px}.sa-storefront .logo{width:32px;height:32px;border-radius:10px}.sa-storefront .store-nav{gap:10px}.sa-storefront .header-support span{display:none}.sa-storefront .header-support{padding:7px}.sa-storefront .seller-login{font-size:10px;padding:8px 10px}.sa-storefront .store-hero{margin-bottom:22px;padding:22px 0 20px}.sa-storefront .store-hero p{font-size:12px}.sa-storefront .store-hero .eyebrow{font-size:9px;letter-spacing:.7px}.sa-storefront .trust-row{gap:10px;font-size:9px}.sa-storefront .trust-row svg{width:13px;height:13px}.sa-storefront .section-heading{gap:8px}.sa-storefront h2{font-size:18px}.sa-storefront .bundle-count{font-size:9px;padding:4px 6px}.sa-storefront .network-filter{font-size:11px;padding:8px 11px}.sa-storefront .package-grid{gap:10px}.sa-storefront .package-card{padding:13px;gap:15px;border-radius:12px}.sa-storefront .package-select{display:none}.sa-storefront .package-size{font-size:27px}.sa-storefront .package-bottom strong{font-size:13px}.sa-storefront .checkout-column{display:block}.sa-storefront .checkout-card{padding:18px}.sa-storefront .store-support{padding-top:20px}.sa-storefront .footer{margin-top:26px;font-size:10px;gap:7px}.sa-storefront .footer>span{max-width:100%}.sa-storefront .step-label{font-size:8px}.sa-storefront .selected-bundle a{font-size:10px}}
@media(max-width:350px){.sa-storefront .package-grid{grid-template-columns:1fr}.sa-storefront .header-support{display:none}.sa-storefront .bundle-count{display:none}}
@media(prefers-reduced-motion:reduce){.sa-storefront *{transition:none!important;scroll-behavior:auto!important}}
/* Keep support near the catalogue instead of extending a short checkout column. */
@media(min-width:851px){.sa-storefront .store-layout{grid-template-areas:"bundles checkout" "support checkout";grid-template-rows:auto 1fr;row-gap:22px}.sa-storefront .bundle-section{grid-area:bundles}.sa-storefront .checkout-column{display:contents}.sa-storefront .checkout-card{grid-area:checkout}.sa-storefront .store-support{grid-area:support;align-self:start;max-width:420px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#0e1827}.sa-storefront .store-support .whatsapp-button{max-width:240px}}
.sa-storefront .checkout-card .selected-bundle{margin-bottom:16px}.sa-storefront .checkout-card h2{margin-bottom:14px}.sa-storefront .price-summary{margin-top:16px;padding-top:12px}.sa-storefront .price-summary .summary-total{margin-top:10px;padding-top:10px;margin-bottom:14px}.sa-storefront .checkout-card input{padding-top:10px;padding-bottom:10px}.sa-storefront .checkout-card .field-hint{margin-bottom:13px}
.sa-storefront:not(.is-enhanced) :is(.selected-bundle,.price-summary){display:none}
@media(max-width:600px){.sa-storefront .checkout-card input,.sa-storefront .checkout-card select{font-size:16px}.sa-storefront .package-card:only-child{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:12px}.sa-storefront .package-card:only-child .package-top{grid-column:1/-1}.sa-storefront .package-card:only-child .package-bottom{align-self:end}}
/* Seller access: compact forms and actionable existing-account states. */
.sa-auth-page{background:radial-gradient(ellipse at 50% 0%,#18263e,transparent 65%),var(--bg)}
.sa-auth-page .brand{min-width:0}.sa-auth-page .brand-name{overflow-wrap:anywhere}.sa-auth-page .logo{flex-shrink:0}
.sa-auth-page .wrap{max-width:760px}.sa-auth-page .error,.sa-auth-page .notice{max-width:660px;margin:12px auto}
.sa-auth-page .auth{padding:28px;margin:18px auto}.sa-auth-page .seller-auth,.sa-auth-page .account-state{max-width:480px}
.sa-auth-page h1{font-size:27px;letter-spacing:-.7px}.sa-auth-page .auth p{overflow-wrap:anywhere}
.sa-auth-page a:focus-visible,.sa-auth-page button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.sa-auth-page .auth-switch{padding-top:18px;margin:20px 0 0;border-top:1px solid var(--line);color:var(--muted);font-size:13px}
.sa-auth-page .auth-switch a,.sa-auth-page .auth-options a{color:var(--accent);font-weight:650}
.sa-auth-page .auth-switch-top{margin:0 0 22px;padding:12px 0;border-bottom:1px solid var(--line);border-top:0}
.sa-auth-page .auth-options{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:4px 0 22px;font-size:12px}
.sa-auth-page .auth-options label{display:flex;align-items:center;gap:4px;margin:0;font-size:12px;font-weight:400}
.sa-auth-page .auth-options input{accent-color:var(--accent);min-width:16px;min-height:16px;margin-right:4px}
.sa-auth-page .auth-submit{width:100%;min-height:46px}.sa-auth-page .auth-security{color:var(--muted);text-align:center;font-size:11px;margin:18px 0 0}
.sa-auth-page .account-state{text-align:center}.sa-auth-page .account-state h2{font-size:18px;margin-top:18px;overflow-wrap:anywhere}
.sa-auth-page .account-check{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;margin:0 auto 18px;background:#153b32;border:1px solid #28604e;color:#a4efc8;font-size:24px}
.sa-auth-page .account-actions{display:grid;gap:10px;margin-top:22px}.sa-auth-page .auth .btn,.sa-auth-page .auth button{transition:filter .18s,transform .18s}
.sa-auth-page .auth .btn:hover,.sa-auth-page .auth button:hover{filter:brightness(1.1)}.sa-auth-page .auth .btn:active,.sa-auth-page .auth button:active{transform:translateY(1px)}
@media(max-width:480px){.sa-auth-page .auth{padding:20px;margin:8px auto}.sa-auth-page h1{font-size:24px}.sa-auth-page .auth-options{gap:14px}.sa-auth-page .footer{margin-top:8px}.sa-auth-page .logo{width:36px;height:36px}.sa-auth-page .brand{font-size:16px}}

.sa-auth-page{min-height:100vh;background-repeat:no-repeat;background-attachment:fixed}.sa-auth-page .footer{display:flex;flex-wrap:wrap;gap:8px 18px}