@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}

/* Naija Task 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}}

/* Social Multi Vendor 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}
}


/* Premium Watch & Earn home and dashboard */
.wh-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center;margin:22px 0 34px;padding:clamp(26px,5vw,62px);border-radius:30px;overflow:hidden;background:radial-gradient(circle at 82% 15%,#2bdc91 0,transparent 28%),linear-gradient(125deg,#062d24,#07583d 62%,#0b9a59);color:#fff;box-shadow:0 24px 60px #063c2a26}
.wh-hero-copy{max-width:700px}.wh-kicker{display:inline-block;color:#14a86b;font-size:11px;font-weight:900;letter-spacing:.18em}.wh-hero .wh-kicker,.wh-cta .wh-kicker{color:#9ff3c7}.wh-hero h1{font-size:clamp(38px,5.5vw,66px);line-height:1.02;letter-spacing:-.055em;margin:18px 0;color:#fff}.wh-hero p{font-size:17px;line-height:1.7;color:#d7f4e5;max-width:620px}.wh-actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 18px}.wh-hero .btn,.wh-cta .btn{background:#fff;color:#07583d;border:0}.wh-hero .btn.secondary{background:#ffffff18;color:#fff;border:1px solid #ffffff66}.wh-trust{display:flex;gap:16px;flex-wrap:wrap;color:#d7f4e5;font-size:12px;font-weight:700}.wh-hero-visual{min-height:300px;position:relative;display:grid;place-items:center}.wh-play-orb{width:min(270px,65vw);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,#b8ffdb,#22bd79 48%,#087447 78%);color:#fff;font-size:70px;box-shadow:0 0 0 22px #ffffff0d,0 25px 70px #001c13aa;border:1px solid #ffffff55}.wh-float{position:absolute;background:#fff;color:#123c2b;border-radius:16px;padding:13px 18px;box-shadow:0 15px 40px #001e1640;display:flex;flex-direction:column;gap:3px}.wh-float small{color:#64766e}.wh-float-one{top:12%;left:0}.wh-float-two{right:0;bottom:12%}.wh-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 55px}.wh-stats>div{background:#fff;border:1px solid #dcebe2;border-radius:18px;padding:22px;display:grid;gap:7px;box-shadow:0 8px 25px #103d2910}.wh-stats b{color:#0b9a59;font-size:12px}.wh-stats strong{font-size:17px}.wh-stats span{color:#6b7c73;font-size:13px}.wh-section{margin:30px 0 55px}.wh-section-head,.wh-dashboard-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:22px}.wh-section-head h2{font-size:30px;margin:8px 0}.wh-section-head p,.wh-dashboard-head p{margin:0;color:#718078}.wh-text-link{color:#087c49;text-decoration:none;font-weight:800;white-space:nowrap}.wh-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.wh-video-card{background:#fff;border:1px solid #e0ebe4;border-radius:20px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 10px 28px #173c2b0c;transition:transform .18s,box-shadow .18s}.wh-video-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #173c2b18}.wh-thumb{position:relative;aspect-ratio:16/9;background:#e5efe9}.wh-thumb img{width:100%;height:100%;object-fit:cover}.wh-thumb span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#ffffffed;color:#087c49;font-size:20px}.wh-video-info{padding:16px;display:grid;gap:7px}.wh-video-info b{font-size:15px;line-height:1.4}.wh-video-info small{color:#718078}.wh-empty{padding:35px;text-align:center;background:#fff;border:1px dashed #cbded2;border-radius:20px}.wh-empty h3{margin:8px}.wh-empty p{margin:5px;color:#718078}.wh-empty-icon{margin:auto;width:52px;height:52px;border-radius:16px;background:#e5f7ed;color:#07824b;display:grid;place-items:center;font-size:22px}.wh-empty.compact{padding:22px}.wh-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:48px 0 24px;padding:30px clamp(20px,4vw,42px);border-radius:24px;background:linear-gradient(120deg,#07583d,#0b9a59);color:#fff}.wh-cta h2{font-size:27px;margin:8px 0}.wh-cta p{color:#d7f4e5;margin:0}.wh-dashboard-head{margin:20px 0 25px}.wh-dashboard-head h1{font-size:clamp(28px,4vw,42px);margin:8px 0}.wh-dash-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.wh-balance-card{grid-column:span 2;background:linear-gradient(125deg,#063c2c,#0b9a59);color:#fff;border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:8px;box-shadow:0 15px 35px #087a4822}.wh-balance-card>span{font-size:11px;letter-spacing:.13em;font-weight:900;color:#b8f5d5}.wh-balance-card>strong{font-size:clamp(28px,4vw,42px);letter-spacing:-.04em}.wh-balance-card small{color:#d7f4e5}.wh-balance-card a{color:#fff;font-weight:800;text-decoration:none;margin-top:6px}.wh-metric{background:#fff;border:1px solid #dfebe4;border-radius:20px;padding:20px;box-shadow:0 8px 24px #103d2910;display:flex;flex-direction:column;gap:8px;min-width:0}.wh-metric span{font-size:12px;color:#718078;font-weight:700}.wh-metric b{font-size:25px;letter-spacing:-.04em;overflow-wrap:anywhere}.wh-metric small{color:#839087;font-size:12px}.wh-dashboard-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0 35px}.wh-panel{background:#fff;border:1px solid #dfebe4;border-radius:22px;padding:22px;box-shadow:0 8px 24px #103d2910;min-width:0}.wh-panel h2{font-size:20px;margin:0 0 6px}.wh-panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.wh-panel-title p{margin:3px 0;color:#819087;font-size:13px}.wh-panel-title a{font-size:12px;color:#087c49;font-weight:800;text-decoration:none}.wh-action-list{display:grid}.wh-action-list>a{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid #edf2ee;text-decoration:none;color:inherit}.wh-action-list>a:last-child{border:0}.wh-action-list>a>span{width:42px;height:42px;border-radius:13px;background:#e8f8ef;color:#087c49;display:grid;place-items:center;font-size:20px;flex:0 0 auto}.wh-action-list>a div{display:grid;gap:4px;flex:1}.wh-action-list>a small{color:#839087}.wh-action-list>a i{font-style:normal;color:#087c49;font-size:20px}.wh-reward-list>div{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #edf2ee}.wh-reward-list>div:last-child{border:0}.wh-reward-list span{display:grid;gap:4px;min-width:0}.wh-reward-list b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wh-reward-list small{font-size:11px;color:#8a9890}.wh-reward-list strong{color:#07824b;white-space:nowrap}.wh-admin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.wh-settings-form{display:grid;gap:16px}.wh-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:16px}.wh-form-grid label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700;color:#34483e}.wh-form-grid input,.wh-form-grid textarea{width:100%;border:1px solid #d6e4db;border-radius:11px;padding:12px;font:inherit;background:#fbfdfb;color:#142a22}.wh-form-grid .wide{grid-column:1/-1}.wh-form-grid .wh-check,.wh-settings-form .wh-check{display:flex;flex-direction:row;align-items:center;gap:9px}.wh-check input{width:auto}.wh-settings-form>.wh-panel:last-child{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}
@media(max-width:900px){.wh-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wh-dash-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wh-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.wh-hero{grid-template-columns:1fr;gap:10px;padding:28px 20px}.wh-hero-visual{min-height:230px}.wh-play-orb{width:190px;font-size:48px}.wh-float-one{left:0;top:4%}.wh-float-two{right:0;bottom:2%}.wh-stats{grid-template-columns:1fr;gap:10px;margin-bottom:35px}.wh-section-head,.wh-dashboard-head{align-items:flex-start;flex-direction:column}.wh-video-grid{grid-template-columns:1fr}.wh-cta{align-items:flex-start;flex-direction:column}.wh-dashboard-columns{grid-template-columns:1fr}.wh-dash-grid{grid-template-columns:1fr 1fr}.wh-balance-card{grid-column:1/-1}.wh-form-grid{grid-template-columns:1fr}.wh-form-grid .wide{grid-column:auto}.wh-settings-form>.wh-panel:last-child{align-items:stretch;flex-direction:column}.wh-admin-grid{grid-template-columns:1fr 1fr}}


/* =========================================================
   WATCH & EARN — PREMIUM RESPONSIVE VISUAL REFRESH
   Visual-only layer: preserves existing routes, forms and features.
   ========================================================= */
:root{
 --we-ink:#10251d;--we-muted:#687b72;--we-line:#e2ebe5;
 --we-surface:#fff;--we-page:#f4f8f5;--we-shadow:0 16px 44px rgba(13,55,35,.085);
 --we-radius:22px;
}
html{scroll-behavior:smooth}
body{font-family:Inter,"DM Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;color:var(--we-ink)!important;background:
 radial-gradient(ellipse at 5% 0%,rgba(17,185,105,.10),transparent 34%),
 radial-gradient(ellipse at 96% 8%,rgba(11,111,72,.07),transparent 28%),
 #f5f8f6!important}
.top{min-height:72px!important;padding:12px clamp(16px,3vw,38px)!important;backdrop-filter:blur(14px);box-shadow:0 8px 30px rgba(8,45,29,.15)!important}
.brand{font-size:20px!important;font-weight:950!important;letter-spacing:-.04em!important}
.top nav{gap:clamp(8px,1.5vw,18px)!important}
.top nav a{font-weight:750!important;text-decoration:none!important}
.wrap{max-width:1320px!important;padding:clamp(18px,3vw,38px)!important}
.card,.metric,.form-card,.auth,.admin-kpi-card,.admin-management-card{
 border:1px solid rgba(220,234,225,.95)!important;border-radius:var(--we-radius)!important;
 background:rgba(255,255,255,.96)!important;box-shadow:var(--we-shadow)!important;
}
.card,.metric{padding:clamp(18px,2vw,26px)!important}
.card:hover,.admin-kpi-card:hover,.admin-management-card:hover{border-color:color-mix(in srgb,var(--brand) 30%,white)!important}
h1,h2,h3{letter-spacing:-.035em}
h1{font-weight:950!important}
h2{font-weight:900!important}
p{line-height:1.7}
.eyebrow{font-size:11px!important;font-weight:950!important;letter-spacing:.15em!important;text-transform:uppercase}
.muted,small{color:var(--we-muted)!important}
.btn,.nav-cta,.menu-toggle,button.btn{
 min-height:42px!important;padding:11px 17px!important;border-radius:13px!important;
 font-weight:850!important;letter-spacing:-.01em;box-shadow:0 8px 20px color-mix(in srgb,var(--brand) 22%,transparent)!important;
}
.btn:hover,.nav-cta:hover,button.btn:hover{transform:translateY(-2px);filter:saturate(1.08)}
.btn.secondary{background:#f0f7f2!important;color:var(--brand2)!important;border:1px solid #d7e9dd!important;box-shadow:none!important}
input,select,textarea{border-radius:12px!important;border:1px solid #dce8e0!important;padding:13px 14px!important}
input:focus,select:focus,textarea:focus{outline:3px solid color-mix(in srgb,var(--brand) 14%,transparent)!important}
.grid{gap:18px!important}
.row{gap:16px}
.page-title{margin:12px 0 26px!important}
.hero{
 position:relative!important;isolation:isolate;overflow:hidden!important;
 min-height:310px;padding:clamp(28px,5vw,66px)!important;border:0!important;border-radius:30px!important;
 background:linear-gradient(120deg,var(--brand2) 0%,var(--brand) 70%,color-mix(in srgb,var(--brand) 60%,#19c77a))!important;
 box-shadow:0 24px 58px color-mix(in srgb,var(--brand2) 24%,transparent)!important;
}
.hero:before,.admin-dashboard-hero:before,.dashboard-hero:before{
 content:"";position:absolute;z-index:-1;width:380px;height:380px;right:-100px;top:-190px;border-radius:50%;
 border:1px solid rgba(255,255,255,.2);box-shadow:0 0 0 35px rgba(255,255,255,.045),0 0 0 75px rgba(255,255,255,.035);
}
.hero:after{content:"";position:absolute;z-index:-1;width:180px;height:180px;right:13%;bottom:-125px;border-radius:50%;background:#ffffff12;filter:blur(2px)}
.hero-copy{max-width:850px!important;padding:0!important;text-align:left!important}
.hero-copy h1{font-size:clamp(38px,5.7vw,68px)!important;line-height:1.02!important;max-width:850px!important;color:#fff!important;margin:12px 0 18px!important}
.hero-copy p,.hero-copy .muted{max-width:720px!important;color:#effff5!important;font-size:clamp(15px,1.5vw,18px)!important}
.hero-copy .eyebrow{color:#b9ffd5!important}
.hero-copy .button-row{gap:12px!important;margin-top:25px!important}
.hero-copy .hero-action-primary{background:#fff!important;color:var(--brand2)!important;border:1px solid #fff!important}
.hero-copy .hero-action-secondary{background:#ffffff18!important;color:#fff!important;border:1px solid #ffffff85!important;box-shadow:none!important}
.hero-copy .hero-action-outline{background:transparent!important;color:#fff!important;border:1px solid #ffffff85!important}
.homepage-banner-slider{border-radius:24px!important;box-shadow:var(--we-shadow);margin:24px 0 34px!important}
.homepage-banner-slider .banner-card{border:0!important;background:#fff!important}
.home-category-section,.home-market{margin:36px 0!important}
.home-category-section h2,.home-market h2,.section-heading{font-size:clamp(23px,3vw,31px)!important}
.category-carousel,.product-carousel{border-radius:20px}
.category-track{gap:15px!important}
.category-card{min-width:190px!important;text-align:left}
.category-card img{width:58px;height:58px;padding:9px;border-radius:17px;background:#eef8f1}
.homepage-feature-cards{margin:32px 0!important}
.homepage-feature-cards>.card{position:relative;overflow:hidden;padding:26px!important}
.homepage-feature-cards>.card:before{content:"";display:block;width:42px;height:5px;border-radius:10px;background:var(--brand);margin-bottom:18px}
.homepage-feature-cards h2{font-size:21px}
.product-card{border-radius:18px!important;overflow:hidden}
.product-info{gap:10px!important;padding:18px!important}
.product-card img{transition:transform .35s ease}
.product-card:hover img{transform:scale(1.035)}
/* User workspace */
body.logged-in .wrap{padding-top:30px!important}
body.logged-in .wrap>.row:first-child{align-items:center!important;margin:4px 0 22px!important}
body.logged-in .wrap>.row:first-child h1{font-size:clamp(28px,4vw,42px)!important;margin:5px 0}
body.logged-in .wrap>.row:first-child .button-row{gap:9px!important}
.wallet-quick-fund{
 position:relative;overflow:hidden!important;display:flex!important;align-items:center!important;gap:22px!important;
 flex-wrap:wrap;padding:clamp(20px,3vw,32px)!important;
 background:linear-gradient(115deg,#092f23 0%,#075b3b 58%,var(--brand2))!important;
 border:0!important;color:#fff!important;box-shadow:0 20px 44px rgba(5,62,38,.2)!important;
}
.wallet-quick-fund:after{content:"";position:absolute;right:-55px;top:-105px;width:260px;height:260px;border:1px solid #ffffff30;border-radius:50%;box-shadow:0 0 0 28px #ffffff0c,0 0 0 58px #ffffff08}
.wallet-quick-fund .muted,.wallet-quick-fund .small{color:#d5f3e2!important}
.wallet-quick-fund .kpi{font-size:clamp(26px,3.5vw,40px)!important;color:#fff!important;font-weight:950}
.wallet-quick-fund .button-row{margin-left:auto;z-index:1}
.wallet-quick-fund .btn{background:#fff!important;color:#075b3b!important;box-shadow:none!important}
.wallet-quick-fund .btn.secondary{background:#ffffff18!important;color:#fff!important;border-color:#ffffff60!important}
.dashboard-wallet-metrics{display:flex;flex:1;flex-wrap:wrap;gap:clamp(20px,4vw,50px)}
.dashboard-wallet-metrics>div{min-width:125px}
.referral-box{border:1px dashed color-mix(in srgb,var(--brand) 45%,white)!important;border-radius:16px!important;background:#f1faf4!important;padding:17px!important}
.dashboard-banner-carousel{border-radius:22px!important;box-shadow:var(--we-shadow)}
.grid.three>.card,.grid.two>.card{min-width:0}
.grid.three>.card .kpi,.grid.three>.card .metric strong{font-size:clamp(24px,3vw,34px)!important}
.recommendation-panel{margin:22px 0}
.app-bottom-nav{box-shadow:0 -8px 28px rgba(11,51,32,.09)!important;backdrop-filter:blur(16px)}
/* Super Admin workspace */
.admin-dashboard-hero{
 position:relative;isolation:isolate;overflow:hidden;display:flex!important;align-items:center!important;
 justify-content:space-between!important;gap:24px!important;padding:clamp(26px,4.5vw,52px)!important;
 margin:8px 0 24px!important;border:0!important;border-radius:28px!important;color:#fff!important;
 background:linear-gradient(120deg,#102d24 0%,#075b3b 55%,var(--brand))!important;
 box-shadow:0 22px 50px rgba(5,62,38,.19)!important;
}
.admin-dashboard-hero h1{font-size:clamp(30px,4vw,48px)!important;margin:10px 0!important;color:#fff!important}
.admin-dashboard-hero p{max-width:650px;color:#e0f5e8!important}
.admin-dashboard-hero .eyebrow{color:#a8f2c5!important}
.admin-dashboard-hero-mark{font-size:clamp(70px,11vw,130px)!important;color:#ffffff24!important}
.admin-kpi-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;gap:15px!important;margin:20px 0 30px!important}
.admin-kpi-card{padding:20px!important;min-width:0;transition:transform .18s ease,border-color .18s ease}
.admin-kpi-card:hover{transform:translateY(-3px)}
.admin-kpi-top{display:flex;justify-content:space-between;gap:10px;align-items:center;color:var(--we-muted);font-size:13px;font-weight:800}
.admin-kpi-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#eaf7ef;color:var(--brand2);font-size:19px}
.admin-kpi-number{font-size:clamp(27px,3vw,36px)!important;line-height:1.15;font-weight:950!important;letter-spacing:-.05em;margin:13px 0}
.admin-kpi-card .btn{width:100%;justify-content:center}
.admin-management-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;gap:14px!important;margin:18px 0 35px!important}
.admin-management-card{padding:20px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important;min-height:150px;transition:transform .18s ease,border-color .18s ease}
.admin-management-card:hover{transform:translateY(-3px)}
.admin-manage-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#eaf7ef;color:var(--brand2);font-size:20px}
.admin-management-card h3{font-size:16px!important;margin:0!important}
.admin-management-link{margin-top:auto!important;width:100%!important;justify-content:center}
.admin-community-dashboard-shortcut{margin:18px 0!important}
.side-nav{width:min(320px,88vw)!important;padding:18px!important;gap:7px!important}
.side-nav a{padding:12px 14px!important;border-radius:12px!important;font-weight:800!important}
.side-nav a:first-of-type{background:linear-gradient(120deg,var(--brand),var(--brand2))!important;color:#fff!important;margin:6px 0 10px!important;box-shadow:0 8px 18px color-mix(in srgb,var(--brand) 24%,transparent)}
.side-nav a:hover{transform:translateX(2px)}
footer,.platform-footer{line-height:1.8}
.table-wrap{border:1px solid var(--we-line);border-radius:16px;background:#fff}
table{border-collapse:separate!important;border-spacing:0!important}
th{background:#f5f9f6!important}
td,th{padding:14px!important}
@media(max-width:900px){
 .wrap{padding:20px 16px!important}
 .admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .admin-management-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:680px){
 .top{min-height:62px!important}
 .hero{min-height:0!important;padding:28px 21px!important;border-radius:22px!important}
 .hero-copy h1{font-size:clamp(34px,10vw,47px)!important}
 .homepage-hero-actions .btn{flex:1 1 42%;padding:11px 12px!important}
 .wallet-quick-fund{align-items:flex-start!important;flex-direction:column!important}
 .wallet-quick-fund .button-row{margin-left:0;width:100%}
 .wallet-quick-fund .button-row .btn{flex:1}
 .dashboard-wallet-metrics{width:100%;gap:18px}
 .admin-dashboard-hero{align-items:flex-start!important;padding:25px 20px!important;border-radius:22px!important}
 .admin-dashboard-hero-mark{display:none}
 .admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .admin-kpi-card{padding:15px!important;border-radius:17px!important}
 .admin-kpi-number{font-size:25px!important}
 .admin-management-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}
 .admin-management-card{padding:15px!important;min-height:140px!important}
 .admin-management-card h3{font-size:14px!important}
 .admin-manage-icon{width:36px;height:36px}
 .page-title{gap:10px}
 .card{border-radius:17px!important}
}
@media(max-width:390px){
 .admin-management-grid{grid-template-columns:1fr!important}
 .admin-kpi-grid{grid-template-columns:1fr 1fr!important}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}