@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--bg:#f2f8f5;--ink:#142a22;--muted:#64766e;--line:#dce9e2;--brand:#079653;--brand2:#006b3c;--white:#fff;--green:#087f5b;--red:#b42318;--shadow:0 12px 34px rgba(24,34,60,.06)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px 'DM Sans',sans-serif}h1,h2,h3,.brand{font-family:Manrope,sans-serif;letter-spacing:-.035em}h1{font-size:clamp(28px,4vw,42px);line-height:1.1;margin:10px 0}h2{font-size:22px;margin:0 0 14px}h3{font-size:18px;margin:10px 0}p{line-height:1.65;color:#59657a}.top{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100% - 1180px)/2));gap:20px}.brand{font-size:22px;font-weight:800;color:var(--brand);text-decoration:none}.top nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.top nav a{color:#465168;text-decoration:none;font-size:14px;font-weight:600}.top nav a:hover{color:var(--brand)}.nav-cta{padding:10px 14px;border-radius:10px;background:var(--brand);color:#fff!important}.wrap{max-width:1180px;margin:0 auto;padding:30px 22px 18px}.hero{display:grid;grid-template-columns:1.3fr .7fr;gap:55px;align-items:center;padding:52px 0 64px}.hero h1{font-size:clamp(38px,5.3vw,64px);max-width:680px}.hero p{font-size:17px;max-width:650px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--brand)}.hero-card,.card,.metric,.form-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:25px;box-shadow:var(--shadow)}.hero-card{padding:30px}.round-icon,.icon{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:#eeecff;color:var(--brand);font-size:23px}.stat-row,.row-between{display:flex;justify-content:space-between;align-items:center;gap:12px}.stat-row{padding:14px 0;border-top:1px solid var(--line);color:#657087}.stat-row b{color:var(--green)}.grid{display:grid;gap:18px;margin:20px 0 28px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card p{margin:8px 0 18px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.btn{border:0;display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:12px 17px;border-radius:11px;background:var(--brand);color:#fff;text-decoration:none;font-weight:700;font:600 14px 'DM Sans',sans-serif;cursor:pointer}.btn:hover{background:var(--brand2)}.btn.secondary{background:#eeecff;color:var(--brand)}.btn.danger{background:#fff0ef;color:var(--red)}.btn.full{width:100%;margin-top:10px}.btn.mini{padding:7px 10px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.auth{max-width:470px;margin:38px auto;padding:32px}.form-card{max-width:760px;margin:22px auto;padding:30px}.form-card.wide{max-width:100%}label{display:block;font-weight:600;font-size:13px;margin:14px 0;color:#3c465b}input,select,textarea{width:100%;margin-top:7px;padding:12px 13px;border:1px solid #dce2ec;border-radius:10px;background:#fff;color:var(--ink);font:14px 'DM Sans',sans-serif;outline:none}input:focus,select:focus,textarea:focus{border-color:#8b80ef;box-shadow:0 0 0 3px #5b4bdb15}textarea{min-height:95px;resize:vertical}.muted,small{color:var(--muted)}.small{font-size:12px}.page-title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:10px 0 24px}.page-title p{margin:4px 0}.metric{display:flex;flex-direction:column;gap:11px}.metric span{color:var(--muted);font-size:13px}.metric strong{font:800 28px Manrope,sans-serif;letter-spacing:-.04em}.metric a{color:var(--brand);font-size:13px;text-decoration:none;font-weight:700}.metric small{font-size:12px}.pill,.status{display:inline-block;padding:5px 9px;border-radius:999px;background:#f0efff;color:var(--brand);font-size:11px;font-weight:700;text-transform:capitalize}.status.pending{background:#fff6df;color:#8c5b00}.status.active,.status.successful,.status.approved,.status.completed,.status.available{background:#e5f8ef;color:#087f5b}.status.rejected,.status.failed{background:#fff0ef;color:#b42318}.status.paused{background:#eef2f7;color:#526078}.table-wrap{overflow:auto;width:100%}table{width:100%;border-collapse:collapse;min-width:620px;font-size:13px}th,td{text-align:left;padding:13px 12px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.inline{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.admin-link{color:inherit;text-decoration:none;display:block}.admin-link:hover{border-color:#c8c2ff;transform:translateY(-1px)}.admin-link p{margin-bottom:0;font-size:13px}.alert{padding:13px 16px;border-radius:12px;margin:12px 0 20px;background:#edf3ff;color:#2e4a8a}.alert.success{background:#e5f8ef;color:#087f5b}.alert.error{background:#fff0ef;color:#b42318}.notice{background:#f7f8fc;border:1px solid var(--line);padding:16px;border-radius:12px;margin-top:22px;line-height:1.9;font-size:13px;overflow-wrap:anywhere}.check{display:flex;gap:10px;align-items:center}.check input{width:auto;margin:0}footer{text-align:center;color:#8b94a5;padding:35px 0 15px;font-size:12px}a{color:var(--brand)}@media(max-width:760px){.top{height:auto;padding:16px 18px;align-items:flex-start;flex-direction:column}.top nav{gap:12px}.wrap{padding:22px 15px}.hero{grid-template-columns:1fr;gap:20px;padding:35px 0}.grid.three,.grid.two{grid-template-columns:1fr}.page-title{align-items:flex-start;flex-direction:column}.hero h1{font-size:42px}.card,.metric{padding:20px}.auth{margin:20px auto;padding:24px}}
.celebration-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:rgba(15,23,42,.68)}.celebration-card{width:min(100%,560px);max-height:90vh;overflow:auto;background:#fff;border-radius:22px;padding:clamp(22px,5vw,40px);box-shadow:0 25px 90px #0004;text-align:center}.celebration-emoji{font-size:36px;margin-bottom:8px}.claim-code{display:block;padding:15px;margin:12px auto;border:2px dashed var(--brand);border-radius:12px;background:#f8f7ff;color:#211b66;font-size:clamp(20px,4vw,30px);font-weight:800;letter-spacing:.08em;overflow-wrap:anywhere}.celebration-card .button-row{justify-content:center}

/* Ultimate Multi-Vendor Social eCommerce PHP script original emerald-green rebrand */
:root{--bg:#f3f8f5;--ink:#10291f;--muted:#61766b;--line:#dce9e2;--brand:#079653;--brand2:#006b3c;--white:#fff;--green:#087f5b;--shadow:0 12px 34px rgba(7,70,42,.09)}
body{background:var(--bg)}
.top{background:#073c2a;color:#fff;border-bottom-color:#0b6541}
.brand{color:#34e28c}
.top nav a{color:#e7fff0}
.top nav a:hover{color:#73ffb4}
.nav-cta,.btn,.menu-toggle{background:linear-gradient(135deg,#12b76a,#008447);box-shadow:0 5px 14px rgba(0,132,71,.18)}
.btn:hover,.nav-cta:hover{filter:brightness(1.05);transform:translateY(-1px)}
.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(240px,.9fr);gap:24px;align-items:center;padding:14px 0 26px}
.hero h1{font-size:clamp(30px,4vw,48px);max-width:590px;margin-top:5px}
.hero p{font-size:16px;max-width:600px}
.hero-art{width:100%;max-width:460px;justify-self:end;margin-top:-12px;border-radius:22px;overflow:hidden;border:1px solid #b9d9c8;box-shadow:0 16px 36px rgba(0,50,30,.2);background:#063c2a}
.hero-art img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center 38%}
.card,.metric,.form-card,.hero-card{border-color:#d9e9df;box-shadow:0 10px 28px rgba(7,70,42,.07)}
.round-icon,.icon{background:#e1f7ea;color:#087f5b}
.pill{background:#e1f7ea;color:#08633c}
.side-nav{background:#082f23;color:#e8fff1;border-right:1px solid #16533b}
.side-nav a{color:#d6eee0}
.side-nav a:hover,.side-nav a.active{background:#0b8c50;color:#fff}
.drawer-close{background:#14543a;color:#fff}
.referral-box{border-color:#70c89b;background:#edfff4}
.notice{border-color:#b9dfc8;background:#f1fbf5}
.home-market{margin-top:24px}
.home-market>.row{align-items:center;justify-content:center;text-align:center;flex-wrap:wrap;margin-bottom:18px}
.home-market>.row>div{text-align:center}
.home-market>.row .btn{border-radius:999px;padding:13px 22px}
.market-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}
.product-card{padding:0;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.product-card:hover{transform:translateY(-4px);box-shadow:0 18px 32px rgba(7,70,42,.13)}
.product-card>a img,.product-card img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#eaf5ee}
.product-info{padding:16px;display:flex;flex:1;flex-direction:column;align-items:flex-start}
.product-info .btn{margin-top:auto}
.product-info h3 a{color:var(--ink);text-decoration:none}
.product-price{font-size:19px;font-weight:800;color:#078044;margin:6px 0 12px}
.whatsapp-product{background:#e8fff0!important;color:#087f5b!important;border:1px solid #a9e5bf}
.product-carousel{position:relative}
.product-carousel .market-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 3px 16px;scrollbar-width:thin}
.product-carousel .product-card{flex:0 0 clamp(210px,23%,270px);scroll-snap-align:start}
@media(max-width:900px){.market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1fr;gap:12px}.hero-art{max-width:360px;justify-self:center}.hero-art img{aspect-ratio:1/1}}
@media(max-width:520px){.market-grid{grid-template-columns:1fr 1fr;gap:10px}.product-info{padding:11px}.product-card .btn{width:100%;padding:9px 8px;font-size:12px}}

/* Ultimate Multi-Vendor Social eCommerce PHP script homepage refresh */
:root{--brand:#078a4b;--brand-dark:#064e35;--brand-soft:#e8f7ee;--accent:#19b96b;--line:#dce8e0}
.hero{padding:22px 0 14px;display:block;min-height:0}
.hero-copy{max-width:920px;margin:0 auto;text-align:center;padding:clamp(18px,4vw,42px);border-radius:22px;background:linear-gradient(135deg,#f2fbf5 0%,#fff 62%,#e5f7ec 100%);border:1px solid #d9eee0;box-shadow:0 12px 32px #064e3510}
.hero-copy h1{margin:8px auto 14px;max-width:780px;font-size:clamp(30px,4.8vw,54px);letter-spacing:-.035em;color:#064e35}
.hero-copy .muted{margin:0 auto 20px}
.hero-copy .button-row{justify-content:center}
.hero-art{display:none!important}
.homepage-banner-slider{display:flex;overflow-x:auto;gap:18px;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 2px 18px;scrollbar-width:thin}
.homepage-banner-slider .banner-card{flex:0 0 min(420px,86vw);scroll-snap-align:center;border:1px solid #dce8e0;border-radius:18px;box-shadow:0 12px 28px #064e3510}
.homepage-banner-slider .banner-card>img{aspect-ratio:1/1;max-height:340px;object-fit:cover}
.btn,.nav-cta,.menu-toggle{background:linear-gradient(135deg,#07934f,#087342)!important;color:#fff!important;border:1px solid #087342!important;border-radius:11px!important;box-shadow:0 5px 12px #078a4b22;transition:transform .16s ease,box-shadow .16s ease}
.btn:hover,.nav-cta:hover,.menu-toggle:hover{transform:translateY(-1px);box-shadow:0 8px 18px #078a4b30}
.btn.secondary{background:#fff!important;color:#087342!important;border-color:#b7dfc7!important}
.side-nav{background:#073e2b!important;color:#fff!important;border-right:0!important}
.side-nav a{color:#e8fff0!important}
.side-nav a:hover{background:#0b7547!important;color:#fff!important}
.drawer-close{background:#0b7547!important;color:#fff!important}
.product-carousel{overflow:hidden}
.product-carousel .market-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:8px 2px 18px}
.product-carousel .product-card{flex:0 0 min(250px,78vw);scroll-snap-align:start}
@media(max-width:680px){.hero-copy{padding:22px 16px}.hero-copy .button-row .btn{flex:1 1 42%}.homepage-banner-slider .banner-card{flex-basis:88vw}}


/* Homepage promotions: stacked, fixed-position auto slider */
.homepage-banner-slider{position:relative;display:block;overflow:hidden;min-height:clamp(250px,34vw,430px);margin:1.25rem 0 2rem;border-radius:22px;isolation:isolate}
.homepage-banner-slider .banner-card{position:absolute;inset:0;width:100%;height:100%;margin:0;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);align-items:stretch;overflow:hidden;opacity:0;visibility:hidden;transform:translateX(12px);transition:opacity .45s ease,transform .45s ease,visibility .45s;pointer-events:none}
.homepage-banner-slider .banner-card.is-active{position:absolute;opacity:1;visibility:visible;transform:translateX(0);pointer-events:auto;z-index:1}
.homepage-banner-slider .banner-card>img{width:100%;height:100%;min-height:clamp(250px,34vw,430px);object-fit:cover;display:block}
.homepage-banner-slider .banner-copy{padding:clamp(1.2rem,3vw,2.4rem);align-self:center}
.homepage-banner-slider .banner-copy h2{margin-top:0}
.homepage-banner-slider .banner-copy p{line-height:1.6}
@media(max-width:700px){.homepage-banner-slider{min-height:420px}.homepage-banner-slider .banner-card{grid-template-columns:1fr;grid-template-rows: minmax(190px,1fr) auto}.homepage-banner-slider .banner-card>img{min-height:190px;max-height:230px}.homepage-banner-slider .banner-copy{padding:1rem 1.1rem}.homepage-banner-slider .banner-copy h2{font-size:1.25rem;margin-bottom:.35rem}.homepage-banner-slider .banner-copy p{margin:.35rem 0 .7rem}}
@media(prefers-reduced-motion:reduce){.homepage-banner-slider .banner-card{transition:none}}

/* Dashboard wallet quick-fund action */
.wallet-quick-fund{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;margin:1rem 0;border:1px solid var(--primary,#16845b);background:linear-gradient(120deg,rgba(22,132,91,.08),transparent 70%)}
.wallet-quick-fund .kpi{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;margin:.15rem 0}
@media(max-width:640px){.wallet-quick-fund{align-items:flex-start;flex-direction:column}.wallet-quick-fund .button-row{width:100%;flex-wrap:wrap}}


/* v1 polish: use Super Admin's selected platform colors consistently across user and admin actions. */
.btn,button.btn,.nav-cta{background:linear-gradient(135deg,var(--brand),var(--brand2))!important;color:#fff!important;border:1px solid transparent!important;border-radius:12px!important;font-weight:850!important;letter-spacing:.005em;box-shadow:0 8px 20px color-mix(in srgb,var(--brand) 22%,transparent);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.btn:hover,button.btn:hover,.nav-cta:hover{transform:translateY(-2px);filter:saturate(1.08);box-shadow:0 12px 26px color-mix(in srgb,var(--brand) 30%,transparent)}
.btn.secondary,.btn.hero-action-secondary,button.btn.secondary{background:color-mix(in srgb,var(--brand) 8%,white)!important;color:var(--brand2)!important;border:1px solid color-mix(in srgb,var(--brand) 24%,white)!important;box-shadow:none!important}
.btn.outline,.btn.hero-action-outline{background:transparent!important;color:var(--brand2)!important;border:2px solid var(--brand)!important;box-shadow:none!important}
.admin-management-link{width:100%;justify-content:center}.grid.three>.card:has(.admin-management-link){transition:transform .18s ease,border-color .18s ease}.grid.three>.card:has(.admin-management-link):hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--brand) 35%,white)}
.notification-nav{padding:8px 10px;border-radius:11px;background:#ffffff12}.notification-nav:hover{background:#ffffff20}.notification-count{background:#ef4444;color:#fff}

/* Admin sidebar: compact developer attribution stays pinned to the bottom while scrolling. */
.side-nav{display:flex;flex-direction:column;height:100dvh;overflow-y:auto;overscroll-behavior:contain}
.developer-credit-admin{position:sticky!important;bottom:0!important;margin-top:auto!important;flex-shrink:0;}


/* Homepage hero: transparent copy panel, high contrast, and Super Admin-driven colors. */
.hero{
  display:block!important;
  padding:clamp(26px,5vw,64px)!important;
  border-radius:24px;
  background:linear-gradient(125deg,var(--brand2),var(--brand))!important;
  color:#fff!important;
  border:1px solid color-mix(in srgb,var(--brand2) 75%,white)!important;
  box-shadow:0 18px 44px color-mix(in srgb,var(--brand2) 24%,transparent)!important;
}
.hero-copy{
  max-width:100%!important;
  margin:0!important;
  padding:clamp(4px,1vw,12px)!important;
  text-align:left!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.hero-copy h1,.hero-copy p,.hero-copy .muted,.hero-copy .eyebrow{
  color:#fff!important;
}
.hero-copy h1{max-width:900px!important;text-wrap:balance}
.hero-copy p{opacity:.96;line-height:1.75}
.hero-copy .eyebrow{color:#fff!important;opacity:.86}
.hero-copy .button-row{justify-content:flex-start}
.hero-copy .hero-action-primary{background:#fff!important;color:var(--brand2)!important;border:1px solid #fff!important}
.hero-copy .hero-action-secondary{background:var(--brand2)!important;color:#fff!important;border:1px solid #fff!important}
.hero-copy .hero-action-outline{background:transparent!important;color:#fff!important;border:1px solid #fff!important}
.hero .notice{background:transparent!important;color:#fff!important;border-color:#ffffff88!important}
@media(max-width:760px){.hero{padding:26px 20px!important}.hero-copy{padding:0!important}.hero-copy h1{font-size:clamp(32px,9vw,46px)!important}}


/* Dashboard promotional banners: preserve each uploaded image's natural ratio; copy sits below image. */
.dashboard-banner-carousel{position:relative;width:100%;margin:18px 0 24px;overflow:hidden;border-radius:18px;background:linear-gradient(135deg,var(--brand,#08a65a),var(--brand2,#087443));}
.dashboard-banner-track{position:relative;width:100%}
.dashboard-banner-slide{display:none!important;margin:0!important;width:100%;padding:0!important;overflow:hidden;border:0!important;border-radius:18px!important;background:transparent!important;opacity:0;transition:opacity .35s ease}
.dashboard-banner-slide.is-active{display:block!important;opacity:1}
.dashboard-banner-slide>img{position:relative;inset:auto;width:100%;height:auto;max-height:none;object-fit:contain;display:block;border-radius:18px 18px 0 0}
.dashboard-banner-slide .banner-copy{position:relative;inset:auto;padding:clamp(16px,3vw,28px);color:#fff;background:linear-gradient(135deg,var(--brand,#087443),var(--brand2,#0b9b65));}
.dashboard-banner-slide .banner-copy h2,.dashboard-banner-slide .banner-copy p{color:#fff;margin-top:6px;margin-bottom:8px}
.dashboard-banner-dots{display:flex;justify-content:center;gap:7px;padding:10px;background:transparent}
.banner-dot{width:10px;height:10px;border:1px solid var(--brand,#087443);border-radius:99px;background:color-mix(in srgb,var(--brand,#087443) 35%,transparent);padding:0;cursor:pointer}
.banner-dot.is-active{width:24px;background:var(--brand,#087443)}
@media(prefers-reduced-motion:reduce){.dashboard-banner-slide{transition:none}}
.referral-dashboard-card .kpi-card{padding:16px;border:1px solid var(--border,#dbe5df);border-radius:14px;background:color-mix(in srgb,var(--brand,#08a65a) 7%,var(--surface,#fff))}
.referral-copy-row{display:flex;align-items:stretch;gap:10px;max-width:900px}.referral-copy-row input{flex:1;min-width:0}.notification-inbox .notification-item{border:1px solid var(--border,#dbe5df);border-radius:14px;padding:16px;margin:14px 0;background:linear-gradient(135deg,color-mix(in srgb,var(--brand,#08a65a) 5%,var(--surface,#fff)),var(--surface,#fff));box-shadow:0 6px 20px rgba(15,50,30,.05)}
.notification-inbox .notification-item.is-unread{border-left:4px solid var(--brand,#08a65a);background:linear-gradient(135deg,color-mix(in srgb,var(--brand,#08a65a) 11%,var(--surface,#fff)),var(--surface,#fff))}
.notification-item-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.notification-status{font-size:.75rem;border-radius:999px;padding:4px 9px;background:var(--brand,#08a65a);color:#fff}.notification-item.is-read .notification-status{background:var(--muted,#64748b)}
.raffle-edit-details{min-width:160px}.raffle-edit-details summary{list-style:none;display:inline-block;cursor:pointer}.raffle-edit-details summary::-webkit-details-marker{display:none}.raffle-edit-form{min-width:min(420px,85vw);padding:14px;margin:8px 0;border:1px solid var(--border,#dbe5df);border-radius:12px;background:var(--surface,#fff)}.raffle-edit-form label{display:block;margin:8px 0}.raffle-edit-form input,.raffle-edit-form textarea{width:100%}
@media(max-width:600px){.referral-copy-row{flex-direction:column}.notification-item-head{align-items:flex-start}}

/* Platform-wide responsive hardening: prevent pages, tables, alerts and forms from exceeding the viewport. */
html{width:100%;max-width:100%;overflow-x:clip;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{width:100%;max-width:100%;min-width:0;overflow-x:clip}
main,.wrap,.top,.card,.form-card,.metric,.hero,.hero-copy,.page-title,.grid,.row,.row-between,.button-row,.actions,.notice,.alert,.table-wrap,form,section,article{min-width:0;max-width:100%}
img,video,iframe,canvas,svg{max-width:100%}
img,video{height:auto}
button,input,select,textarea{max-width:100%;min-width:0}
input[type=checkbox],input[type=radio]{width:auto;max-width:100%;flex:0 0 auto}
button,.btn,a{overflow-wrap:anywhere}
p,h1,h2,h3,h4,td,th,small,b,strong,label,.notice,.alert{overflow-wrap:anywhere;word-break:normal}
.button-row,.actions,.inline,.inline-form{align-items:stretch;min-width:0}
.table-wrap{width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
table{width:100%;max-width:100%;border-collapse:collapse}
.notice,.alert,.notification-item,.notification-inbox,.recommendation-toast{max-width:100%;overflow-wrap:anywhere;word-break:break-word}
.recommendation-pref-label{display:flex;align-items:flex-start;gap:10px;line-height:1.5}
.recommendation-pref-label input{margin:2px 0 0;flex:0 0 auto}
@media(max-width:760px){
  .wrap{width:100%;max-width:100%;padding:16px 12px calc(96px + env(safe-area-inset-bottom,0px))}
  .top{width:100%;max-width:100%;padding:12px!important;gap:10px}
  .top nav,.nav-wrap{max-width:100%;flex-wrap:wrap;gap:8px}
  .top nav a,.nav-wrap a{white-space:normal;overflow-wrap:anywhere}
  h1{font-size:clamp(25px,7.5vw,34px);line-height:1.15}
  h2{font-size:clamp(18px,5.2vw,22px);line-height:1.25}
  h3{font-size:17px;line-height:1.3}
  .card,.metric,.hero-card,.form-card{padding:14px;border-radius:15px}
  .grid{gap:12px;margin:14px 0 20px}
  .grid.two,.grid.three{grid-template-columns:minmax(0,1fr)!important}
  .page-title{gap:8px;margin:8px 0 16px}
  .button-row,.actions{display:flex;flex-wrap:wrap;gap:8px}
  .button-row>.btn,.actions>.btn{flex:1 1 auto;max-width:100%;white-space:normal;text-align:center}
  .kpi{font-size:clamp(21px,6vw,28px);overflow-wrap:anywhere}
  .table-wrap{overflow-x:visible}
  table{table-layout:fixed;min-width:0!important;font-size:11px}
  th,td{padding:8px 5px;font-size:11px;overflow-wrap:anywhere;word-break:break-word}
  th{font-size:9px;letter-spacing:.02em}
  .status,.pill{white-space:normal;max-width:100%;padding:4px 6px;font-size:10px}
  .notice,.alert{padding:11px;margin:10px 0;line-height:1.55}
  .notification-item-head{flex-wrap:wrap;gap:6px}
  .referral-box{padding:11px;overflow-wrap:anywhere;word-break:break-word}
  .referral-box b{overflow-wrap:anywhere;word-break:break-all}
  .product-detail{grid-template-columns:minmax(0,1fr)!important;gap:14px}
  .market-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}
  .product-card{min-width:0}
  .product-info{min-width:0;padding:10px}
  .product-info h3{font-size:14px}
  .product-price{font-size:16px;overflow-wrap:anywhere}
  .market-hero,.dashboard-hero,.storefront-hero{padding:16px;gap:12px;flex-direction:column;align-items:stretch}
  .referral-copy-row{min-width:0;max-width:100%}
  .whatsapp-float{right:10px;bottom:calc(78px + env(safe-area-inset-bottom,0px));max-width:calc(100vw - 20px);padding:10px 12px;font-size:12px}
  body.has-app-bottom-nav .wrap{padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))}
  .app-bottom-nav{width:100%;max-width:100%;left:0;right:0;box-sizing:border-box;padding:7px 4px calc(7px + env(safe-area-inset-bottom,0px));gap:2px}
  .app-bottom-nav a{min-width:0;flex:1 1 25%;padding:5px 2px;font-size:10px;overflow-wrap:anywhere}
  .app-bottom-nav .nav-emoji{font-size:18px;line-height:1.2}
  .dashboard-banner-slide .banner-copy{padding:13px}
  .dashboard-banner-slide>img{width:100%;max-width:100%;height:auto;object-fit:contain}
  .celebration-backdrop{padding:10px}
  .celebration-card{max-width:100%;max-height:calc(100dvh - 20px);padding:18px;overflow:auto}
}
@media(max-width:380px){
  .wrap{padding-left:9px;padding-right:9px}
  .card,.metric,.hero-card,.form-card{padding:11px}
  .market-grid{grid-template-columns:minmax(0,1fr)!important}
  .table-wrap table th,.table-wrap table td{padding:7px 4px;font-size:10px}
  .app-bottom-nav a{font-size:9px}
}


/* Premium marketplace product detail and compact store policy links */
.product-detail-premium{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(18px,3vw,34px);padding:clamp(14px,2.5vw,28px);align-items:start}
.product-detail-premium>div:first-child{min-width:0;background:#fff;border:1px solid #f0e3eb;border-radius:18px;padding:10px}
.product-detail-premium .store-product-gallery{background:linear-gradient(145deg,#fff8fc,#fff);min-width:0}
.product-detail-premium .store-gallery-track img{max-width:100%;height:clamp(240px,42vw,460px)!important;object-fit:contain;background:#fff}
.product-detail-premium h1{font-size:clamp(25px,3vw,38px);line-height:1.15;overflow-wrap:anywhere}
.product-detail-premium .product-price{font-size:clamp(23px,3vw,32px);font-weight:850;color:#c21868;margin:14px 0}
.product-detail-premium form{background:#fff7fb;border:1px solid #f2d5e4;border-radius:16px;padding:16px;margin:18px 0}
.product-detail-premium form .btn{width:100%;min-height:48px}
.store-policy-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:100%;margin:24px auto 12px;padding:12px;border-top:1px solid #f0e2e9;color:#6d2147;font-size:14px}
.store-policy-links details{max-width:100%;min-width:0}
.store-policy-links summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.store-policy-content{max-width:min(720px,calc(100vw - 32px));max-height:60vh;overflow:auto;white-space:normal;overflow-wrap:anywhere;word-break:break-word;background:#fff;padding:16px;border:1px solid #ead4e0;border-radius:12px;margin-top:8px;line-height:1.65}
.recommendation-toast{background:#c21868!important;color:#fff!important;border-color:#a70f55!important;box-shadow:0 12px 34px rgba(130,12,67,.28)}
.recommendation-toast :is(h1,h2,h3,p,span,small,strong,b,label,a){color:#fff}
.recommendation-toast a{text-decoration:underline}
@media(max-width:760px){
 .product-detail-premium{grid-template-columns:minmax(0,1fr)!important;padding:12px;gap:14px}
 .product-detail-premium>div:first-child{padding:6px}
 .product-detail-premium .store-gallery-track img{height:min(72vw,360px)!important}
 .product-detail-premium form{padding:12px}
 .store-policy-links{justify-content:flex-start;gap:10px;padding:12px 4px}
 .store-policy-content{max-width:calc(100vw - 36px)}
}

/* Homepage auto-sliding category and product carousels */
.home-category-section .category-carousel,.home-market .product-carousel{overflow:hidden;position:relative;width:100%;}
.category-track,.product-carousel .market-grid{display:flex!important;flex-wrap:nowrap!important;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:8px 2px 18px;overscroll-behavior-inline:contain;}
.category-track::-webkit-scrollbar,.product-carousel .market-grid::-webkit-scrollbar{display:none;}
.category-track .category-card{flex:0 0 clamp(220px,28%,320px);min-width:0;scroll-snap-align:start;}
.product-carousel .product-card{flex:0 0 clamp(210px,23%,270px);min-width:0;scroll-snap-align:start;}
.category-card img{object-fit:contain;}
@media(max-width:640px){.category-track .category-card{flex-basis:76vw}.product-carousel .product-card{flex-basis:76vw}}
@media(prefers-reduced-motion:reduce){.category-track,.product-carousel .market-grid{scroll-behavior:auto}}


/* === Sell Now admin workspace: compact, polished, responsive controls === */
.admin-workspace main,.admin-workspace .container,.admin-layout main{min-width:0}
body:has(a[href*="admin-users"]) .table-wrap,
body:has(a[href*="admin-tasks"]) .table-wrap,
body:has(a[href*="admin-submissions"]) .table-wrap,
body:has(a[href*="admin-campaigns"]) .table-wrap,
body:has(a[href*="admin-apps"]) .table-wrap,
body:has(a[href*="admin-withdrawals"]) .table-wrap,
body:has(a[href*="admin-tickets"]) .table-wrap,
body:has(a[href*="admin-creators"]) .table-wrap,
body:has(a[href*="admin-user-management"]) .table-wrap,
body:has(a[href*="admin-open-management"]) .table-wrap{
  width:100%;max-width:100%;overflow-x:auto;border:1px solid var(--line);
  border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(20,42,34,.045);
  -webkit-overflow-scrolling:touch
}
body:has(a[href*="admin-users"]) table,
body:has(a[href*="admin-tasks"]) table,
body:has(a[href*="admin-submissions"]) table,
body:has(a[href*="admin-campaigns"]) table,
body:has(a[href*="admin-apps"]) table,
body:has(a[href*="admin-withdrawals"]) table,
body:has(a[href*="admin-tickets"]) table,
body:has(a[href*="admin-creators"]) table{
  width:100%;border-collapse:separate;border-spacing:0;min-width:760px
}
body:has(a[href*="admin-users"]) th,body:has(a[href*="admin-users"]) td,
body:has(a[href*="admin-tasks"]) th,body:has(a[href*="admin-tasks"]) td,
body:has(a[href*="admin-submissions"]) th,body:has(a[href*="admin-submissions"]) td,
body:has(a[href*="admin-campaigns"]) th,body:has(a[href*="admin-campaigns"]) td,
body:has(a[href*="admin-apps"]) th,body:has(a[href*="admin-apps"]) td,
body:has(a[href*="admin-withdrawals"]) th,body:has(a[href*="admin-withdrawals"]) td,
body:has(a[href*="admin-tickets"]) th,body:has(a[href*="admin-tickets"]) td,
body:has(a[href*="admin-creators"]) th,body:has(a[href*="admin-creators"]) td{
  padding:12px 14px;vertical-align:middle;border-bottom:1px solid #edf2ef;
  text-align:left;line-height:1.45
}
body:has(a[href*="admin-users"]) th,body:has(a[href*="admin-tasks"]) th,
body:has(a[href*="admin-submissions"]) th,body:has(a[href*="admin-campaigns"]) th,
body:has(a[href*="admin-apps"]) th,body:has(a[href*="admin-withdrawals"]) th,
body:has(a[href*="admin-tickets"]) th,body:has(a[href*="admin-creators"]) th{
  position:sticky;top:0;background:#f4faf6;color:#355548;font-size:12px;
  text-transform:uppercase;letter-spacing:.045em;z-index:1
}
body:has(a[href*="admin-users"]) tbody tr:hover,
body:has(a[href*="admin-tasks"]) tbody tr:hover,
body:has(a[href*="admin-submissions"]) tbody tr:hover,
body:has(a[href*="admin-campaigns"]) tbody tr:hover,
body:has(a[href*="admin-apps"]) tbody tr:hover,
body:has(a[href*="admin-withdrawals"]) tbody tr:hover,
body:has(a[href*="admin-tickets"]) tbody tr:hover,
body:has(a[href*="admin-creators"]) tbody tr:hover{background:#f8fcfa}
body:has(a[href*="admin-users"]) td form,
body:has(a[href*="admin-tasks"]) td form,
body:has(a[href*="admin-submissions"]) td form,
body:has(a[href*="admin-campaigns"]) td form,
body:has(a[href*="admin-apps"]) td form,
body:has(a[href*="admin-withdrawals"]) td form,
body:has(a[href*="admin-tickets"]) td form,
body:has(a[href*="admin-creators"]) td form{
  display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:4px 0;min-width:0
}
body:has(a[href*="admin-users"]) td form button,
body:has(a[href*="admin-users"]) td form .btn,
body:has(a[href*="admin-tasks"]) td form button,
body:has(a[href*="admin-submissions"]) td form button,
body:has(a[href*="admin-campaigns"]) td form button,
body:has(a[href*="admin-apps"]) td form button,
body:has(a[href*="admin-withdrawals"]) td form button,
body:has(a[href*="admin-tickets"]) td form button,
body:has(a[href*="admin-creators"]) td form button{
  width:auto;min-height:36px;padding:8px 12px;white-space:nowrap;flex:0 0 auto
}
body:has(a[href*="admin-users"]) td form input,
body:has(a[href*="admin-users"]) td form select,
body:has(a[href*="admin-users"]) td form textarea,
body:has(a[href*="admin-tasks"]) td form input,
body:has(a[href*="admin-tasks"]) td form select,
body:has(a[href*="admin-tasks"]) td form textarea,
body:has(a[href*="admin-submissions"]) td form input,
body:has(a[href*="admin-submissions"]) td form select,
body:has(a[href*="admin-submissions"]) td form textarea,
body:has(a[href*="admin-campaigns"]) td form input,
body:has(a[href*="admin-campaigns"]) td form select,
body:has(a[href*="admin-campaigns"]) td form textarea,
body:has(a[href*="admin-apps"]) td form input,
body:has(a[href*="admin-apps"]) td form select,
body:has(a[href*="admin-apps"]) td form textarea,
body:has(a[href*="admin-withdrawals"]) td form input,
body:has(a[href*="admin-withdrawals"]) td form select,
body:has(a[href*="admin-withdrawals"]) td form textarea,
body:has(a[href*="admin-tickets"]) td form input,
body:has(a[href*="admin-tickets"]) td form select,
body:has(a[href*="admin-tickets"]) td form textarea,
body:has(a[href*="admin-creators"]) td form input,
body:has(a[href*="admin-creators"]) td form select,
body:has(a[href*="admin-creators"]) td form textarea{
  width:auto;max-width:220px;min-width:110px;min-height:36px;padding:8px 10px;margin:0
}
/* Keep action buttons together and forms readable rather than one control per line. */
.admin-actions,.action-row,.button-row,.form-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.admin-actions>* ,.action-row>* ,.button-row>* ,.form-actions>*{flex:0 0 auto}
.admin-card,.admin-user-card,.admin-record-card,.admin-item-card{
  border:1px solid var(--line);border-radius:18px;background:#fff;
  box-shadow:0 8px 24px rgba(20,42,34,.05);padding:16px;min-width:0
}
.admin-card h2,.admin-card h3,.admin-user-card h2,.admin-user-card h3,
.admin-record-card h2,.admin-record-card h3,.admin-item-card h2,.admin-item-card h3{margin-top:0}
.admin-card .btn,.admin-user-card .btn,.admin-record-card .btn,.admin-item-card .btn{width:auto}
@media(max-width:760px){
  body:has(a[href*="admin-users"]) main,
  body:has(a[href*="admin-tasks"]) main,
  body:has(a[href*="admin-submissions"]) main,
  body:has(a[href*="admin-campaigns"]) main,
  body:has(a[href*="admin-apps"]) main,
  body:has(a[href*="admin-withdrawals"]) main,
  body:has(a[href*="admin-tickets"]) main,
  body:has(a[href*="admin-creators"]) main{padding-left:12px;padding-right:12px}
  body:has(a[href*="admin-users"]) .grid,
  body:has(a[href*="admin-tasks"]) .grid,
  body:has(a[href*="admin-submissions"]) .grid,
  body:has(a[href*="admin-campaigns"]) .grid,
  body:has(a[href*="admin-apps"]) .grid,
  body:has(a[href*="admin-withdrawals"]) .grid,
  body:has(a[href*="admin-tickets"]) .grid,
  body:has(a[href*="admin-creators"]) .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  body:has(a[href*="admin-users"]) .table-wrap,
  body:has(a[href*="admin-tasks"]) .table-wrap,
  body:has(a[href*="admin-submissions"]) .table-wrap,
  body:has(a[href*="admin-campaigns"]) .table-wrap,
  body:has(a[href*="admin-apps"]) .table-wrap,
  body:has(a[href*="admin-withdrawals"]) .table-wrap,
  body:has(a[href*="admin-tickets"]) .table-wrap,
  body:has(a[href*="admin-creators"]) .table-wrap{border-radius:12px}
  body:has(a[href*="admin-users"]) td form,
  body:has(a[href*="admin-tasks"]) td form,
  body:has(a[href*="admin-submissions"]) td form,
  body:has(a[href*="admin-campaigns"]) td form,
  body:has(a[href*="admin-apps"]) td form,
  body:has(a[href*="admin-withdrawals"]) td form,
  body:has(a[href*="admin-tickets"]) td form,
  body:has(a[href*="admin-creators"]) td form{flex-direction:row;align-items:center}
}
@media(max-width:430px){
  body:has(a[href*="admin-users"]) .grid,
  body:has(a[href*="admin-tasks"]) .grid,
  body:has(a[href*="admin-submissions"]) .grid,
  body:has(a[href*="admin-campaigns"]) .grid,
  body:has(a[href*="admin-apps"]) .grid,
  body:has(a[href*="admin-withdrawals"]) .grid,
  body:has(a[href*="admin-tickets"]) .grid,
  body:has(a[href*="admin-creators"]) .grid{grid-template-columns:minmax(0,1fr)}
}


/* Super Admin dashboard refresh: presentation only */
.admin-dashboard-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px;border-radius:22px;background:linear-gradient(125deg,#3325a8,#6555e8 58%,#8d83ff);color:#fff;margin:8px 0 22px;box-shadow:0 14px 34px rgba(70,55,190,.18)}
.admin-dashboard-hero h1{color:#fff;margin:6px 0;font-size:clamp(26px,3vw,36px)}
.admin-dashboard-hero p{color:rgba(255,255,255,.82);margin:0;max-width:660px}
.admin-dashboard-hero .eyebrow{color:#d9d5ff}
.admin-dashboard-hero-mark{width:76px;height:76px;flex:0 0 76px;border-radius:22px;display:grid;place-items:center;background:rgba(255,255,255,.16);font-size:36px}
.admin-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,205px),1fr));gap:14px;margin:18px 0 26px}
.admin-kpi-card{position:relative;overflow:hidden;padding:18px;border:1px solid #e7e9f4;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(31,41,90,.055);min-width:0}
.admin-kpi-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--admin-accent,#635bdb)}
.admin-kpi-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#68718a;font-size:13px;font-weight:700}
.admin-kpi-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#f0efff;font-size:19px;flex:0 0 38px}
.admin-kpi-number{font-size:clamp(25px,3vw,34px);font-weight:850;line-height:1.1;letter-spacing:-.04em;color:#171b36;margin:12px 0}
.admin-kpi-card .btn{width:100%;justify-content:center}
.admin-management-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:13px;margin:16px 0 24px}
.admin-management-card{padding:17px;border:1px solid #e8eaf3;border-radius:17px;background:#fff;display:flex;flex-direction:column;gap:10px;min-width:0;box-shadow:0 7px 20px rgba(31,41,90,.045);transition:transform .15s ease,box-shadow .15s ease}
.admin-management-card:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(31,41,90,.09)}
.admin-management-card h3{margin:0;font-size:16px;line-height:1.35;overflow-wrap:anywhere}
.admin-management-card .admin-manage-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#f0efff;color:#4f46c6;font-size:21px}
.admin-management-card .btn{width:100%;justify-content:center;margin-top:auto}
.admin-withdrawal-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:15px;margin-top:16px}
.admin-withdrawal-card{min-width:0;border:1px solid #e5e8f2;border-radius:19px;background:#fff;padding:17px;box-shadow:0 8px 24px rgba(31,41,90,.055)}
.admin-withdrawal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.admin-withdrawal-person{display:flex;gap:11px;align-items:center;min-width:0}
.admin-withdrawal-avatar{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#efedff;color:#5146c7;font-weight:850;flex:0 0 44px}
.admin-withdrawal-person strong{display:block;overflow-wrap:anywhere}
.admin-withdrawal-person small{display:block;color:#737b90;overflow-wrap:anywhere}
.admin-withdrawal-amount{font-size:21px;font-weight:850;white-space:nowrap;color:#1a2340}
.admin-withdrawal-meta{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}
.admin-withdrawal-meta span{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:#f3f5fa;color:#525c74;font-size:12px;font-weight:700}
.admin-withdrawal-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.admin-withdrawal-actions .btn{flex:1 1 125px;justify-content:center}
.admin-account-details{margin-top:10px;border:1px solid #e8eaf4;border-radius:13px;background:#f9faff;padding:12px}
.admin-account-details summary{cursor:pointer;font-weight:750;color:#5146c7;list-style:none}
.admin-account-details summary::-webkit-details-marker{display:none}
.admin-account-details summary:after{content:"＋";float:right}
.admin-account-details[open] summary:after{content:"−"}
.admin-account-details pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:13px;color:#303951;margin:12px 0 0}
.admin-withdrawal-note{margin-top:10px}
.admin-withdrawal-note summary{cursor:pointer;color:#5146c7;font-weight:700}
.admin-withdrawal-note form{display:grid;gap:9px;margin-top:10px}
.admin-withdrawal-note textarea,.admin-withdrawal-note input{width:100%;min-width:0}
.admin-admin-table-wrap{overflow-x:auto}
.admin-admin-table-wrap table{min-width:780px}
@media(max-width:600px){
 .admin-dashboard-hero{padding:19px;border-radius:17px}
 .admin-dashboard-hero-mark{width:52px;height:52px;flex-basis:52px;border-radius:15px;font-size:25px}
 .admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .admin-kpi-card{padding:13px;border-radius:15px}
 .admin-kpi-top{align-items:flex-start;font-size:12px}
 .admin-kpi-icon{width:31px;height:31px;flex-basis:31px;font-size:16px}
 .admin-kpi-number{font-size:25px}
 .admin-management-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .admin-management-card{padding:13px;border-radius:14px}
 .admin-management-card h3{font-size:14px}
 .admin-management-card .btn{font-size:12px;padding:9px 8px}
 .admin-withdrawal-card{padding:13px}
 .admin-withdrawal-head{flex-direction:column}
 .admin-withdrawal-amount{font-size:22px}
 .admin-withdrawal-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* Classic Super Admin dashboard and users directory refresh */
.admin-dashboard-hero{
 display:flex;align-items:center;justify-content:space-between;gap:24px;
 padding:clamp(22px,3vw,36px);margin:0 0 22px;border-radius:24px;
 color:#fff;background:linear-gradient(120deg,#172554 0%,#312e81 52%,#6d28d9 100%);
 box-shadow:0 16px 38px rgba(49,46,129,.18);overflow:hidden
}
.admin-dashboard-hero h1{margin:8px 0 10px;color:#fff;font-size:clamp(25px,3vw,36px);letter-spacing:-.035em}
.admin-dashboard-hero p{margin:0;max-width:650px;color:rgba(255,255,255,.82);line-height:1.6}
.admin-dashboard-hero .eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;color:#ddd6fe}
.admin-dashboard-hero-mark{display:grid;place-items:center;flex:0 0 76px;width:76px;height:76px;border-radius:23px;background:rgba(255,255,255,.13);font-size:42px;color:#fff}
.admin-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:14px;margin:18px 0 28px}
.admin-kpi-card{min-width:0;border:1px solid #e6eaf1;border-radius:18px;padding:17px;background:#fff;box-shadow:0 5px 20px rgba(15,23,42,.045);transition:transform .18s ease,box-shadow .18s ease}
.admin-kpi-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,23,42,.09)}
.admin-kpi-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#64748b;font-size:13px;font-weight:700}
.admin-kpi-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#f1efff;color:#5b21b6;font-size:19px}
.admin-kpi-number{font-size:clamp(24px,2.3vw,31px);font-weight:850;letter-spacing:-.04em;color:#111827;margin:12px 0}
.admin-management-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px;margin:16px 0 28px}
.admin-management-grid article,.admin-management-grid .card{border:1px solid #e5e7eb;border-radius:17px;padding:18px;background:#fff;box-shadow:0 5px 18px rgba(15,23,42,.04)}
.admin-management-link{white-space:nowrap}
.admin-users-table{width:100%;border-collapse:separate;border-spacing:0}
.table-wrap:has(.admin-users-table){border:1px solid #e5eaf1;border-radius:17px;background:#fff;box-shadow:0 8px 28px rgba(15,23,42,.045);overflow:auto}
.admin-users-table th{background:#f8fafc;color:#475569;text-transform:uppercase;letter-spacing:.055em;font-size:11px;font-weight:800;padding:15px 14px;border-bottom:1px solid #e5eaf1;white-space:nowrap}
.admin-users-table td{padding:15px 14px;border-bottom:1px solid #eef2f7;vertical-align:middle;color:#1e293b;font-size:13px}
.admin-users-table tr:last-child td{border-bottom:0}
.admin-users-table tbody tr:hover{background:#fafaff}
.admin-user-name{font-size:14px;font-weight:800;color:#111827}
.admin-user-email{display:inline-block;margin-top:4px;color:#64748b;overflow-wrap:anywhere}
.admin-user-id{display:inline-block;margin-top:5px;color:#94a3b8;font-size:11px}
.admin-user-role,.admin-user-status{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:99px;background:#f1f5f9;color:#475569;font-size:11px;font-weight:800;white-space:nowrap}
.admin-user-status[data-status="active"]{background:#dcfce7;color:#166534}
.admin-user-status[data-status="pending"]{background:#fef3c7;color:#92400e}
.admin-user-status[data-status="suspended"]{background:#fee2e2;color:#991b1b}
.admin-user-wallet{font-size:14px;font-weight:850;color:#166534;white-space:nowrap}
.admin-user-pending{display:block;margin-top:5px;color:#64748b;font-size:11px;white-space:nowrap}
.admin-users-table select,.admin-users-table input,.admin-users-table textarea{max-width:100%;min-width:0}
.admin-users-table .inline-form{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:5px 0}
.admin-users-table details{margin-top:8px}
.admin-users-table details summary{cursor:pointer;color:#5b21b6;font-weight:750;font-size:12px}
.admin-users-table .btn.mini{padding:7px 10px;border-radius:9px;font-size:11px;white-space:nowrap}
@media(max-width:760px){
 .admin-dashboard-hero{border-radius:18px;padding:21px;gap:12px}
 .admin-dashboard-hero-mark{width:52px;height:52px;flex-basis:52px;border-radius:16px;font-size:28px}
 .admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .admin-kpi-card{padding:13px;border-radius:15px}
 .admin-management-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .admin-users-table{min-width:850px}
}
@media(max-width:420px){
 .admin-dashboard-hero-mark{display:none}
 .admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .admin-management-grid{grid-template-columns:1fr}
}

/* Dedicated campaign activity review page */
.campaign-activities-cta{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.campaign-activities-page{max-width:1180px;margin:0 auto}
.campaign-activities-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px;border-radius:22px;background:linear-gradient(125deg,#142d4b,#315a87 62%,#5b72b5);color:#fff;margin:18px 0}
.campaign-activities-hero h1{font-size:clamp(25px,3vw,36px);margin:7px 0}
.campaign-activities-hero p{color:rgba(255,255,255,.83);max-width:690px;margin:0}
.campaign-activities-hero .campaign-eyebrow{font-size:11px;letter-spacing:.14em;font-weight:800;color:#c7e5ff}
.campaign-activities-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}
.campaign-activities-stats article{padding:17px;border:1px solid #e1e8f0;border-radius:16px;background:#fff;box-shadow:0 5px 18px rgba(15,35,60,.045)}
.campaign-activities-stats span{display:block;font-size:12px;color:#64748b;margin-bottom:5px}
.campaign-activities-stats strong{font-size:26px;color:#152a43}
.campaign-activity-filters{display:flex;gap:8px;overflow-x:auto;padding:4px 1px 13px;margin-bottom:8px}
.campaign-activity-filters a{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #dbe4ef;border-radius:999px;background:#fff;color:#34465c;text-decoration:none;font-size:13px}
.campaign-activity-filters a.active{background:#183d62;color:#fff;border-color:#183d62}
.campaign-activity-filters a span{font-size:11px;opacity:.8}
.campaign-proof-list-dedicated{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:16px}
.campaign-proof-card-dedicated{min-width:0;padding:18px;border:1px solid #e0e7ef;border-radius:18px;background:#fff;box-shadow:0 8px 25px rgba(17,38,62,.06)}
.campaign-proof-campaign{display:block;font-size:12px;font-weight:800;color:#35658c;margin-bottom:6px}
.campaign-proof-preview-link{display:inline-flex;flex-direction:column;gap:7px;max-width:100%;margin:12px 0;color:#245b87;font-size:12px;font-weight:700;text-decoration:none}
.campaign-proof-preview-link .campaign-proof-image{display:block;width:min(100%,360px);max-height:260px;object-fit:contain;object-position:left center;border:1px solid #e1e7ee;border-radius:12px;background:#f6f8fb}
.campaign-proof-review-form{margin-top:15px;padding-top:14px;border-top:1px solid #e7edf3}
.campaign-proof-review-form label{display:block;font-size:12px;font-weight:700;color:#4b5d71}
.campaign-proof-review-form textarea{display:block;width:100%;box-sizing:border-box;margin-top:7px;min-height:72px;border:1px solid #d4deea;border-radius:10px;padding:10px;resize:vertical}
.campaign-proof-review-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:10px}
.campaign-proof-settled-note{padding:10px 12px;border-radius:10px;background:#f4f7fa;color:#64748b;font-size:12px}
.campaign-activities-empty{text-align:center;padding:34px 18px}
.campaign-empty-icon{font-size:34px;margin-bottom:8px}
@media(max-width:620px){.campaign-activities-hero{align-items:flex-start;flex-direction:column;padding:20px}.campaign-activities-stats{gap:8px}.campaign-activities-stats article{padding:12px}.campaign-activities-stats strong{font-size:21px}.campaign-proof-card-dedicated{padding:13px}.campaign-proof-review-actions .btn{flex:1 1 100%;text-align:center}.campaign-activities-cta{align-items:flex-start;flex-direction:column}}


/* Focused admin withdrawal details: expose only the three payout fields requested. */
.admin-bank-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:13px}
.admin-bank-fields>div{min-width:0;padding:12px;border:1px solid #e4e9f2;border-radius:12px;background:#fff}
.admin-bank-fields span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.045em;font-weight:800;color:#64748b;margin-bottom:6px}
.admin-bank-fields strong{display:block;font-size:14px;color:#18243a;overflow-wrap:anywhere;word-break:break-word}
.admin-bank-fields .admin-account-number{font-variant-numeric:tabular-nums;letter-spacing:.04em}
@media(max-width:680px){.admin-bank-fields{grid-template-columns:1fr}.admin-bank-fields>div{padding:10px}}

/* Prevent the campaign heading and Create Campaign action from colliding. */
.campaign-page-heading{min-width:0;flex-wrap:wrap;align-items:flex-start}
.campaign-page-heading>div{flex:1 1 320px;min-width:0}
.campaign-page-heading h1{overflow-wrap:anywhere;line-height:1.15}
.campaign-page-heading>.btn{flex:0 0 auto;max-width:100%;white-space:normal}
@media(max-width:640px){
 .campaign-page-heading{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-bottom:18px}
 .campaign-page-heading>div{width:100%;flex:1 1 auto}
 .campaign-page-heading>.btn{align-self:flex-start;width:auto}
}


/* Wallet summary: compact side-by-side metrics on dashboard and wallet page */
.dashboard-wallet-metrics,
.wallet-summary-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  align-items: stretch;
}
.dashboard-wallet-metrics > div,
.wallet-summary-grid > .card {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--line, #e5e7eb);
  border-radius: 14px;
  background: var(--surface, #fff);
}
.dashboard-wallet-metrics .kpi,
.wallet-summary-grid .kpi {
  font-size: clamp(1rem, 2.2vw, 1.55rem);
  line-height: 1.25;
  overflow-wrap: anywhere;
  margin-top: 5px;
}
.wallet-metric-green { color: #16803d !important; }
.wallet-metric-yellow { color: #b77908 !important; }
@media (max-width: 640px) {
  .dashboard-wallet-metrics,
  .wallet-summary-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
  }
  .dashboard-wallet-metrics > div,
  .wallet-summary-grid > .card {
    padding: 9px 7px;
    border-radius: 11px;
  }
  .dashboard-wallet-metrics .muted,
  .wallet-summary-grid .muted {
    font-size: 11px;
    line-height: 1.25;
  }
  .dashboard-wallet-metrics .kpi,
  .wallet-summary-grid .kpi {
    font-size: clamp(.78rem, 3vw, 1rem);
    line-height: 1.2;
  }
}

/* Watch and earn: compact, responsive video cards */
.watch-page-head{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:10px 0 22px;padding:22px;border-radius:22px;background:linear-gradient(125deg,#182b4d,#3658a4 65%,#6d5be8);color:#fff;box-shadow:0 14px 36px rgba(31,55,112,.18)}
.watch-page-head h1{margin:5px 0 8px;color:#fff;font-size:clamp(25px,4vw,38px);letter-spacing:-.035em}.watch-page-head p{margin:0;color:#e1e9ff;max-width:700px}.watch-page-head .eyebrow{color:#cbd7ff}.watch-page-head .btn{white-space:nowrap}
.watch-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.watch-summary article{padding:16px;border:1px solid #e3e9f3;border-radius:16px;background:#fff;box-shadow:0 6px 18px rgba(18,37,70,.05);min-width:0}.watch-summary span,.watch-summary strong{display:block}.watch-summary span{font-size:12px;color:#68768c;margin-bottom:7px}.watch-summary strong{font-size:clamp(14px,2vw,20px);overflow-wrap:anywhere;color:#182b4d}
.watch-upgrade-nudge{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:13px 16px;border:1px solid #f2d28a;border-radius:14px;background:#fff8e7;margin:16px 0;color:#704e00}.watch-video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:16px;align-items:start}.watch-video-card{padding:0!important;overflow:hidden;border:1px solid #e3e9f3!important;border-radius:18px!important;box-shadow:0 10px 28px rgba(20,40,75,.07)!important}.watch-embed-wrap{background:#0d1422;aspect-ratio:16/9;position:relative}.watch-player,.watch-player iframe{width:100%;height:100%;display:block}.watch-video-copy{padding:15px}.watch-video-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:12px;color:#6c7890}.watch-video-copy h2{font-size:18px;line-height:1.3;margin:11px 0 5px;overflow-wrap:anywhere}.watch-video-copy p{margin:8px 0}.watch-earned-box{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:12px 14px;border-radius:13px;background:#effaf3;border:1px solid #c8efd5;margin:13px 0}.watch-earned-box span{font-size:12px;color:#38634a}.watch-earned-box strong{font-size:23px;color:#087443;font-variant-numeric:tabular-nums}.watch-earned-box small{width:100%;color:#5e7968}.watch-message{font-size:12px;color:#65738a;min-height:30px}.watch-promo-card{max-width:760px;margin:0 auto}.watch-promo-card form{display:grid;gap:16px}.watch-rate-banner{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px;border-radius:14px;background:#effaf3;color:#24613b}.watch-rate-banner strong{font-size:20px}.watch-cost-preview{display:flex;justify-content:space-between;align-items:center;padding:14px;border-radius:12px;background:#f4f6fb;font-size:14px}.watch-cost-preview strong{font-size:22px;color:#172b4d}.watch-admin-video-list{display:grid;gap:12px}.watch-admin-video{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px;border:1px solid #e4e9f2;border-radius:15px;background:#fff}.watch-admin-video h3{margin:0 0 6px}.watch-admin-video p{margin:5px 0}.watch-admin-video form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.watch-admin-video form select{min-width:120px}.watch-admin-settings .grid{margin-bottom:12px}
@media(max-width:640px){.watch-page-head{padding:17px;border-radius:17px;align-items:flex-start}.watch-page-head>.btn{width:100%;text-align:center}.watch-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.watch-summary article{padding:10px}.watch-summary span{font-size:10px}.watch-summary strong{font-size:13px}.watch-video-grid{grid-template-columns:1fr}.watch-admin-video{align-items:stretch;flex-direction:column}.watch-admin-video form select,.watch-admin-video form .btn{flex:1}.watch-upgrade-nudge .btn{width:100%;text-align:center}}


/* Watch and Earn promotion notices and admin shortcuts */
.watch-youtube-verified{display:flex;flex-direction:column;gap:5px;margin:14px 0;padding:13px 16px;border:1px solid #86d5ad;border-radius:13px;background:#effcf4;color:#14532d}.watch-youtube-verified strong{font-weight:800}.watch-youtube-verified span{font-size:13px;line-height:1.5;color:#315b43}.watch-promo-toast,.watch-celebration-toast{position:fixed;z-index:9998;left:50%;top:18px;transform:translate(-50%,-16px);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;box-shadow:0 14px 44px #0003;border-radius:16px}.watch-promo-toast.is-visible,.watch-celebration-toast.is-visible{opacity:1;transform:translate(-50%,0);pointer-events:auto}.watch-promo-toast[hidden],.watch-celebration-toast[hidden]{display:none}.watch-promo-toast{width:min(760px,calc(100vw - 24px));display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;background:linear-gradient(135deg,#d50000,#ff2525);color:#fff;border:2px solid #a80000;border-radius:20px;box-shadow:0 18px 55px #71000055}.watch-promo-toast strong{display:block;font-size:clamp(20px,3vw,28px);line-height:1.2;letter-spacing:-.02em}.watch-promo-toast p{margin:8px 0;font-size:clamp(16px,2.2vw,19px);line-height:1.4;font-weight:700;color:#fff}.watch-promo-toast small{display:block;color:#ffe0e0;font-size:13px;line-height:1.45}.watch-promo-toast .btn{font-size:16px;padding:12px 16px;border-radius:12px}.watch-promo-toast .btn{flex-shrink:0;background:#20a45b;color:#fff}.watch-celebration-toast{padding:17px 24px;background:#ffdf4d;color:#3d2600;font-size:18px;font-weight:800;text-align:center;box-shadow:0 12px 40px #a46b0066}.admin-watch-earn-cta{background:#087443!important;color:#fff!important;font-weight:800}.watch-earn-admin-nav{background:#e9f9ef;border-radius:10px;color:#075b34!important;font-weight:800}@media(max-width:560px){.watch-promo-toast{align-items:flex-start;flex-direction:column;padding:20px}.watch-promo-toast .btn{align-self:flex-start;width:100%;text-align:center}.watch-celebration-toast{width:max-content;max-width:calc(100vw - 24px)}}

/* Watch and Earn synchronization/status refinements */
.watch-status{display:inline-flex;align-items:center;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:800}.watch-status-active{background:#ffe8e8;color:#cc0000}.watch-status-completed{background:#e8f7ed;color:#16733a}.watch-status-paused{background:#f1f3f5;color:#505a66}.watch-status-rejected{background:#ffe8e8;color:#a40000}.watch-video-card .watch-embed-wrap{background:#0f0f0f}.watch-video-card .watch-earned-box{background:#f8f9fa;border-color:#e5e7eb}.watch-video-card .watch-earned-box strong{color:#0f0f0f}

/* Watch and Earn display corrections: green live earnings and per-video status/views. */
.watch-video-card .watch-earned-box strong{color:#087443!important}.watch-video-status-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:8px 0 10px}.watch-video-status-row .watch-status-active{background:#ffe8e8;color:#cc0000}.watch-unique-views{font-size:12px;color:#5f6875;font-weight:700;font-variant-numeric:tabular-nums}

/* Watch and Earn promotional popup image layout and controls */
.watch-promo-toast{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
  gap:12px;
  width:min(620px,calc(100vw - 24px));
  max-height:calc(100vh - 36px);
  overflow-y:auto;
  padding:14px;
}
.watch-promo-toast-image{
  display:block;
  width:100%;
  height:auto;
  max-height:42vh;
  object-fit:contain;
  background:#a80000;
  border-radius:12px;
}
.watch-promo-toast-copy{width:100%;text-align:left}
.watch-promo-toast-copy strong{display:block;font-size:clamp(22px,4vw,30px);line-height:1.15}
.watch-promo-toast-copy p{font-size:16px;line-height:1.45;margin:8px 0}
.watch-promo-toast-copy small{display:block;font-size:12px;line-height:1.4;opacity:.92}
.watch-promo-toast-button{
  display:flex;
  width:100%;
  min-height:48px;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-size:17px;
  font-weight:800;
  margin-top:2px;
}
@media(max-width:600px){
 .watch-promo-toast{top:10px;padding:10px;width:calc(100vw - 20px);gap:10px}
 .watch-promo-toast-image{max-height:34vh}
 .watch-promo-toast-copy strong{font-size:23px}
 .watch-promo-toast-copy p{font-size:15px}
 .watch-promo-toast-button{font-size:16px}
}