:root{--bg:#060814;--panel:rgba(15,21,40,.78);--text:#f7f8ff;--muted:#aab2ca;--line:rgba(255,255,255,.10);--purple:#7c5cff;--cyan:#00d9ff;--red:#ff3158}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Inter,Arial,sans-serif;background:var(--bg);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(rgba(4,7,18,.68),rgba(4,7,18,.92)),url('./streamerhub-tanzania-background.png') center top/cover fixed no-repeat}
body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 15% 15%,rgba(124,92,255,.15),transparent 30%),radial-gradient(circle at 85% 20%,rgba(0,217,255,.10),transparent 28%)}
a{color:inherit}.container{width:min(1180px,90%);margin:auto}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(4,7,18,.38);backdrop-filter:blur(12px);position:sticky;top:0;z-index:50}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:900;letter-spacing:.7px}.mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--purple),var(--cyan));display:grid;place-items:center;box-shadow:0 8px 30px rgba(124,92,255,.35)}.mark:after{content:"";width:11px;height:11px;background:#fff;border-radius:50%}
.navlinks{display:flex;align-items:center;gap:25px}.navlinks a{text-decoration:none;color:#c8cee2;font-size:13px;font-weight:800}.navlinks a:hover{color:#fff}.navlinks .live{color:#ff8ca4}.menu{display:none;background:none;border:0;color:white;font-size:26px}
.hero{min-height:calc(100vh - 78px);display:grid;align-items:center;padding:90px 0}.tag{display:inline-flex;gap:8px;align-items:center;padding:9px 14px;border:1px solid var(--line);background:rgba(255,255,255,.055);border-radius:999px;font-size:12px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase}.dot{width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 16px var(--red)}
h1{font-size:clamp(48px,8vw,92px);line-height:.94;letter-spacing:-4px;max-width:950px;margin:25px 0 20px}.gradient{background:linear-gradient(90deg,#fff,#a78bff,#4fe7ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{max-width:730px;color:var(--muted);font-size:19px;line-height:1.7}.buttons{display:flex;align-items:center;flex-wrap:wrap;column-gap:34px;row-gap:22px;margin-top:38px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 23px;border-radius:12px;text-decoration:none;font-size:13px;font-weight:900;transition:.2s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.primary{background:linear-gradient(135deg,var(--purple),#5f7cff);box-shadow:0 12px 35px rgba(124,92,255,.25)}.secondary{border:1px solid var(--line);background:rgba(255,255,255,.055)}
.section{padding:90px 0;border-top:1px solid var(--line);background:rgba(5,8,20,.48);backdrop-filter:blur(6px)}.eyebrow{color:#67e8ff;font-size:12px;font-weight:900;letter-spacing:2px;text-transform:uppercase;margin-bottom:12px}.section h2{font-size:clamp(34px,5vw,58px);line-height:1;letter-spacing:-2px;margin:0 0 18px}.intro{max-width:760px;color:var(--muted);line-height:1.7;font-size:17px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:42px}.card{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:18px}.icon{font-size:28px;margin-bottom:15px}.card h3{margin:0 0 8px;font-size:16px}.card p{margin:0;color:#8993b0;font-size:13px;line-height:1.6}
.flow{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap;margin-top:44px}.flow .card{flex:1 1 150px;text-align:center}.arrow{display:grid;place-items:center;color:#7280a4;font-size:22px}
.page{padding:90px 0;min-height:calc(100vh - 78px)}.page-title{max-width:850px}.page-title h1{font-size:clamp(42px,7vw,76px)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:44px}.box{padding:30px;border-radius:20px;background:var(--panel);border:1px solid var(--line)}.box h3{margin-top:0}.box p,.box li{color:var(--muted);line-height:1.7}.box .btn{margin-top:26px}
.live-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}.creator{overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:18px}.creator-top{height:150px;background:linear-gradient(135deg,rgba(124,92,255,.25),rgba(0,217,255,.12));display:grid;place-items:center;color:#7f8aa9;font-weight:800}.creator-body{padding:20px}.status{display:flex;align-items:center;gap:7px;color:#ff6c87;font-size:11px;font-weight:900;letter-spacing:1px}.creator h3{margin:10px 0 5px}.creator p{color:#8993b0;font-size:13px;margin:0 0 20px}.watch{display:block;text-align:center;text-decoration:none;background:#fff;color:#080910;padding:12px;border-radius:9px;font-weight:900;font-size:12px}
.social{margin-top:36px}.instagram{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;padding:11px 17px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.05);font-size:13px;font-weight:800}.ig-icon{width:18px;height:18px;border:2px solid #fff;border-radius:5px;position:relative}.ig-icon:before{content:"";position:absolute;width:6px;height:6px;border:2px solid #fff;border-radius:50%;left:4px;top:4px}.ig-icon:after{content:"";position:absolute;width:3px;height:3px;background:#fff;border-radius:50%;right:2px;top:2px}
.launch{margin-top:46px;padding:25px;border-radius:20px;border:1px solid rgba(0,217,255,.18);background:linear-gradient(120deg,rgba(124,92,255,.12),rgba(0,217,255,.07))}.launch strong{font-size:13px;letter-spacing:1px;text-transform:uppercase}.launch p{margin:9px 0 0;color:var(--muted);font-size:14px}
.creator-cta{margin-top:48px;padding:30px;border-radius:20px;background:linear-gradient(120deg,rgba(124,92,255,.18),rgba(0,217,255,.10));border:1px solid rgba(0,217,255,.20);display:flex;align-items:center;justify-content:space-between;gap:42px}.creator-cta h3{margin:0 0 7px;font-size:24px}.creator-cta p{margin:0;color:var(--muted);font-size:14px}.creator-cta .btn{margin:0}
footer{border-top:1px solid var(--line);padding:25px 0;color:#747e99;font-size:12px}.foot{display:flex;justify-content:space-between;gap:20px}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.live-list{grid-template-columns:1fr 1fr}.navlinks{gap:14px}}
@media(max-width:700px){.navlinks{display:none;position:absolute;top:78px;left:0;right:0;padding:20px;background:#080b18;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.navlinks.open{display:flex}.menu{display:block}.grid,.two,.live-list{grid-template-columns:1fr}.arrow{display:none}.foot{flex-direction:column;text-align:center}.buttons{flex-direction:column;align-items:stretch;gap:16px;margin-top:30px}.buttons .btn{width:100%}.creator-cta{flex-direction:column;align-items:flex-start;gap:22px}.creator-cta .btn{width:100%}h1{letter-spacing:-2px}}

/* V9 global spacing polish */
.page-title h1{margin-bottom:12px!important}.page-title .lead{margin-top:0!important}
.hero h1{margin-bottom:12px!important}.hero .lead{margin-top:0!important}
.section h2{margin-bottom:12px!important}.section .intro{margin-top:0!important}
.two{margin-top:32px!important}.grid{margin-top:32px!important}.flow{margin-top:32px!important}
.buttons{margin-top:24px!important}.social{margin-top:24px!important}.creator-cta{margin-top:36px!important}
.card,.box{position:relative;overflow:hidden}
.card:before,.box:before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,var(--purple),var(--cyan));opacity:.7}
@media(max-width:700px){.page{padding-top:62px!important}.hero{padding-top:62px!important}.page-title h1,.hero h1{margin-bottom:10px!important}.buttons{margin-top:22px!important}}

/* V10 compact page spacing */
.page{padding-top:55px!important;padding-bottom:45px!important;min-height:auto!important}
.hero{min-height:calc(100vh - 78px);padding:55px 0 58px!important}
.page-title{max-width:900px;padding-bottom:0!important}
.page-title h1{margin-top:18px!important;margin-bottom:9px!important}
.page-title .lead{margin:0!important;line-height:1.55!important}
.hero h1{margin-top:18px!important;margin-bottom:9px!important}
.hero .lead{line-height:1.55!important}
.section{padding:55px 0!important}
.section h2{margin-top:0!important;margin-bottom:9px!important}
.section .intro{line-height:1.55!important}
.grid{margin-top:25px!important}
.flow{margin-top:25px!important}
.two{margin-top:25px!important}
.buttons{margin-top:19px!important}
.creator-cta{margin-top:28px!important}
.social{margin-top:20px!important}
.live-hero{padding:55px 0 30px!important}
.category-block{padding-bottom:45px!important}
.live-summary{margin-top:18px!important}
.live-note{margin-top:24px!important}
.home-quote{margin-top:25px!important}
@media(max-width:700px){
  .page{padding-top:42px!important;padding-bottom:30px!important}
  .hero{padding:45px 0 45px!important}
  .section{padding:42px 0!important}
  .page-title h1,.hero h1{margin-top:14px!important;margin-bottom:8px!important}
  .page-title .lead,.hero .lead{line-height:1.5!important}
  .buttons{margin-top:18px!important}
  .two,.grid,.flow{margin-top:22px!important}
}

/* V12 heading wrap: keep complete words together */
h1,h2,h3{overflow-wrap:normal;word-break:normal}
h1{max-width:1000px}
@media(min-width:701px){
  .hero h1,.page-title h1{max-width:1000px}
}

/* V13 controlled heading sizes and intentional line wrapping */
.hero h1,.page-title h1{
  font-size:clamp(42px,5vw,50px)!important;
  line-height:1.08!important;
  letter-spacing:-1.8px!important;
  max-width:900px!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
@media(max-width:700px){
  .hero h1,.page-title h1{
    font-size:clamp(34px,9vw,42px)!important;
    line-height:1.08!important;
    letter-spacing:-1.2px!important;
  }
}
/* V41 Streamers Hub TZ unified visual system */
:root{--sh-bg:#020817;--sh-bg2:#04143a;--sh-panel:rgba(4,20,55,.78);--sh-panel2:#071c49;--sh-blue:#0868f2;--sh-cyan:#11b9ff;--sh-text:#f7fbff;--sh-muted:#9eb2d2;--sh-line:rgba(70,143,255,.22);--sh-red:#ff3150;--sh-green:#24d69a;--sh-purple:#8a46ff}
html,body{background:var(--sh-bg)!important;color:var(--sh-text)!important}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important}
body:before{background:radial-gradient(circle at 78% 8%,rgba(17,185,255,.18),transparent 25%),radial-gradient(circle at 8% 32%,rgba(8,104,242,.16),transparent 32%),linear-gradient(180deg,#020817 0%,#03133b 52%,#020817 100%)!important}
body:after{background-image:linear-gradient(120deg,transparent 45%,rgba(17,185,255,.04) 50%,transparent 55%)!important}
.container{width:min(1240px,92%)!important}
.nav{height:76px!important;background:rgba(2,8,25,.88)!important;border-bottom:1px solid rgba(54,132,255,.18)!important;backdrop-filter:blur(18px)!important}
.logo{gap:10px!important}.logo .mark{display:none!important}.logo img,.site-logo{height:50px;width:auto;max-width:190px;object-fit:contain}.navlinks a{color:#e8f2ff!important;font-size:12px!important}.navlinks a:hover{color:#29bcff!important}.navlinks .live{color:#fff!important}.navlinks .live:before{content:""!important;display:inline-block!important;width:8px!important;height:8px!important;border-radius:50%!important;background:var(--sh-red)!important;box-shadow:0 0 12px rgba(255,49,80,.8)!important;margin-right:7px!important}.nav-actions{display:flex!important;gap:10px!important;margin-left:18px!important}.nav-btn{padding:11px 16px!important;border-radius:9px!important}.nav-btn.primary{background:var(--sh-blue)!important}.nav-btn.outline{border:1px solid rgba(184,214,255,.38)!important;background:rgba(255,255,255,.03)!important}.menu{color:#fff!important}
.page,.creator-hero,.live-hero,.reset-wrap,.login-wrap,.status-page,.join-page,.dash,.admin-page,.admin-login{background:transparent!important}
.page{padding:60px 0 45px!important}.page-title h1,.hero h1{color:#fff!important}.gradient{background:linear-gradient(90deg,#fff,#4db8ff,#087cff)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}.lead,.page-title .lead{color:#afc2df!important}
.section{background:transparent!important;border-top:1px solid rgba(65,132,240,.12)!important}.box,.card,.benefit,.step,.creator,.creator-card,.reset-card,.login-card,.status-card,.dash-card,.section-card{background:linear-gradient(145deg,rgba(6,25,67,.86),rgba(3,13,36,.86))!important;border:1px solid var(--sh-line)!important;box-shadow:0 18px 55px rgba(0,0,0,.18)!important}.box:before,.card:before{background:linear-gradient(90deg,var(--sh-blue),var(--sh-cyan))!important}
.btn.primary,.reset-btn,.login-btn,.join-btn,.small-btn.primary{background:linear-gradient(135deg,#0868f2,#168fff)!important;box-shadow:0 10px 30px rgba(8,104,242,.25)!important}.btn.secondary,.instagram,.nav-btn.outline{background:rgba(255,255,255,.025)!important;border-color:rgba(154,193,244,.34)!important}
footer{background:#010817!important;border-top:1px solid rgba(52,126,245,.2)!important;color:#8299bb!important}.foot a{color:#d7e6fb!important}
input,select,textarea{background:rgba(1,8,24,.72)!important;color:#fff!important;border-color:rgba(85,145,226,.3)!important}.status.success,.notice.success{background:rgba(36,214,154,.09)!important}.status.error,.notice.error{background:rgba(255,49,80,.09)!important}
/* consistent content pages */
.grid .card:hover,.live-list .creator:hover,.creator-card:hover{border-color:rgba(23,153,255,.55)!important;transform:translateY(-2px);transition:.2s}
.creator-top,.creator-cover{background:linear-gradient(135deg,#062d77,#075fd8 55%,#11b9ff)!important}
.watch{background:#fff!important;color:#031027!important}.platform-btn,.category-btn,.cat{background:rgba(4,22,58,.8)!important;border-color:rgba(66,139,255,.25)!important;color:#e9f5ff!important}.category-btn.active{background:linear-gradient(90deg,rgba(8,104,242,.55),rgba(17,185,255,.18))!important;border-color:rgba(17,185,255,.5)!important}
/* admin */
.admin-page{min-height:100vh!important;padding-bottom:80px!important}.section-card{background:linear-gradient(145deg,rgba(4,20,55,.92),rgba(2,10,29,.92))!important}.stat{background:linear-gradient(145deg,rgba(6,28,72,.8),rgba(3,13,35,.8))!important;border-color:var(--sh-line)!important}.table-wrap{border-color:var(--sh-line)!important}.table th,.table td{border-color:rgba(69,133,231,.15)!important}.modal{background:rgba(0,4,16,.78)!important}.modal-card{background:#04132f!important;border-color:var(--sh-line)!important}
/* login/status */
.login-wrap,.reset-wrap,.admin-login{min-height:calc(100vh - 76px)!important}.login-card,.reset-card,.admin-login-card{background:linear-gradient(145deg,rgba(5,24,65,.94),rgba(2,10,29,.94))!important;border-color:var(--sh-line)!important;box-shadow:0 30px 90px rgba(0,0,0,.35)!important}
/* mobile */
@media(max-width:700px){.nav{height:68px!important}.logo img,.site-logo{height:44px!important;max-width:160px}.navlinks{top:68px!important;background:#020a20!important;border-bottom:1px solid var(--sh-line)!important}.nav-actions{display:none!important}.page{padding:42px 0 30px!important}.section{padding:40px 0!important}.grid,.two,.live-list{gap:14px!important}.page-title h1{font-size:clamp(36px,10vw,50px)!important}.lead{font-size:15px!important}.buttons{gap:10px!important}.btn{width:100%!important}.creator-cta{padding:22px!important}}
.sh-auth-header{height:72px;display:flex;align-items:center;border-bottom:1px solid rgba(54,132,255,.18);background:rgba(2,8,25,.88);backdrop-filter:blur(18px)}.sh-auth-header .container{display:flex;justify-content:space-between;align-items:center}.sh-auth-header img{height:48px;width:auto}.sh-back{color:#cfe2ff;text-decoration:none;font-size:12px;font-weight:800}.sh-back:hover{color:#22baff}
.dash .container,.status-page .container,.join-page .container{position:relative}
.admin-brand .site-logo{max-width:180px}.admin-brand{min-width:0}

/* =========================================================
   V42 — FULL PLATFORM VISUAL UNIFICATION
   Presentation-only layer. V41 functionality/API contracts preserved.
   ========================================================= */
:root{
  --v42-bg:#020817;--v42-bg2:#041536;--v42-panel:rgba(5,23,60,.82);
  --v42-panel2:rgba(7,31,78,.72);--v42-blue:#0877ff;--v42-cyan:#12c7ff;
  --v42-text:#f6fbff;--v42-muted:#9bb0cf;--v42-line:rgba(73,150,255,.22);
  --v42-red:#ff3b5f;--v42-green:#28d69c;
}
body{min-height:100vh;background:var(--v42-bg)!important;color:var(--v42-text)!important}
body:before{background:
 radial-gradient(circle at 78% 5%,rgba(18,199,255,.13),transparent 24%),
 radial-gradient(circle at 8% 25%,rgba(8,119,255,.14),transparent 30%),
 linear-gradient(180deg,#020817 0%,#031638 48%,#020817 100%)!important}
body:after{background:linear-gradient(115deg,transparent 42%,rgba(18,199,255,.025) 50%,transparent 58%)!important}

/* Shared navigation */
.nav{height:82px!important;padding:0!important;background:rgba(2,8,23,.9)!important;border-bottom:1px solid var(--v42-line)!important}
.nav>.container{min-height:82px}
.nav .logo{flex:0 0 auto}
.nav .logo img{display:block;height:48px!important;max-width:185px!important;width:auto!important;object-fit:contain}
.navlinks{gap:22px!important}
.navlinks a{font-size:11px!important;letter-spacing:.65px!important;color:#dceaff!important;transition:.2s}
.navlinks a:hover,.navlinks a.active{color:#28c5ff!important}
.navlinks .live{color:#fff!important}
.nav-actions{gap:9px!important;margin-left:14px!important}
.nav-btn{font-size:10px!important;letter-spacing:.55px!important;padding:11px 14px!important;border-radius:9px!important}
.nav-btn.primary{background:linear-gradient(135deg,#0877ff,#0b9eff)!important}
.nav-btn.outline{background:rgba(255,255,255,.025)!important;border:1px solid rgba(168,207,255,.34)!important}

/* Shared page headers */
.page,.creator-hero,.live-hero{position:relative}
.page{padding:74px 0 46px!important}
.page-title{max-width:930px!important}
.page-title .eyebrow,.live-hero .eyebrow{margin-bottom:14px!important}
.page-title h1,.live-hero h1{font-size:clamp(43px,6vw,66px)!important;line-height:1.02!important;letter-spacing:-2.6px!important;margin:0 0 16px!important}
.page-title .lead,.live-hero .lead{max-width:800px!important;font-size:16px!important;line-height:1.75!important;color:var(--v42-muted)!important}
.page-title:after{content:"";display:block;width:90px;height:3px;margin-top:28px;border-radius:99px;background:linear-gradient(90deg,var(--v42-blue),var(--v42-cyan))}
.section{padding:58px 0!important;border-top:1px solid rgba(73,150,255,.12)!important;background:transparent!important}
.section>.container{position:relative}
.section h2{font-size:clamp(31px,4vw,48px)!important;letter-spacing:-1.8px!important}
.section h3,.box h3,.card h3{letter-spacing:-.3px}

/* Shared panels/cards */
.box,.card,.creator,.creator-card,.benefit,.step,.section-card,.dash-card,.status-card,.login-card,.reset-card,.admin-login-card,.hero-card{
 background:linear-gradient(145deg,rgba(7,29,73,.88),rgba(2,12,34,.94))!important;
 border:1px solid var(--v42-line)!important;
 border-radius:20px!important;
 box-shadow:0 20px 60px rgba(0,0,0,.18)!important;
}
.box,.card{padding:27px!important}
.box:before,.card:before{height:2px!important;background:linear-gradient(90deg,var(--v42-blue),var(--v42-cyan))!important}
.box p,.card p,.creator-description,.lead,.intro{color:var(--v42-muted)!important}
.card:hover,.box:hover,.creator-card:hover{border-color:rgba(18,199,255,.42)!important;transform:translateY(-2px);transition:.22s ease}
.grid{gap:16px!important}
.two{gap:18px!important}

/* Services */
.services-page .grid,.grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid .icon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,rgba(8,119,255,.2),rgba(18,199,255,.1));border:1px solid rgba(18,199,255,.2);font-size:22px}

/* Live / creators */
.creator-grid{gap:17px!important}
.creator-card{overflow:hidden!important}
.creator-card:before{height:2px!important;background:linear-gradient(90deg,var(--v42-blue),var(--v42-cyan))!important}
.creator-cover{height:145px!important;background:radial-gradient(circle at 25% 15%,rgba(18,199,255,.24),transparent 42%),linear-gradient(135deg,#052b70,#075fd5 58%,#0bb6f4)!important}
.creator-avatar{border-color:rgba(255,255,255,.34)!important;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.platform-btn,.category-btn{border-color:rgba(80,155,255,.25)!important;background:rgba(4,22,57,.82)!important}
.platform-btn:hover,.category-btn:hover{border-color:rgba(18,199,255,.5)!important}
.watch{border-radius:10px!important;font-size:11px!important}
.empty-state,.error-state{background:rgba(4,20,53,.65)!important;border-color:rgba(79,154,255,.24)!important}

/* Forms */
.join-page,.login-wrap,.reset-wrap,.status-page,.admin-login,.dash,.admin-page{background:transparent!important}
.field label,.choice label,.platform-box label{color:#d8e8ff!important}
input,select,textarea{border:1px solid rgba(91,157,231,.28)!important;background:rgba(1,8,24,.7)!important;border-radius:10px!important;color:#fff!important}
input:focus,select:focus,textarea:focus{outline:none!important;border-color:rgba(18,199,255,.72)!important;box-shadow:0 0 0 3px rgba(18,199,255,.08)!important}
.choice,.platform-box,.free-note,.hint,.join-note,.info,.info-row{background:rgba(3,16,43,.62)!important;border-color:rgba(73,150,255,.18)!important}
.btn,.login-btn,.reset-btn,.join-btn,.small-btn{border-radius:10px!important}
.btn.primary,.login-btn,.reset-btn,.join-btn,.small-btn.primary{background:linear-gradient(135deg,#0877ff,#0b9eff)!important}
.btn.secondary{background:rgba(255,255,255,.035)!important}

/* Creator dashboard */
.dash{padding:46px 0 80px!important}
.dash .top{margin-bottom:22px!important}
.dash .top h1{font-size:clamp(35px,5vw,54px)!important}
.dash .user{background:rgba(4,20,53,.55)!important;border:1px solid var(--v42-line)!important;border-radius:14px!important}
.dash .hero-card{padding:28px!important}
.dash .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.analytics-card{background:rgba(3,16,43,.68)!important;border:1px solid rgba(73,150,255,.18)!important;border-radius:15px!important}

/* Admin */
.admin-page{padding:42px 0 90px!important}
.admin-page .container{max-width:1240px!important}
.admin-page:before{content:"STREAMER HUB TZ  /  ADMIN CONTROL CENTER";display:block;width:min(1240px,92%);margin:0 auto 20px;color:#5ddcff;font-size:10px;font-weight:900;letter-spacing:2px}
.admin-page .stats{gap:15px!important}
.admin-page .stat{border-radius:18px!important;background:linear-gradient(145deg,rgba(7,29,73,.88),rgba(2,12,34,.94))!important;border:1px solid var(--v42-line)!important}
.admin-page .section-card{padding:24px!important}
.admin-page .section-head h2{font-size:20px!important}
.admin-page table{color:#e8f4ff!important}
.admin-page .table-wrap{border-radius:16px!important;overflow:hidden!important;background:rgba(2,10,28,.5)!important}
.admin-page .modal-card{background:#04132f!important;border-color:var(--v42-line)!important;border-radius:20px!important}

/* Auth headers */
.sh-auth-header{height:78px!important;background:rgba(2,8,23,.9)!important;border-bottom:1px solid var(--v42-line)!important}
.sh-auth-header img{height:48px!important;max-width:185px!important}
.sh-back{font-size:11px!important;color:#cfe2ff!important}
.sh-back:hover{color:#24c5ff!important}
.login-wrap,.reset-wrap,.admin-login,.status-page,.join-page{min-height:calc(100vh - 78px)!important}
.login-card,.reset-card,.admin-login-card,.status-card{width:min(620px,92%)!important;margin:0 auto!important}
.login-card:before,.reset-card:before,.status-card:before,.admin-login-card:before{content:"";display:block;height:3px;margin:-1px -1px 25px;border-radius:20px 20px 0 0;background:linear-gradient(90deg,var(--v42-blue),var(--v42-cyan))}

/* Footer — same as landing page */
footer{margin-top:0!important;background:#010817!important;border-top:1px solid rgba(58,133,244,.22)!important;padding:54px 0 20px!important;color:#8098ba!important}
.foot-grid{display:grid!important;grid-template-columns:1.35fr .8fr .8fr .8fr 1.35fr!important;gap:32px!important}
.foot-logo{height:48px!important;width:auto!important;max-width:180px!important;object-fit:contain}
footer h4{color:#fff!important;font-size:10px!important;letter-spacing:1.6px!important;margin:0 0 15px!important}
footer p,footer a{font-size:11px!important;line-height:1.7!important;color:#8ea5c6!important}
footer a{display:block!important;text-decoration:none!important;margin:6px 0!important}
footer a:hover{color:#27c6ff!important}
.socials{color:#b8d7ff!important;margin-top:15px!important;letter-spacing:2px}
.copyright{display:flex!important;justify-content:space-between!important;gap:20px!important;margin-top:38px!important;padding-top:17px!important;border-top:1px solid rgba(73,150,255,.12)!important;color:#647c9f!important;font-size:10px!important}
.newsletter{display:flex!important;gap:7px!important;margin-top:10px!important}
.newsletter input{min-width:0!important;flex:1!important;padding:10px!important}
.newsletter button{border:0!important;border-radius:9px!important;padding:0 12px!important;background:#0877ff!important;color:#fff!important;font-weight:800!important;font-size:10px!important}

/* Landing page is the master visual reference; make internal hero spacing match it */
.creator-hero,.live-hero{padding:65px 0 35px!important}
.creator-hero .page-title,.live-hero .container{position:relative}
.creator-hero .page-title:before,.live-hero .container:before{content:"";position:absolute;right:0;top:10px;width:260px;height:160px;border-radius:24px;background:linear-gradient(135deg,rgba(8,119,255,.11),rgba(18,199,255,.04));border:1px solid rgba(67,148,255,.12);filter:blur(.1px);pointer-events:none}

/* Mobile */
@media(max-width:1000px){
 .navlinks{gap:13px!important}.nav-actions{gap:6px!important}.nav-btn{padding:10px 11px!important}
 .foot-grid{grid-template-columns:repeat(2,1fr)!important}
 .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
 .nav{height:70px!important}.nav>.container{min-height:70px}.nav .logo img{height:43px!important;max-width:160px!important}
 .navlinks{top:70px!important;left:0!important;right:0!important;padding:18px 5%!important;background:#020a20!important;gap:0!important;box-shadow:0 20px 40px rgba(0,0,0,.35)}
 .navlinks a{width:100%!important;padding:11px 0!important}.nav-actions{display:none!important}
 .page,.creator-hero,.live-hero{padding:45px 0 25px!important}
 .page-title h1,.live-hero h1{font-size:clamp(36px,10vw,49px)!important;letter-spacing:-1.7px!important}
 .page-title .lead,.live-hero .lead{font-size:14px!important;line-height:1.65!important}
 .creator-hero .page-title:before,.live-hero .container:before{width:150px;height:100px;opacity:.55}
 .section{padding:43px 0!important}.two,.grid{grid-template-columns:1fr!important}.grid{gap:14px!important}
 .box,.card{padding:22px!important}.dash .grid{grid-template-columns:1fr!important}
 .admin-page:before{width:90%;font-size:8px}.admin-page .section-card{padding:18px!important}
 .foot-grid{grid-template-columns:1fr 1fr!important;gap:25px 18px!important}.copyright{flex-direction:column!important;gap:6px!important}
 .newsletter{flex-direction:column!important}.newsletter button{height:38px!important}
}
@media(max-width:480px){
 .foot-grid{grid-template-columns:1fr!important}.page-title h1,.live-hero h1{font-size:35px!important}
 .sh-auth-header{height:68px!important}.sh-auth-header img{height:42px!important}.sh-back{font-size:10px!important}
}

/* =========================================================
   V43 — MASTER VISUAL SYSTEM
   Target: Streamers Hub TZ landing-page reference
   Compact, premium, blue-on-navy, product-like UI.
   ========================================================= */
:root{
  --sh-bg:#02081b;
  --sh-bg2:#041538;
  --sh-panel:#06183d;
  --sh-panel2:#071f4d;
  --sh-blue:#0968ff;
  --sh-cyan:#10bfff;
  --sh-text:#f7fbff;
  --sh-muted:#a5b7d5;
  --sh-line:rgba(55,139,255,.27);
  --sh-red:#ff173d;
  --sh-green:#13c98b;
}
html,body{background:var(--sh-bg)!important;color:var(--sh-text)!important}
body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important}
body:before{content:""!important;position:fixed!important;inset:0!important;z-index:-3!important;background:
 radial-gradient(ellipse at 78% 18%,rgba(0,121,255,.18),transparent 25%),
 radial-gradient(ellipse at 15% 42%,rgba(0,93,255,.15),transparent 30%),
 linear-gradient(180deg,#010615 0%,#03102c 42%,#020817 100%)!important}
body:after{content:""!important;position:fixed!important;inset:0!important;z-index:-2!important;pointer-events:none!important;opacity:.9!important;background:
 linear-gradient(151deg,transparent 0 37%,rgba(0,116,255,.035) 38%,transparent 39%),
 linear-gradient(28deg,transparent 0 53%,rgba(0,196,255,.025) 54%,transparent 55%)!important}
.container{width:min(1180px,94%)!important}

/* NAV — compact like the reference */
.nav{height:64px!important;background:rgba(1,6,20,.92)!important;border-bottom:1px solid rgba(64,137,255,.14)!important;backdrop-filter:blur(14px)!important}
.nav>.container{min-height:64px!important}
.nav .logo img,.nav .logo-img{height:43px!important;width:auto!important;max-width:158px!important;object-fit:contain!important}
.navlinks{gap:27px!important;margin-left:auto!important}
.navlinks a{font-size:11px!important;font-weight:700!important;letter-spacing:.15px!important;color:#edf4ff!important;text-transform:none!important}
.navlinks a:hover,.navlinks a.active{color:#0fbaff!important}
.navlinks .live:before{width:7px!important;height:7px!important;margin-right:6px!important;background:#ff123b!important}
.nav-actions{gap:9px!important;margin-left:16px!important}
.nav-btn{font-size:10px!important;padding:10px 14px!important;border-radius:6px!important;font-weight:800!important}
.nav-btn.primary{background:#0968ff!important;box-shadow:0 8px 22px rgba(0,100,255,.24)!important}
.nav-btn.outline{border:1px solid rgba(186,210,246,.42)!important;background:rgba(255,255,255,.015)!important}

/* Page headers: remove the oversized empty corporate look */
.page,.creator-hero,.live-hero{padding:42px 0 20px!important;min-height:auto!important}
.page-title,.creator-hero .page-title{max-width:820px!important;position:relative!important}
.page-title h1,.live-hero h1{font-size:clamp(38px,5vw,58px)!important;line-height:.98!important;letter-spacing:-2.4px!important;margin:8px 0 13px!important;font-weight:900!important}
.page-title .lead,.live-hero .lead{font-size:13px!important;line-height:1.65!important;max-width:690px!important;color:#9fb2d2!important}
.page-title:after{width:54px!important;height:2px!important;margin-top:20px!important;background:#0877ff!important}
.page-title:before,.creator-hero .page-title:before,.live-hero .container:before{display:block!important;content:""!important;position:absolute!important;right:0!important;top:2px!important;width:245px!important;height:135px!important;border:1px solid rgba(34,129,255,.20)!important;border-radius:18px!important;background:radial-gradient(circle at 70% 35%,rgba(9,117,255,.18),transparent 40%),linear-gradient(135deg,rgba(4,22,58,.72),rgba(2,10,29,.18))!important;box-shadow:inset 0 0 50px rgba(0,110,255,.06)!important}

/* Shared section rhythm */
.section{padding:24px 0!important;border-top:1px solid rgba(60,135,255,.09)!important}
.section-head{margin-bottom:13px!important}
.section h2{font-size:20px!important;letter-spacing:-.8px!important}
.eyebrow{font-size:9px!important;letter-spacing:1.5px!important;color:#37c4ff!important}

/* Cards become the same compact panels as the landing reference */
.box,.card,.benefit,.step,.creator-card,.hero-card,.section-card{
 background:linear-gradient(145deg,rgba(5,23,59,.90),rgba(2,11,31,.96))!important;
 border:1px solid rgba(53,133,255,.22)!important;
 border-radius:13px!important;
 box-shadow:0 12px 34px rgba(0,0,0,.18)!important;
}
.box,.card{padding:20px!important}
.box:before,.card:before{height:2px!important;background:linear-gradient(90deg,#0968ff,#10bfff)!important}
.box p,.card p,.benefit p,.step p{font-size:11px!important;line-height:1.55!important;color:#94a9ca!important}
.card h3,.box h3,.benefit h3,.step h3{font-size:14px!important;margin-bottom:7px!important}
.card:hover,.box:hover,.benefit:hover,.creator-card:hover{transform:translateY(-1px)!important;border-color:rgba(16,191,255,.42)!important}

/* Services — compact 4-column grid */
.page + .section .grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
.grid .icon{width:38px!important;height:38px!important;border-radius:10px!important;font-size:18px!important;margin-bottom:12px!important;background:rgba(7,102,226,.13)!important;border:1px solid rgba(17,172,255,.20)!important}

/* Creators */
.benefit-grid{grid-template-columns:repeat(4,1fr)!important;gap:10px!important;margin-top:18px!important}
.benefit{padding:17px!important}
.benefit .icon{font-size:23px!important;margin-bottom:8px!important}
.creator-flow{gap:10px!important;margin-top:18px!important}
.step{padding:17px!important}
.creator-note,.creator-cta-large,.join-cta,.creator-actions{border-radius:13px!important;background:linear-gradient(135deg,rgba(6,45,115,.38),rgba(3,17,48,.72))!important;border-color:rgba(32,137,255,.22)!important}
.creator-note{padding:18px 20px!important}
.creator-cta-large{padding:22px!important}

/* Live Now — make it look like the home live rail */
.live-hero{padding-bottom:12px!important}
.live-hero h1{max-width:760px!important}
.live-hero .lead{max-width:720px!important}
.category-row{gap:7px!important;margin-bottom:12px!important}
.category-btn{padding:8px 12px!important;border-radius:7px!important;background:#06183b!important;border:1px solid rgba(55,133,255,.25)!important;font-size:10px!important}
.creator-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important}
.creator-card{border-radius:10px!important}
.creator-cover{height:130px!important;background:linear-gradient(145deg,#06225a,#086ce5 62%,#10bfff)!important}
.creator-card .creator-body{padding:10px!important}
.creator-card h3{font-size:12px!important}
.platform-btn{font-size:9px!important;padding:7px 9px!important;border-radius:6px!important}

/* Contact/About */
.two{gap:10px!important}
.contact-strip{border-radius:13px!important;background:linear-gradient(135deg,rgba(6,34,86,.6),rgba(3,14,39,.9))!important;border-color:rgba(50,137,255,.25)!important}

/* Join form — reference-style product panel */
.join-page{padding:36px 0 70px!important}
.join-head{max-width:820px!important;margin-bottom:18px!important}
.join-head h1{font-size:clamp(38px,5vw,58px)!important;line-height:.98!important;letter-spacing:-2.4px!important}
.join-head p{font-size:13px!important;line-height:1.65!important;color:#9fb2d2!important}
.form-card{max-width:980px!important;background:linear-gradient(145deg,rgba(5,22,56,.92),rgba(2,10,29,.97))!important;border:1px solid rgba(56,137,255,.24)!important;border-radius:15px!important;box-shadow:0 18px 50px rgba(0,0,0,.22)!important}
.form-section{padding:20px!important;border-bottom:1px solid rgba(65,139,255,.10)!important}
.form-section h2{font-size:16px!important}
.form-section p{font-size:11px!important;color:#8fa5c7!important}
.field label{font-size:9px!important;letter-spacing:.8px!important}
input,select,textarea{font-size:11px!important;padding:11px 12px!important;border-radius:7px!important;background:#020b21!important;border-color:rgba(85,151,231,.24)!important}
.choice-grid,.platform-grid{gap:8px!important}
.choice,.platform-box{padding:12px!important;border-radius:9px!important;background:rgba(2,13,36,.72)!important}
.submit-btn{border-radius:7px!important;background:#0968ff!important;font-size:10px!important}

/* Auth pages */
.sh-auth-header{height:64px!important;background:rgba(1,6,20,.94)!important;border-bottom:1px solid rgba(60,135,255,.13)!important}
.sh-auth-header .container{min-height:64px!important}
.sh-auth-header img{height:42px!important;max-width:155px!important}
.sh-back{font-size:10px!important;color:#9eb4d6!important}
.login-wrap,.reset-wrap,.status-page,.admin-login{min-height:calc(100vh - 64px)!important;padding:38px 0!important;background:transparent!important}
.login-card,.reset-card,.status-card,.admin-login-card{width:min(520px,92%)!important;border-radius:14px!important;padding:22px!important;background:linear-gradient(145deg,rgba(5,23,59,.94),rgba(2,10,29,.98))!important;border:1px solid rgba(54,135,255,.25)!important;box-shadow:0 20px 60px rgba(0,0,0,.24)!important}
.login-card:before,.reset-card:before,.status-card:before,.admin-login-card:before{margin:-22px -22px 20px!important;height:3px!important;background:linear-gradient(90deg,#0968ff,#10bfff)!important}

/* Creator dashboard */
.dash{padding:28px 0 65px!important}
.dash .top h1{font-size:clamp(32px,4vw,48px)!important;letter-spacing:-2px!important}
.dash .grid{gap:10px!important}
.dash .hero-card{padding:20px!important}
.dash .user{border-radius:10px!important}
.analytics-card{border-radius:10px!important;background:rgba(3,16,43,.82)!important}

/* Admin — dark control center, not a public-page clone */
.admin-page{padding:25px 0 70px!important}
.admin-page:before{width:min(1180px,94%)!important;margin-bottom:12px!important;font-size:9px!important;letter-spacing:1.8px!important;color:#31c4ff!important}
.admin-page .container{max-width:1180px!important}
.admin-page .stats{grid-template-columns:repeat(4,1fr)!important;gap:9px!important}
.admin-page .stat{border-radius:11px!important;background:linear-gradient(145deg,#061b45,#030e27)!important;border:1px solid rgba(57,136,255,.23)!important;padding:16px!important}
.admin-page .section-card{border-radius:12px!important;padding:18px!important;background:linear-gradient(145deg,rgba(5,22,55,.94),rgba(2,10,28,.98))!important;border-color:rgba(57,136,255,.22)!important}
.admin-page .section-head h2{font-size:17px!important}
.admin-page table{font-size:10px!important}
.admin-page .table-wrap{border-radius:9px!important}
.admin-page .modal-card{border-radius:14px!important;background:#04132f!important}

/* Footer — exact compact reference proportions */
footer{padding:32px 0 14px!important;background:#010616!important;border-top:1px solid rgba(50,129,255,.16)!important}
.foot-grid{grid-template-columns:1.35fr .8fr .8fr .8fr 1.25fr!important;gap:22px!important}
.foot-logo{height:42px!important;max-width:155px!important}
footer h4{font-size:9px!important;letter-spacing:1.3px!important;margin-bottom:10px!important}
footer p,footer a{font-size:10px!important;line-height:1.55!important}
footer a{margin:4px 0!important}
.socials{font-size:13px!important;margin-top:10px!important}
.copyright{margin-top:22px!important;padding-top:12px!important;font-size:9px!important}
.newsletter input{padding:8px!important;font-size:10px!important}.newsletter button{font-size:9px!important}

/* Mobile */
@media(max-width:1050px){
 .navlinks{gap:15px!important}.nav-actions{margin-left:8px!important}
 .page + .section .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .creator-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .admin-page .stats{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:760px){
 .nav{height:62px!important}.nav>.container{min-height:62px!important}
 .nav .logo img{height:39px!important}.menu{display:block!important}
 .navlinks{top:62px!important;background:#020817!important;border-bottom:1px solid rgba(60,135,255,.15)!important;padding:10px 5%!important}
 .nav-actions{display:none!important}
 .page,.creator-hero,.live-hero{padding:30px 0 15px!important}
 .page-title:before,.creator-hero .page-title:before,.live-hero .container:before{display:none!important}
 .page-title h1,.live-hero h1,.join-head h1{font-size:38px!important}
 .creator-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .benefit-grid{grid-template-columns:1fr 1fr!important}
 .foot-grid{grid-template-columns:1fr 1fr!important;gap:18px!important}
 .copyright{flex-direction:column!important}
}
@media(max-width:500px){
 .page + .section .grid{grid-template-columns:1fr!important}
 .creator-grid,.benefit-grid,.admin-page .stats{grid-template-columns:1fr!important}
 .foot-grid{grid-template-columns:1fr!important}
 .section{padding:18px 0!important}
}

/* V43.1 FIX — keep platform logos compact and inline */
.platforms{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:nowrap!important}
.platforms img{display:block!important;width:20px!important;height:20px!important;max-width:20px!important;max-height:20px!important;object-fit:contain!important;flex:0 0 20px!important}
.infra-platforms{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;flex-wrap:nowrap!important}
.infra-platforms img{display:block!important;width:18px!important;height:18px!important;max-width:18px!important;max-height:18px!important;object-fit:contain!important;flex:0 0 18px!important}
.socials{display:flex!important;align-items:center!important;gap:9px!important}
.socials img{display:block!important;width:16px!important;height:16px!important;max-width:16px!important;max-height:16px!important;object-fit:contain!important;flex:0 0 16px!important}
@media(max-width:760px){.platforms{gap:9px!important}.platforms img{width:18px!important;height:18px!important;max-width:18px!important;max-height:18px!important;flex-basis:18px!important}}


/* V43.1 HEADER UNIFICATION — exact homepage header across all public/creator/auth pages */
.nav { height:76px !important; padding:0 !important; display:flex !important; align-items:center !important; position:sticky !important; top:0 !important; z-index:100 !important; background:rgba(2,7,24,.86) !important; backdrop-filter:blur(18px) !important; border-bottom:1px solid rgba(55,125,255,.15) !important; }
.nav > .container { min-height:76px !important; display:flex !important; align-items:center !important; justify-content:space-between !important; gap:20px !important; width:100% !important; }
.nav .logo-img, .nav .site-logo { height:52px !important; width:auto !important; max-width:190px !important; display:block !important; object-fit:contain !important; }
.navlinks { display:flex !important; align-items:center !important; gap:31px !important; margin-left:auto !important; }
.navlinks a { text-decoration:none !important; color:#eef5ff !important; font-size:13px !important; font-weight:800 !important; letter-spacing:0 !important; text-transform:none !important; border:0 !important; border-bottom:0 !important; box-shadow:none !important; }
.navlinks a:hover, .navlinks a.active { color:#26baff !important; text-decoration:none !important; border-bottom:0 !important; }
.navlinks .live { color:#fff !important; }
.navlinks .live:before { content:"" !important; display:inline-block !important; width:8px !important; height:8px !important; border-radius:50% !important; background:#ff304f !important; box-shadow:0 0 12px rgba(255,48,79,.8) !important; margin-right:7px !important; }
.nav-actions { display:flex !important; gap:10px !important; margin-left:22px !important; }
.nav-btn { padding:11px 17px !important; border-radius:9px !important; text-decoration:none !important; font-size:12px !important; font-weight:900 !important; line-height:normal !important; border-bottom:0 !important; box-shadow:none !important; }
.nav-btn.primary { background:#0868f2 !important; color:#fff !important; border:0 !important; box-shadow:0 8px 24px rgba(8,104,242,.35) !important; }
.nav-btn.outline { border:1px solid rgba(185,210,255,.5) !important; background:transparent !important; color:#fff !important; }
.nav-btn:hover { text-decoration:none !important; }
.nav-btn.outline:hover { border-color:#26baff !important; color:#fff !important; }
.menu { display:none !important; background:none !important; border:0 !important; color:#fff !important; font-size:27px !important; }
#mobileNav { background:transparent !important; }
#mobileNav a { color:#eef5ff !important; text-decoration:none !important; font-weight:800 !important; }
@media(max-width:760px){
  .nav{height:67px !important;}
  .nav>.container{min-height:67px !important;}
  .nav .logo-img,.nav .site-logo{height:45px !important;max-width:170px !important;}
  .navlinks,.nav-actions{display:none !important;}
  .menu{display:block !important;}
  #mobileNav{display:none;}
  #mobileNav.show{display:block !important;}
}

/* V43.1 FINAL — EXACT HOMEPAGE HEADER SIZE/STRUCTURE ON ALL PAGES */
header.nav, nav.nav {
  height:76px !important;
  min-height:76px !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:initial !important;
  box-sizing:border-box !important;
}
header.nav > .container, nav.nav > .container {
  width:min(1280px,94%) !important;
  max-width:none !important;
  min-height:76px !important;
  height:76px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:20px !important;
  box-sizing:border-box !important;
}
header.nav .logo-img, header.nav .site-logo, nav.nav .logo-img, nav.nav .site-logo,
header.nav .logo img, nav.nav .logo img {
  height:52px !important;
  width:auto !important;
  max-width:190px !important;
  min-width:0 !important;
  display:block !important;
  object-fit:contain !important;
  margin:0 !important;
  padding:0 !important;
}
header.nav .navlinks, nav.nav .navlinks {
  display:flex !important;
  align-items:center !important;
  justify-content:initial !important;
  gap:31px !important;
  margin-left:auto !important;
  margin-right:0 !important;
  padding:0 !important;
  height:auto !important;
}
header.nav .navlinks a, nav.nav .navlinks a {
  text-decoration:none !important;
  border:0 !important;
  border-bottom:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  color:#eef5ff !important;
  font-family:Inter,Arial,sans-serif !important;
  font-size:13px !important;
  font-weight:800 !important;
  line-height:normal !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  padding:0 !important;
  margin:0 !important;
}
header.nav .navlinks a:hover, header.nav .navlinks a.active,
nav.nav .navlinks a:hover, nav.nav .navlinks a.active {
  text-decoration:none !important;
  border-bottom:0 !important;
  color:#26baff !important;
}
header.nav .navlinks .live, nav.nav .navlinks .live { color:#fff !important; }
header.nav .navlinks .live:before, nav.nav .navlinks .live:before {
  content:"" !important;
  display:inline-block !important;
  width:8px !important;
  height:8px !important;
  min-width:8px !important;
  border-radius:50% !important;
  background:#ff304f !important;
  box-shadow:0 0 12px rgba(255,48,79,.8) !important;
  margin-right:7px !important;
  vertical-align:middle !important;
}
header.nav .nav-actions, nav.nav .nav-actions {
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  margin-left:22px !important;
  margin-right:0 !important;
  padding:0 !important;
}
header.nav .nav-btn, nav.nav .nav-btn {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:auto !important;
  min-height:0 !important;
  padding:11px 17px !important;
  border-radius:9px !important;
  box-sizing:border-box !important;
  text-decoration:none !important;
  border-bottom:0 !important;
  font-family:Inter,Arial,sans-serif !important;
  font-size:12px !important;
  font-weight:900 !important;
  line-height:normal !important;
  letter-spacing:0 !important;
  margin:0 !important;
}
header.nav .nav-btn.primary, nav.nav .nav-btn.primary {
  background:#0868f2 !important;
  color:#fff !important;
  border:0 !important;
  box-shadow:0 8px 24px rgba(8,104,242,.35) !important;
}
header.nav .nav-btn.outline, nav.nav .nav-btn.outline {
  background:transparent !important;
  color:#fff !important;
  border:1px solid rgba(185,210,255,.5) !important;
}
header.nav .nav-btn:hover, nav.nav .nav-btn:hover,
header.nav .nav-btn:focus, nav.nav .nav-btn:focus {
  text-decoration:none !important;
  border-bottom:0 !important;
}
@media(max-width:760px){
  header.nav, nav.nav {height:67px !important; min-height:67px !important;}
  header.nav > .container, nav.nav > .container {height:67px !important; min-height:67px !important;}
  header.nav .logo-img, header.nav .site-logo, header.nav .logo img,
  nav.nav .logo-img, nav.nav .site-logo, nav.nav .logo img {height:45px !important; max-width:170px !important;}
  header.nav .navlinks, header.nav .nav-actions, nav.nav .navlinks, nav.nav .nav-actions {display:none !important;}
}

/* V44 — TECHNOLOGY COMPANY VISUAL SYSTEM */
:root{--tech-bg:#020714;--tech-panel:rgba(4,15,34,.88);--tech-panel2:rgba(6,22,48,.82);--tech-blue:#1677ff;--tech-cyan:#16c8ff;--tech-line:rgba(46,137,255,.24);--tech-muted:#8ea6c8}
html,body{background:var(--tech-bg)!important}
body{font-family:Inter,Arial,sans-serif!important;color:#f5f9ff!important}
body:before{background:radial-gradient(circle at 78% 10%,rgba(16,126,255,.13),transparent 25%),radial-gradient(circle at 18% 55%,rgba(0,199,255,.06),transparent 30%),linear-gradient(180deg,#020714 0%,#031126 55%,#020714 100%)!important}
body:after{background-image:linear-gradient(rgba(34,119,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(34,119,255,.035) 1px,transparent 1px)!important;background-size:44px 44px!important;mask-image:linear-gradient(to bottom,black,transparent 72%)!important}
.container{width:min(1240px,92%)!important}
.nav{background:rgba(1,6,18,.93)!important;border-bottom:1px solid rgba(35,126,255,.18)!important;box-shadow:0 8px 35px rgba(0,0,0,.18)!important}
.nav:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#147dff,transparent);opacity:.45}
.navlinks a{font-size:12px!important;font-weight:800!important;letter-spacing:.15px!important}
.nav-btn.primary{background:linear-gradient(135deg,#0b63e9,#118fff)!important;box-shadow:0 8px 28px rgba(15,112,255,.22)!important}
.nav-btn.outline{border-color:rgba(119,168,235,.35)!important}

/* Technology-company hero */
.hero{padding:58px 0 34px!important}
.hero-grid{grid-template-columns:.9fr 1.1fr!important;gap:54px!important}
.hero .kicker{background:rgba(8,35,76,.42)!important;border-color:rgba(40,139,255,.35)!important;color:#72d7ff!important;text-transform:uppercase!important;letter-spacing:1.5px!important}
.hero h1{font-size:clamp(52px,6vw,82px)!important;letter-spacing:-4px!important;line-height:.91!important}
.hero h1 span{background:linear-gradient(90deg,#1590ff,#17c8ff)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.hero p{color:#9fb4d2!important;max-width:600px!important;font-size:15px!important}
.hero-btn{border-radius:7px!important}
.platforms{margin-top:25px!important;gap:13px!important;text-transform:uppercase!important;letter-spacing:1px!important;color:#718bab!important}
.platforms img{filter:drop-shadow(0 0 5px rgba(28,143,255,.22))!important}

/* Clean media terminal */
.hero-media{height:390px!important;border-radius:18px!important;padding:7px!important;background:linear-gradient(135deg,#0876ff,#0b2d72 46%,#0bc7ff)!important;box-shadow:0 25px 90px rgba(0,87,255,.18)!important}
.video-shell{border-radius:13px!important;background:#020916!important;border-color:rgba(92,180,255,.28)!important}
.video-shell:before{background-image:linear-gradient(rgba(37,125,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(37,125,255,.04) 1px,transparent 1px)!important;background-size:32px 32px!important}
.video-shell:after{content:"";position:absolute;inset:12px;border:1px solid rgba(38,137,255,.08);border-radius:9px;pointer-events:none}
.video-placeholder{display:none!important}
.live-tag,.view-tag,.hero-chat,.hero-caption{display:none!important}

/* Section system */
.section{padding:34px 0!important}
.eyebrow{color:#32c5ff!important;letter-spacing:2px!important}
.section h2,.page-title h1,.join-head h1,.live-hero h1{font-weight:900!important}
.dark-panel,.card,.box,.benefit,.step,.form-card,.section-card,.stat{background:linear-gradient(145deg,rgba(5,20,44,.92),rgba(2,9,22,.96))!important;border-color:var(--tech-line)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important}
.card:before,.box:before{background:linear-gradient(90deg,transparent,#1593ff,transparent)!important;height:1px!important}
.card:hover,.box:hover,.benefit:hover,.creator-card:hover{border-color:rgba(28,160,255,.48)!important;box-shadow:0 14px 38px rgba(0,75,180,.10)!important}

/* Technology architecture section */
.infra{background:linear-gradient(145deg,rgba(5,20,45,.96),rgba(2,9,22,.98))!important;border-color:rgba(37,134,255,.30)!important;position:relative!important;overflow:hidden!important}
.infra:after{content:"";position:absolute;inset:auto -15% -55% 20%;height:150px;background:radial-gradient(ellipse,rgba(13,132,255,.12),transparent 68%);pointer-events:none}
.flow-card{background:rgba(4,18,42,.86)!important;border-color:rgba(48,128,234,.25)!important}
.flow-card .icon{filter:saturate(.65)!important}
.flow-arrow{font-size:16px!important}

.features{background:rgba(3,13,30,.82)!important;border-color:rgba(44,129,255,.25)!important}
.feature{padding:18px!important}
.feature-icon{background:linear-gradient(135deg,#075fcf,#12a9ff)!important;box-shadow:0 8px 22px rgba(0,115,255,.18)!important}
.feature:nth-child(2) .feature-icon,.feature:nth-child(3) .feature-icon,.feature:nth-child(4) .feature-icon{background:linear-gradient(135deg,#075fcf,#12a9ff)!important}

.categories .cat{background:rgba(3,15,35,.78)!important;border-color:rgba(48,127,240,.20)!important}
.categories .cat:hover{background:rgba(8,31,66,.9)!important;border-color:#159bff!important}

/* Public pages: turn decorative blocks into technical panels */
.page,.creator-hero,.live-hero,.join-page,.dash,.admin-page,.admin-login{position:relative!important}
.page:before,.creator-hero:before,.live-hero:before,.join-page:before{content:"";position:absolute;right:4%;top:24px;width:260px;height:150px;border:1px solid rgba(29,126,255,.10);background:linear-gradient(rgba(29,126,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(29,126,255,.035) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(135deg,black,transparent 78%);pointer-events:none}
.page-title:after{background:linear-gradient(90deg,#087cff,#13c8ff)!important;width:72px!important}
.page-title .lead,.live-hero .lead,.join-head p{color:#91a9ca!important}

/* Creators / live cards */
.creator-card,.live-card{background:linear-gradient(145deg,#061a3d,#020b1f)!important;border-color:rgba(52,132,244,.24)!important}
.creator-cover,.live-image{background:linear-gradient(145deg,#07255d,#075fd0 55%,#0ab7e8)!important}
.platform-title{color:#5dcfff!important;letter-spacing:1px!important}
.platform-btn{background:rgba(5,23,53,.9)!important;border-color:rgba(67,140,240,.25)!important}

/* Forms / auth */
.form-card{box-shadow:0 22px 70px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.025)!important}
.form-section{border-color:rgba(54,133,238,.12)!important}
input,select,textarea{background:#020b1b!important;border-color:rgba(67,137,230,.25)!important;color:#eef7ff!important}
input:focus,select:focus,textarea:focus{border-color:#149eff!important;box-shadow:0 0 0 3px rgba(20,158,255,.08)!important}
.btn.primary{background:linear-gradient(135deg,#0868f2,#0b99ff)!important}

/* Admin = technical operations console */
.admin-page:before{content:"STREAMER HUB TZ  /  LIVE TECHNOLOGY CONTROL CENTER"!important;color:#39caff!important;letter-spacing:2.2px!important}
.admin-page .stat{box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 12px 35px rgba(0,50,130,.08)!important}
.admin-page .section-card{background:linear-gradient(145deg,rgba(5,19,43,.96),rgba(2,9,21,.98))!important}

/* Footer technology network */
footer{position:relative!important;overflow:hidden!important;background:linear-gradient(180deg,rgba(2,9,21,.96),#010611)!important;border-top:1px solid rgba(36,128,255,.20)!important}
footer:before{content:"";position:absolute;inset:0;opacity:.45;pointer-events:none;background-image:linear-gradient(90deg,transparent 0%,rgba(24,123,255,.08) 50%,transparent 100%),radial-gradient(circle at 20% 30%,#168bff 0 1px,transparent 2px),radial-gradient(circle at 48% 62%,#12c5ff 0 1px,transparent 2px),radial-gradient(circle at 76% 28%,#168bff 0 1px,transparent 2px);background-size:100% 100%,180px 110px,240px 140px,210px 120px}
footer:after{content:"";position:absolute;left:0;right:0;top:45%;height:1px;background:linear-gradient(90deg,transparent,rgba(18,139,255,.18),transparent);box-shadow:0 40px 0 rgba(18,139,255,.08),0 -55px 0 rgba(18,139,255,.05);pointer-events:none}
footer .container,footer .foot-grid,footer .copyright{position:relative;z-index:2}
footer h4{color:#eaf5ff!important;letter-spacing:1.7px!important}
footer a{color:#83a2c8!important}
footer a:hover{color:#22baff!important}
footer .newsletter button{background:linear-gradient(135deg,#0868f2,#0b9cff)!important;box-shadow:0 8px 25px rgba(8,104,242,.18)!important}

@media(max-width:760px){
 .hero{padding-top:35px!important}.hero-grid{grid-template-columns:1fr!important;gap:24px!important}.hero-media{height:280px!important}.hero h1{letter-spacing:-2.6px!important}.page:before,.creator-hero:before,.live-hero:before,.join-page:before{display:none!important}.nav{box-shadow:0 5px 25px rgba(0,0,0,.25)!important}
}

/* V44.1 — remove decorative hero placeholder box from internal pages */
.page-title:before,
.creator-hero .page-title:before,
.live-hero .container:before {
  display:none !important;
  content:none !important;
}


/* V44.2 — clean lower homepage area reserved for future popup advertisements */
.home-ad-space{min-height:360px;padding:46px 0 58px;background:linear-gradient(180deg,#eef5ff 0%,#f7faff 55%,#eef5ff 100%)!important;position:relative;overflow:hidden;border-top:1px solid rgba(35,126,255,.10);border-bottom:1px solid rgba(35,126,255,.10)}
.home-ad-space:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(30,126,255,.10),transparent 28%),radial-gradient(circle at 80% 65%,rgba(0,196,255,.08),transparent 30%);pointer-events:none}
.home-ad-slot{min-height:260px;border:1px solid rgba(47,113,196,.10);border-radius:18px;background:rgba(255,255,255,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.8);position:relative;z-index:1}
@media(max-width:760px){.home-ad-space{min-height:280px;padding:30px 0 38px}.home-ad-slot{min-height:210px}}

/* V44.3 HOME LOWER CONTENT: compact moments carousel + vertical ad rail */
.home-content-lower{padding:34px 0 48px;background:linear-gradient(180deg,#eef5ff 0%,#f7fbff 50%,#edf5ff 100%)!important;position:relative;overflow:hidden;border-top:1px solid rgba(35,126,255,.10);border-bottom:1px solid rgba(35,126,255,.10)}
.home-content-lower:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 30%,rgba(24,125,255,.10),transparent 28%),radial-gradient(circle at 82% 65%,rgba(0,190,255,.08),transparent 28%)}
.home-lower-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:22px;align-items:stretch;position:relative;z-index:1}
.home-lower-grid .moments{display:grid;grid-template-columns:.72fr 1.28fr;gap:18px;align-items:center;min-width:0}
.home-lower-grid .moment-copy h2{font-size:25px;color:#071a3f;margin:7px 0 0}
.home-lower-grid .moment-copy p{color:#587091;font-size:11px;line-height:1.6;max-width:390px}
.home-lower-grid .moment-carousel{position:relative;border:1px solid rgba(51,130,255,.35);border-radius:14px;overflow:hidden;background:#061637;box-shadow:0 14px 35px rgba(25,82,155,.10)}
.home-lower-grid .moment-frame{aspect-ratio:16/7;position:relative;background:linear-gradient(135deg,#09235c,#0c7bef 58%,#13c5ff);overflow:hidden}
.home-lower-grid .moment-frame:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 65% 28%,rgba(255,255,255,.23),transparent 20%),linear-gradient(120deg,transparent 40%,rgba(255,255,255,.10) 50%,transparent 60%);z-index:1}
.home-lower-grid .moment-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,5,18,.78));z-index:1}
.home-lower-grid .moment-label{position:absolute;left:16px;bottom:15px;z-index:2;color:#fff}.home-lower-grid .moment-label strong{display:block;font-size:13px}.home-lower-grid .moment-label span{font-size:9px;color:#b7d8ff}
.home-lower-grid .moment-arrow{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(0,9,28,.68);color:#fff;z-index:4;cursor:pointer}.home-lower-grid .moment-arrow.prev{left:10px}.home-lower-grid .moment-arrow.next{right:10px}
.home-lower-grid .moment-dots{text-align:center;padding:7px;font-size:9px;color:#718ab2;letter-spacing:4px;background:#061637}.home-lower-grid .moment-dots b{color:#fff}
.home-vertical-ad{min-height:100%;border:1px solid rgba(31,113,225,.22);border-radius:16px;background:rgba(255,255,255,.72);box-shadow:0 16px 38px rgba(28,84,155,.10);padding:12px;display:flex;flex-direction:column}
.home-vertical-ad .ad-label{font-size:9px;letter-spacing:1.5px;font-weight:900;color:#6a83a6;text-align:center;padding:4px 0 10px}.home-vertical-ad .home-ad-slot{flex:1;min-height:280px;border:1px dashed rgba(31,113,225,.22);border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.68),rgba(239,247,255,.9));box-shadow:inset 0 1px 0 rgba(255,255,255,.95)}
@media(max-width:900px){.home-lower-grid{grid-template-columns:1fr}.home-vertical-ad{min-height:220px}.home-vertical-ad .home-ad-slot{min-height:180px}.home-lower-grid .moments{grid-template-columns:.8fr 1.2fr}}
@media(max-width:760px){.home-content-lower{padding:25px 0 34px}.home-lower-grid .moments{grid-template-columns:1fr;gap:12px}.home-lower-grid .moment-copy h2{font-size:21px}.home-lower-grid .moment-frame{aspect-ratio:16/8.5}.home-vertical-ad{min-height:180px}.home-vertical-ad .home-ad-slot{min-height:140px}}
/* V45 USER THEME SYSTEM */
:root{--sh-light-bg:#f4f7fb;--sh-light-panel:#ffffff;--sh-light-text:#10223d;--sh-light-muted:#60728a;--sh-light-line:#d9e3ef;--sh-blue:#0868f2}
body.sh-theme-light{background:var(--sh-light-bg)!important;color:var(--sh-light-text)!important}body.sh-theme-light:before{background:linear-gradient(180deg,#f7faff 0%,#eef5fc 100%)!important}body.sh-theme-light .page,body.sh-theme-light main{color:var(--sh-light-text)}
body.sh-theme-light .box,body.sh-theme-light .card,body.sh-theme-light .panel,body.sh-theme-light .form-card,body.sh-theme-light .login-card,body.sh-theme-light .status-card{background:#fff!important;color:var(--sh-light-text)!important;border-color:var(--sh-light-line)!important;box-shadow:0 14px 45px rgba(30,70,120,.08)}
body.sh-theme-light p,body.sh-theme-light .muted,body.sh-theme-light .lead{color:var(--sh-light-muted)!important}body.sh-theme-light input,body.sh-theme-light select,body.sh-theme-light textarea{background:#fff!important;color:#14263e!important;border-color:#cbd8e7!important}
body.sh-theme-light footer{background:#0b1b35!important;color:#dbe6f5!important}
body.sh-theme-dark{background:#07111f!important;color:#f3f7fc!important}body.sh-theme-dark:before{background:radial-gradient(circle at 70% 10%,rgba(0,142,255,.14),transparent 28%),linear-gradient(180deg,#050b16,#091b31 60%,#050b16)!important}body.sh-theme-dark .box,body.sh-theme-dark .card,body.sh-theme-dark .panel,body.sh-theme-dark .form-card,body.sh-theme-dark .login-card,body.sh-theme-dark .status-card{background:#0b1b30!important;color:#f3f7fc!important;border-color:rgba(67,133,218,.25)!important}body.sh-theme-dark p,body.sh-theme-dark .muted,body.sh-theme-dark .lead{color:#9db0c8!important}body.sh-theme-dark input,body.sh-theme-dark select,body.sh-theme-dark textarea{background:#081525!important;color:#f3f7fc!important;border-color:#284565!important}
.sh-theme-toggle{position:fixed;right:18px;bottom:18px;z-index:9999;width:42px;height:42px;border-radius:10px;border:1px solid #b9c9dc;background:#fff;color:#10223d;box-shadow:0 10px 30px rgba(8,32,67,.18);cursor:pointer;font-size:17px}.sh-theme-toggle.dark{background:#10233c;color:#fff;border-color:#365474}

/* =========================================================
   V45.1 — REAL USER THEME SYSTEM
   Dark is the default. Light is an intentional alternate theme.
   These rules are deliberately appended so they override legacy
   V40/V44 visual rules without changing the application logic.
   ========================================================= */

html[data-theme="dark"] { color-scheme: dark; }
html[data-theme="light"] { color-scheme: light; }

/* PUBLIC / SHARED DARK THEME */
body.sh-theme-dark,
body.v45-home.v45-dark {
  --theme-bg:#030914;
  --theme-surface:#071426;
  --theme-surface-2:#0a1b31;
  --theme-text:#f4f8ff;
  --theme-muted:#91a6c0;
  --theme-line:rgba(72,139,224,.24);
  background:#030914!important;
  color:#f4f8ff!important;
}
body.sh-theme-dark:before,
body.v45-home.v45-dark:before {
  display:block!important;
  background:
    radial-gradient(circle at 78% 8%,rgba(13,128,255,.16),transparent 28%),
    radial-gradient(circle at 12% 55%,rgba(0,205,255,.06),transparent 32%),
    linear-gradient(180deg,#020711 0%,#061326 55%,#020711 100%)!important;
}
body.sh-theme-dark:after,
body.v45-home.v45-dark:after {
  opacity:.75!important;
}

body.sh-theme-dark .nav,
body.v45-home.v45-dark .v45-nav {
  background:rgba(2,8,20,.92)!important;
  border-color:rgba(44,129,255,.22)!important;
}
body.sh-theme-dark .navlinks a,
body.sh-theme-dark .nav-btn.outline { color:#eaf3ff!important; }

/* All common public content blocks */
body.sh-theme-dark .box,
body.sh-theme-dark .card,
body.sh-theme-dark .panel,
body.sh-theme-dark .benefit,
body.sh-theme-dark .step,
body.sh-theme-dark .form-card,
body.sh-theme-dark .section-card,
body.sh-theme-dark .stat,
body.sh-theme-dark .creator-card,
body.sh-theme-dark .live-card,
body.sh-theme-dark .analytics-card,
body.sh-theme-dark .infra,
body.sh-theme-dark .features,
body.sh-theme-dark .categories .cat {
  background:linear-gradient(145deg,#071a35,#030c1c)!important;
  color:#f4f8ff!important;
  border-color:rgba(52,132,244,.26)!important;
}
body.sh-theme-dark .page,
body.sh-theme-dark main,
body.sh-theme-dark .section {
  color:#f4f8ff!important;
}
body.sh-theme-dark p,
body.sh-theme-dark .muted,
body.sh-theme-dark .lead,
body.sh-theme-dark .page-title .lead,
body.sh-theme-dark .live-hero .lead,
body.sh-theme-dark .join-head p {
  color:#91a6c0!important;
}
body.sh-theme-dark input,
body.sh-theme-dark select,
body.sh-theme-dark textarea {
  background:#071425!important;
  color:#f4f8ff!important;
  border-color:#284866!important;
}
body.sh-theme-dark footer { background:#020711!important;color:#dbe8f7!important; }

/* PUBLIC LIGHT THEME */
body.sh-theme-light,
body.v45-home.v45-light {
  --theme-bg:#f4f7fb;
  --theme-surface:#ffffff;
  --theme-surface-2:#f8fbff;
  --theme-text:#10223d;
  --theme-muted:#60728a;
  --theme-line:#d9e3ef;
  background:#f4f7fb!important;
  color:#10223d!important;
}
body.sh-theme-light:before,
body.v45-home.v45-light:before {
  display:block!important;
  background:linear-gradient(180deg,#f8fbff 0%,#edf4fb 100%)!important;
}
body.sh-theme-light:after,
body.v45-home.v45-light:after { opacity:0!important; }
body.sh-theme-light .nav { background:rgba(255,255,255,.94)!important;border-color:#d9e3ef!important; }
body.sh-theme-light .navlinks a { color:#182a43!important; }
body.sh-theme-light .nav-btn.outline { color:#14243b!important;background:#fff!important;border-color:#b9c8dc!important; }
body.sh-theme-light .box,
body.sh-theme-light .card,
body.sh-theme-light .panel,
body.sh-theme-light .benefit,
body.sh-theme-light .step,
body.sh-theme-light .form-card,
body.sh-theme-light .section-card,
body.sh-theme-light .stat,
body.sh-theme-light .creator-card,
body.sh-theme-light .live-card,
body.sh-theme-light .analytics-card,
body.sh-theme-light .infra,
body.sh-theme-light .features,
body.sh-theme-light .categories .cat {
  background:#fff!important;color:#10223d!important;border-color:#d9e3ef!important;
  box-shadow:0 14px 45px rgba(30,70,120,.08)!important;
}
body.sh-theme-light p,
body.sh-theme-light .muted,
body.sh-theme-light .lead { color:#60728a!important; }
body.sh-theme-light input,
body.sh-theme-light select,
body.sh-theme-light textarea { background:#fff!important;color:#14263e!important;border-color:#cbd8e7!important; }

/* V45 HOME — full light/dark coverage */
body.v45-home.v45-dark {
  --v45-bg:#030914;--v45-surface:#071426;--v45-text:#f4f8ff;--v45-muted:#91a6c0;--v45-line:rgba(72,139,224,.24);
}
body.v45-home.v45-dark .v45-nav { background:rgba(2,8,20,.92)!important;border-color:rgba(44,129,255,.22)!important; }
body.v45-home.v45-dark .v45-navlinks a { color:#eaf3ff!important; }
body.v45-home.v45-dark .v45-theme { background:#0b1d34!important;color:#fff!important;border-color:#35577d!important; }
body.v45-home.v45-dark .v45-btn.ghost { background:#08192e!important;color:#eaf3ff!important;border-color:#36577a!important; }
body.v45-home.v45-dark .v45-hero {
  background-image:linear-gradient(90deg,rgba(3,9,20,.98) 0%,rgba(3,9,20,.91) 35%,rgba(3,9,20,.48) 60%,rgba(3,9,20,.08) 100%),var(--v45-bg-image),linear-gradient(135deg,#06152c,#0a3972)!important;
}
body.v45-home.v45-light .v45-hero {
  background-image:linear-gradient(90deg,rgba(245,248,252,.98) 0%,rgba(245,248,252,.92) 34%,rgba(245,248,252,.55) 57%,rgba(245,248,252,.08) 100%),var(--v45-bg-image),linear-gradient(135deg,#eaf2fb,#dcecff)!important;
}
body.v45-home.v45-dark .v45-hero:after { background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(3,9,20,.20) 55%,rgba(3,9,20,.92) 100%)!important; }
body.v45-home.v45-light .v45-hero:after { background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.10) 55%,rgba(245,248,252,.85) 100%)!important; }
body.v45-home.v45-dark .v45-hero h1 { color:#f4f8ff!important; }
body.v45-home.v45-dark .v45-hero p { color:#9fb4d2!important; }
body.v45-home.v45-dark .v45-platforms { color:#91a6c0!important; }
body.v45-home.v45-dark .v45-section,
body.v45-home.v45-dark .v45-lower { background:#030914!important; }
body.v45-home.v45-dark .v45-live-panel,
body.v45-home.v45-dark .v45-moment-card,
body.v45-home.v45-dark .v45-infra,
body.v45-home.v45-dark .v45-ad,
body.v45-home.v45-dark .v45-features {
  background:linear-gradient(145deg,#071a35,#030c1c)!important;color:#f4f8ff!important;border-color:rgba(52,132,244,.26)!important;
}
body.v45-home.v45-dark .v45-live-card { background:#081a31!important;color:#f4f8ff!important;border-color:rgba(52,132,244,.26)!important; }
body.v45-home.v45-dark .v45-live-body p,
body.v45-home.v45-dark .v45-sub,
body.v45-home.v45-dark .v45-infra-copy { color:#91a6c0!important; }
body.v45-home.v45-dark .v45-flow-card { background:#091c35!important;border-color:rgba(52,132,244,.25)!important;color:#f4f8ff!important; }
body.v45-home.v45-dark .v45-flow-card small { color:#91a6c0!important; }
body.v45-home.v45-dark .v45-ad-slot { background:#06152a!important; }
body.v45-home.v45-dark .v45-feature { border-color:rgba(52,132,244,.20)!important; }
body.v45-home.v45-dark .v45-feature p { color:#91a6c0!important; }
body.v45-home.v45-dark .v45-lower-box { background:linear-gradient(145deg,#06152b,#030b18)!important;border-color:rgba(52,132,244,.24)!important; }
body.v45-home.v45-dark #mobileNav { background:#061326!important;border-color:rgba(52,132,244,.24)!important; }
body.v45-home.v45-dark #mobileNav a { color:#eaf3ff!important; }
body.v45-home.v45-light #mobileNav { background:#fff!important;border-bottom:1px solid #dce5f0!important; }
body.v45-home.v45-light #mobileNav a { color:#182a43!important; }
body.v45-home.v45-dark .v45-footer { background:#020711!important; }

/* Animated nodes background — visible in both themes */
.v45-home .v45-hero.v45-nodes { background-image:linear-gradient(90deg,rgba(3,9,20,.98),rgba(3,9,20,.76) 45%,rgba(3,9,20,.28)),linear-gradient(135deg,#041226,#0756a6)!important; }
.v45-home.v45-light .v45-hero.v45-nodes { background-image:linear-gradient(90deg,rgba(245,248,252,.98),rgba(245,248,252,.70) 48%,rgba(245,248,252,.18)),linear-gradient(135deg,#dcecff,#9fd6ff)!important; }
.v45-home .v45-hero.v45-nodes:before { content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 15% 30%,rgba(31,182,255,.7) 0 1px,transparent 2px),radial-gradient(circle at 45% 65%,rgba(31,182,255,.55) 0 1px,transparent 2px),radial-gradient(circle at 76% 22%,rgba(31,182,255,.65) 0 1px,transparent 2px),linear-gradient(115deg,transparent 20%,rgba(31,182,255,.12) 20.3%,transparent 20.7%,transparent 54%,rgba(31,182,255,.12) 54.3%,transparent 54.7%);background-size:170px 150px,220px 180px,250px 180px,100% 100%;animation:v45Nodes 16s linear infinite;opacity:.9;z-index:1;}
.v45-home .v45-hero.v45-nodes > .v45-wrap { z-index:2; }
@keyframes v45Nodes { from{transform:translate3d(0,0,0)}50%{transform:translate3d(-18px,10px,0)}to{transform:translate3d(0,0,0)} }

/* Theme toggle: visible and consistent */
.v45-theme { flex:0 0 auto; }
.v45-theme:before { content:'☾'; }
body.v45-dark .v45-theme:before { content:'☀'; }
.v45-theme { font-size:0; }
.v45-theme:before { font-size:16px; }

/* Admin should follow the same dark-first visual language */
body.admin-theme-dark,
body:not(.sh-theme-light) .admin-page { color:#f4f8ff; }
body:not(.sh-theme-light) .admin-page { background:transparent!important; }

/* V45.2 — prevent light-theme flash on initial page paint */
html[data-theme="dark"] body.v45-home { background:#030914!important;color:#f4f8ff!important; }
html[data-theme="dark"] body.v45-home .v45-nav { background:rgba(2,8,20,.92)!important;border-color:rgba(44,129,255,.22)!important; }
html[data-theme="dark"] body.v45-home .v45-navlinks a { color:#eaf3ff!important; }
html[data-theme="dark"] body.v45-home .v45-hero { background-image:linear-gradient(90deg,rgba(3,9,20,.98) 0%,rgba(3,9,20,.91) 35%,rgba(3,9,20,.48) 60%,rgba(3,9,20,.08) 100%),var(--v45-bg-image),linear-gradient(135deg,#06152c,#0a3972)!important; }
html[data-theme="dark"] body.v45-home .v45-hero:after { background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(3,9,20,.20) 55%,rgba(3,9,20,.92) 100%)!important; }
html[data-theme="dark"] body.v45-home .v45-hero h1 { color:#f4f8ff!important; }
html[data-theme="dark"] body.v45-home .v45-hero p { color:#9fb4d2!important; }
html[data-theme="dark"] body.v45-home .v45-section,
html[data-theme="dark"] body.v45-home .v45-lower { background:#030914!important; }
html[data-theme="dark"] body.v45-home .v45-live-panel,
html[data-theme="dark"] body.v45-home .v45-moment-card,
html[data-theme="dark"] body.v45-home .v45-infra,
html[data-theme="dark"] body.v45-home .v45-ad,
html[data-theme="dark"] body.v45-home .v45-features { background:linear-gradient(145deg,#071a35,#030c1c)!important;color:#f4f8ff!important;border-color:rgba(52,132,244,.26)!important; }
html[data-theme="dark"] body.v45-home .v45-live-card { background:#081a31!important;color:#f4f8ff!important;border-color:rgba(52,132,244,.26)!important; }
html[data-theme="dark"] body.v45-home .v45-flow-card { background:#091c35!important;color:#f4f8ff!important;border-color:rgba(52,132,244,.25)!important; }
html[data-theme="dark"] body.v45-home .v45-flow-card small,
html[data-theme="dark"] body.v45-home .v45-live-body p,
html[data-theme="dark"] body.v45-home .v45-sub,
html[data-theme="dark"] body.v45-home .v45-infra-copy,
html[data-theme="dark"] body.v45-home .v45-feature p { color:#91a6c0!important; }
html[data-theme="dark"] body.v45-home .v45-lower-box { background:linear-gradient(145deg,#06152b,#030b18)!important;border-color:rgba(52,132,244,.24)!important; }
html[data-theme="dark"] body.v45-home #mobileNav { background:#061326!important;border-color:rgba(52,132,244,.24)!important; }
html[data-theme="dark"] body.v45-home #mobileNav a { color:#eaf3ff!important; }

html[data-theme="light"] body.v45-home { background:#f4f7fb!important;color:#10223d!important; }
html[data-theme="light"] body.v45-home .v45-nav { background:rgba(255,255,255,.94)!important;border-color:#d9e3ef!important; }
html[data-theme="light"] body.v45-home .v45-navlinks a { color:#182a43!important; }
html[data-theme="light"] body.v45-home .v45-hero { background-image:linear-gradient(90deg,rgba(245,248,252,.98) 0%,rgba(245,248,252,.92) 34%,rgba(245,248,252,.55) 57%,rgba(245,248,252,.08) 100%),var(--v45-bg-image),linear-gradient(135deg,#eaf2fb,#dcecff)!important; }
html[data-theme="light"] body.v45-home .v45-section,
html[data-theme="light"] body.v45-home .v45-lower { background:#f4f7fb!important; }
html[data-theme="light"] body.v45-home .v45-live-panel,
html[data-theme="light"] body.v45-home .v45-moment-card,
html[data-theme="light"] body.v45-home .v45-infra,
html[data-theme="light"] body.v45-home .v45-ad,
html[data-theme="light"] body.v45-home .v45-features { background:#fff!important;color:#10223d!important;border-color:#d9e3ef!important; }


/* =========================================================
   V46 — SITE-WIDE READABLE THEME SYSTEM
   Purpose: keep the existing layout/design, but make BOTH
   themes readable and consistent across public, creator and
   admin pages. Dark remains the default.
   ========================================================= */
:root{
  --v46-light-bg:#eef3f8;
  --v46-light-surface:#ffffff;
  --v46-light-surface2:#f6f9fc;
  --v46-light-text:#0a1b36;
  --v46-light-heading:#07152e;
  --v46-light-muted:#53677f;
  --v46-light-soft:#71839a;
  --v46-light-line:#cbd8e6;
  --v46-light-blue:#075fe6;
  --v46-dark-bg:#030914;
  --v46-dark-surface:#08172b;
  --v46-dark-surface2:#0b1e36;
  --v46-dark-text:#f4f8ff;
  --v46-dark-muted:#a6b8cf;
  --v46-dark-soft:#8197b3;
  --v46-dark-line:rgba(79,145,226,.28);
  --v46-blue:#1684ff;
}

/* LIGHT — stronger contrast, less washed-out */
html[data-theme="light"] body,
html[data-theme="light"] body.v45-home{
  background:var(--v46-light-bg)!important;
  color:var(--v46-light-text)!important;
}
html[data-theme="light"] body:before{
  display:block!important;
  background:
    radial-gradient(circle at 78% 8%,rgba(22,132,255,.07),transparent 27%),
    linear-gradient(180deg,#f7faff 0%,#eef3f8 58%,#e8eef5 100%)!important;
}
html[data-theme="light"] body:after{opacity:.28!important}

html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] h4,
html[data-theme="light"] h5,
html[data-theme="light"] h6,
html[data-theme="light"] strong,
html[data-theme="light"] .name,
html[data-theme="light"] .detail div,
html[data-theme="light"] .platform-name,
html[data-theme="light"] .section-head h2,
html[data-theme="light"] .topbar h1,
html[data-theme="light"] .page-title h1,
html[data-theme="light"] .join-head h1,
html[data-theme="light"] .live-hero h1{
  color:var(--v46-light-heading)!important;
}
html[data-theme="light"] p,
html[data-theme="light"] .muted,
html[data-theme="light"] .lead,
html[data-theme="light"] .hint,
html[data-theme="light"] .empty,
html[data-theme="light"] .platform-url,
html[data-theme="light"] .detail small,
html[data-theme="light"] .section-head p,
html[data-theme="light"] .topbar p,
html[data-theme="light"] .audit-item p,
html[data-theme="light"] .media-info small,
html[data-theme="light"] .media-empty{
  color:var(--v46-light-muted)!important;
}
html[data-theme="light"] .nav,
html[data-theme="light"] header.nav,
html[data-theme="light"] nav.nav{
  background:rgba(255,255,255,.97)!important;
  border-bottom-color:#cbd8e6!important;
  box-shadow:0 8px 28px rgba(22,55,94,.08)!important;
}
html[data-theme="light"] .navlinks a,
html[data-theme="light"] header.nav .navlinks a,
html[data-theme="light"] nav.nav .navlinks a{
  color:#142844!important;
}
html[data-theme="light"] .navlinks a:hover,
html[data-theme="light"] .navlinks a.active{
  color:#075fe6!important;
}
html[data-theme="light"] .nav-btn.outline{
  color:#10243f!important;
  background:#fff!important;
  border-color:#aebfd2!important;
}
html[data-theme="light"] .nav-btn.primary{color:#fff!important}
html[data-theme="light"] .menu{color:#10243f!important}

/* Shared cards / forms / creator pages */
html[data-theme="light"] .box,
html[data-theme="light"] .card,
html[data-theme="light"] .panel,
html[data-theme="light"] .benefit,
html[data-theme="light"] .step,
html[data-theme="light"] .form-card,
html[data-theme="light"] .section-card,
html[data-theme="light"] .stat,
html[data-theme="light"] .creator-card,
html[data-theme="light"] .live-card,
html[data-theme="light"] .analytics-card,
html[data-theme="light"] .infra,
html[data-theme="light"] .features,
html[data-theme="light"] .categories .cat,
html[data-theme="light"] .login-card,
html[data-theme="light"] .status-card,
html[data-theme="light"] .reset-card{
  background:#fff!important;
  color:var(--v46-light-text)!important;
  border-color:var(--v46-light-line)!important;
  box-shadow:0 12px 34px rgba(31,65,104,.08)!important;
}
html[data-theme="light"] .creator-cover,
html[data-theme="light"] .live-image{
  background:linear-gradient(135deg,#d6e8fb,#83bdf2 55%,#62d0ee)!important;
}
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea,
html[data-theme="light"] .field,
html[data-theme="light"] .v45-news input{
  background:#fff!important;
  color:#122640!important;
  border-color:#aebfd2!important;
  box-shadow:none!important;
}
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder{color:#73869c!important;opacity:1!important}
html[data-theme="light"] input:focus,
html[data-theme="light"] select:focus,
html[data-theme="light"] textarea:focus,
html[data-theme="light"] .field:focus{
  border-color:#1684ff!important;
  box-shadow:0 0 0 3px rgba(22,132,255,.12)!important;
}
html[data-theme="light"] button:not(.sh-theme-toggle){color:#10243f}
html[data-theme="light"] .small-btn,
html[data-theme="light"] .mini-btn{
  background:#f8fbff!important;
  color:#10243f!important;
  border-color:#aebfd2!important;
}
html[data-theme="light"] .small-btn.primary,
html[data-theme="light"] .login-btn,
html[data-theme="light"] .v45-btn.primary{color:#fff!important}
html[data-theme="light"] .table th{color:#526980!important}
html[data-theme="light"] .table td{color:#17304e!important}
html[data-theme="light"] .table-wrap{border-color:#cbd8e6!important;background:#fff!important}
html[data-theme="light"] .audit-item{border-color:#d7e1eb!important}
html[data-theme="light"] .detail,
html[data-theme="light"] .platform-item,
html[data-theme="light"] .media-item,
html[data-theme="light"] .home-control{
  background:#f7fafd!important;
  border-color:#cbd8e6!important;
  color:#122640!important;
}
html[data-theme="light"] .modal{background:rgba(10,26,48,.48)!important}
html[data-theme="light"] .modal-card{background:#fff!important;color:#10243f!important;border-color:#cbd8e6!important}
html[data-theme="light"] .close{color:#10243f!important}
html[data-theme="light"] .media-help{color:#315879!important;background:#eef7ff!important;border-color:#bfdcff!important}

/* Light public-page hero / headings */
html[data-theme="light"] .page,
html[data-theme="light"] main,
html[data-theme="light"] .section{color:var(--v46-light-text)!important}
html[data-theme="light"] .page-title .lead,
html[data-theme="light"] .live-hero .lead,
html[data-theme="light"] .join-head p{color:#53677f!important}
html[data-theme="light"] .eyebrow,
html[data-theme="light"] .v45-eyebrow,
html[data-theme="light"] .v45-kicker{color:#075fe6!important}
html[data-theme="light"] .gradient{color:#075fe6!important;background:none!important;-webkit-text-fill-color:#075fe6!important}

/* Homepage: keep light mode clean, blue-tinted and readable */
html[data-theme="light"] body.v45-home .v45-nav{
  background:rgba(255,255,255,.97)!important;
  border-color:#cbd8e6!important;
}
html[data-theme="light"] body.v45-home .v45-navlinks a{color:#142844!important}
html[data-theme="light"] body.v45-home .v45-navlinks a:hover{color:#075fe6!important}
html[data-theme="light"] body.v45-home .v45-btn.ghost{
  background:#fff!important;color:#10243f!important;border-color:#aebfd2!important;
}
html[data-theme="light"] body.v45-home .v45-hero{
  background-image:
    linear-gradient(90deg,rgba(244,248,252,.99) 0%,rgba(244,248,252,.96) 35%,rgba(244,248,252,.72) 56%,rgba(244,248,252,.18) 78%,rgba(244,248,252,.06) 100%),
    var(--v45-bg-image),linear-gradient(135deg,#e8f0f8,#c9e1f5)!important;
}
html[data-theme="light"] body.v45-home .v45-hero:after{
  background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(240,246,252,.08) 55%,rgba(232,238,245,.88) 100%)!important;
}
html[data-theme="light"] body.v45-home .v45-hero h1{color:#07152e!important}
html[data-theme="light"] body.v45-home .v45-hero p{color:#263e5a!important}
html[data-theme="light"] body.v45-home .v45-platforms{color:#405773!important}
html[data-theme="light"] body.v45-home .v45-video-frame{
  background:linear-gradient(135deg,rgba(7,64,125,.20),rgba(26,135,224,.10))!important;
  border-color:#7da9d5!important;
  box-shadow:0 18px 50px rgba(25,81,135,.14)!important;
}
html[data-theme="light"] body.v45-home .v45-video-empty{background:rgba(230,239,248,.48)!important}
html[data-theme="light"] body.v45-home .v45-section,
html[data-theme="light"] body.v45-home .v45-lower{background:#eef3f8!important}
html[data-theme="light"] body.v45-home .v45-live-panel,
html[data-theme="light"] body.v45-home .v45-moment-card,
html[data-theme="light"] body.v45-home .v45-infra,
html[data-theme="light"] body.v45-home .v45-ad,
html[data-theme="light"] body.v45-home .v45-features{
  background:#fff!important;color:#0a1b36!important;border-color:#cbd8e6!important;
  box-shadow:0 12px 34px rgba(31,65,104,.08)!important;
}
html[data-theme="light"] body.v45-home .v45-live-card{
  background:#f8fbff!important;color:#0a1b36!important;border-color:#cbd8e6!important;
}
html[data-theme="light"] body.v45-home .v45-live-body h3,
html[data-theme="light"] body.v45-home .v45-section h2,
html[data-theme="light"] body.v45-home .v45-infra h2,
html[data-theme="light"] body.v45-home .v45-feature h3{color:#07152e!important}
html[data-theme="light"] body.v45-home .v45-live-body p,
html[data-theme="light"] body.v45-home .v45-sub,
html[data-theme="light"] body.v45-home .v45-infra-copy,
html[data-theme="light"] body.v45-home .v45-feature p,
html[data-theme="light"] body.v45-home .v45-flow-card small{color:#53677f!important}
html[data-theme="light"] body.v45-home .v45-flow-card{background:#f4f8fc!important;border-color:#cbd8e6!important;color:#0a1b36!important}
html[data-theme="light"] body.v45-home .v45-ad-slot{background:#edf3f9!important}
html[data-theme="light"] body.v45-home .v45-lower-box{background:linear-gradient(145deg,#e8f0f7,#fff)!important;border-color:#cbd8e6!important}
html[data-theme="light"] body.v45-home #mobileNav{background:#fff!important;border-bottom:1px solid #cbd8e6!important}
html[data-theme="light"] body.v45-home #mobileNav a{color:#142844!important}
html[data-theme="light"] body.v45-home .v45-footer{background:#081b34!important}

/* DARK — make every shared area intentionally dark and high contrast */
html[data-theme="dark"] body,
html[data-theme="dark"] body.v45-home{
  background:var(--v46-dark-bg)!important;
  color:var(--v46-dark-text)!important;
}
html[data-theme="dark"] body:before{
  display:block!important;
  background:
    radial-gradient(circle at 78% 8%,rgba(13,128,255,.16),transparent 28%),
    radial-gradient(circle at 12% 55%,rgba(0,205,255,.06),transparent 32%),
    linear-gradient(180deg,#020711 0%,#061326 55%,#020711 100%)!important;
}
html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,
html[data-theme="dark"] h4,html[data-theme="dark"] h5,html[data-theme="dark"] h6,
html[data-theme="dark"] strong,html[data-theme="dark"] .name,
html[data-theme="dark"] .detail div,html[data-theme="dark"] .platform-name{
  color:#f4f8ff!important;
}
html[data-theme="dark"] p,html[data-theme="dark"] .muted,html[data-theme="dark"] .lead,
html[data-theme="dark"] .hint,html[data-theme="dark"] .empty,
html[data-theme="dark"] .platform-url,html[data-theme="dark"] .detail small,
html[data-theme="dark"] .section-head p,html[data-theme="dark"] .topbar p,
html[data-theme="dark"] .audit-item p,html[data-theme="dark"] .media-info small,
html[data-theme="dark"] .media-empty{color:var(--v46-dark-muted)!important}
html[data-theme="dark"] .nav,html[data-theme="dark"] header.nav,html[data-theme="dark"] nav.nav{
  background:rgba(2,8,20,.94)!important;border-bottom-color:rgba(44,129,255,.24)!important;
}
html[data-theme="dark"] .navlinks a,html[data-theme="dark"] header.nav .navlinks a{color:#eaf3ff!important}
html[data-theme="dark"] .nav-btn.outline{color:#eaf3ff!important;background:transparent!important;border-color:#36577a!important}
html[data-theme="dark"] .menu{color:#fff!important}
html[data-theme="dark"] .box,html[data-theme="dark"] .card,html[data-theme="dark"] .panel,
html[data-theme="dark"] .benefit,html[data-theme="dark"] .step,html[data-theme="dark"] .form-card,
html[data-theme="dark"] .section-card,html[data-theme="dark"] .stat,html[data-theme="dark"] .creator-card,
html[data-theme="dark"] .live-card,html[data-theme="dark"] .analytics-card,html[data-theme="dark"] .infra,
html[data-theme="dark"] .features,html[data-theme="dark"] .categories .cat,
html[data-theme="dark"] .login-card,html[data-theme="dark"] .status-card,html[data-theme="dark"] .reset-card{
  background:linear-gradient(145deg,#071a35,#030c1c)!important;color:#f4f8ff!important;
  border-color:rgba(52,132,244,.28)!important;box-shadow:0 14px 38px rgba(0,45,120,.10)!important;
}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea,
html[data-theme="dark"] .field,html[data-theme="dark"] .v45-news input{
  background:#071425!important;color:#f4f8ff!important;border-color:#365575!important;
}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#8298b4!important;opacity:1!important}
html[data-theme="dark"] input:focus,html[data-theme="dark"] select:focus,html[data-theme="dark"] textarea:focus,
html[data-theme="dark"] .field:focus{border-color:#1684ff!important;box-shadow:0 0 0 3px rgba(22,132,255,.12)!important}
html[data-theme="dark"] .small-btn,html[data-theme="dark"] .mini-btn{color:#f4f8ff!important;background:#0b2038!important;border-color:#365575!important}
html[data-theme="dark"] .table th{color:#91a6c0!important}
html[data-theme="dark"] .table td{color:#e5eef9!important}
html[data-theme="dark"] .table-wrap{border-color:#284866!important}
html[data-theme="dark"] .detail,html[data-theme="dark"] .platform-item,
html[data-theme="dark"] .media-item,html[data-theme="dark"] .home-control{
  background:#0a1b30!important;border-color:#294b6c!important;color:#eef6ff!important;
}
html[data-theme="dark"] .modal{background:rgba(0,0,0,.72)!important}
html[data-theme="dark"] .modal-card{background:#071426!important;color:#f4f8ff!important;border-color:#315477!important}
html[data-theme="dark"] .close{color:#fff!important}

/* ADMIN — same switch, no separate visual language */
html[data-theme="light"] .admin-page{background:#eef3f8!important;color:#10223d!important}
html[data-theme="light"] .admin-page .section-card,
html[data-theme="light"] .admin-page .stat{background:#fff!important;color:#10223d!important;border-color:#cbd8e6!important}
html[data-theme="light"] .admin-page .home-control{background:#f7fafd!important}
html[data-theme="light"] .admin-page .role{color:#075fe6!important;background:#edf6ff!important;border-color:#b9d7f4!important}
html[data-theme="light"] .admin-page .logout{background:#fff!important;color:#10243f!important;border-color:#aebfd2!important}
html[data-theme="light"] .admin-page .modal-card{background:#fff!important}
html[data-theme="dark"] .admin-page{background:#030914!important;color:#f4f8ff!important}
html[data-theme="dark"] .admin-page .section-card,
html[data-theme="dark"] .admin-page .stat{background:linear-gradient(145deg,#071a35,#030c1c)!important;color:#f4f8ff!important;border-color:#294b6c!important}
html[data-theme="dark"] .admin-page .home-control{background:#0a1b30!important}
html[data-theme="dark"] .admin-page .logout{background:#0b2038!important;color:#fff!important;border-color:#365575!important}

/* Theme button itself */
html[data-theme="light"] .sh-theme-toggle{background:#fff!important;color:#10243f!important;border-color:#aebfd2!important}
html[data-theme="dark"] .sh-theme-toggle{background:#0b1d34!important;color:#fff!important;border-color:#36577d!important}
html[data-theme="light"] .v45-theme{background:#fff!important;color:#10243f!important;border-color:#aebfd2!important}
html[data-theme="dark"] .v45-theme{background:#0b1d34!important;color:#fff!important;border-color:#36577d!important}

/* Remove accidental inline white mobile-nav backgrounds when the theme changes */
html[data-theme="dark"] #mobileNav{background:#061326!important;color:#fff!important;border-color:#294b6c!important}
html[data-theme="dark"] #mobileNav a{color:#eaf3ff!important}
html[data-theme="light"] #mobileNav{background:#fff!important;color:#142844!important;border-color:#cbd8e6!important}
html[data-theme="light"] #mobileNav a{color:#142844!important}

/* Make the old footer and new homepage footer readable in both modes */
html[data-theme="light"] footer{background:#081b34!important;color:#dbe8f7!important}
html[data-theme="light"] footer h4,html[data-theme="light"] footer strong{color:#f2f7ff!important}
html[data-theme="light"] footer p,html[data-theme="light"] footer a{color:#b7c8dc!important}
html[data-theme="dark"] footer{background:#020711!important;color:#dbe8f7!important}
html[data-theme="dark"] footer p,html[data-theme="dark"] footer a{color:#9fb4d2!important}

/* =========================================================
   V48 LIGHT MODE — SOFT, COLOURED, LOW-BRIGHTNESS PALETTE
   Keep light mode readable without large areas of pure white.
   ========================================================= */
html[data-theme="light"]{
  --v48-bg:#e7edf4;
  --v48-bg-2:#edf3f8;
  --v48-surface:#f4f8fc;
  --v48-surface-2:#eaf2f9;
  --v48-panel:#f7faff;
  --v48-border:#a9c2dc;
  --v48-border-blue:#78a9d8;
  --v48-border-cyan:#79c6d5;
  --v48-border-violet:#a9a9d8;
  --v48-heading:#081b3a;
  --v48-text:#193653;
  --v48-muted:#526b83;
  --v48-accent:#0868f2;
}

/* Whole-page background: remove the bright white canvas */
html[data-theme="light"] body,
html[data-theme="light"] body.v45-home,
html[data-theme="light"] body.admin-page,
html[data-theme="light"] .page,
html[data-theme="light"] main{
  background-color:var(--v48-bg)!important;
  color:var(--v48-text)!important;
}
html[data-theme="light"] body:before{
  background:
    radial-gradient(circle at 88% 7%,rgba(46,142,232,.11),transparent 24%),
    radial-gradient(circle at 8% 35%,rgba(57,193,210,.08),transparent 26%),
    linear-gradient(180deg,#e9f0f6 0%,#e3ebf3 55%,#e8eef4 100%)!important;
}

/* Navigation: soft blue surface rather than pure white */
html[data-theme="light"] .nav,
html[data-theme="light"] header.nav,
html[data-theme="light"] nav.nav,
html[data-theme="light"] body.v45-home .v45-nav{
  background:rgba(235,242,249,.96)!important;
  border-bottom:1px solid #8fb2d4!important;
  box-shadow:0 8px 26px rgba(31,69,105,.10)!important;
}

/* General cards and panels */
html[data-theme="light"] .box,
html[data-theme="light"] .card,
html[data-theme="light"] .panel,
html[data-theme="light"] .benefit,
html[data-theme="light"] .step,
html[data-theme="light"] .form-card,
html[data-theme="light"] .section-card,
html[data-theme="light"] .stat,
html[data-theme="light"] .creator-card,
html[data-theme="light"] .live-card,
html[data-theme="light"] .analytics-card,
html[data-theme="light"] .infra,
html[data-theme="light"] .features,
html[data-theme="light"] .categories .cat,
html[data-theme="light"] .login-card,
html[data-theme="light"] .status-card,
html[data-theme="light"] .reset-card{
  background:linear-gradient(145deg,var(--v48-surface),var(--v48-panel))!important;
  color:var(--v48-text)!important;
  border:1px solid var(--v48-border)!important;
  box-shadow:0 12px 32px rgba(31,70,106,.09)!important;
}

/* Give grouped cards subtle colour variation instead of a wall of white */
html[data-theme="light"] .benefit:nth-child(3n+1),
html[data-theme="light"] .step:nth-child(3n+1),
html[data-theme="light"] .categories .cat:nth-child(3n+1){border-color:var(--v48-border-blue)!important}
html[data-theme="light"] .benefit:nth-child(3n+2),
html[data-theme="light"] .step:nth-child(3n+2),
html[data-theme="light"] .categories .cat:nth-child(3n+2){border-color:var(--v48-border-cyan)!important}
html[data-theme="light"] .benefit:nth-child(3n),
html[data-theme="light"] .step:nth-child(3n),
html[data-theme="light"] .categories .cat:nth-child(3n){border-color:var(--v48-border-violet)!important}

/* Smaller inner surfaces */
html[data-theme="light"] .detail,
html[data-theme="light"] .platform-item,
html[data-theme="light"] .media-item,
html[data-theme="light"] .home-control,
html[data-theme="light"] .flow-card,
html[data-theme="light"] .v45-flow-card,
html[data-theme="light"] .table-wrap{
  background:var(--v48-surface-2)!important;
  color:var(--v48-text)!important;
  border-color:var(--v48-border)!important;
}

/* Forms: warm/soft grey-blue instead of brilliant white */
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea,
html[data-theme="light"] .field,
html[data-theme="light"] .v45-news input,
html[data-theme="light"] .filters input,
html[data-theme="light"] .filters select,
html[data-theme="light"] .modal input,
html[data-theme="light"] .media-card input,
html[data-theme="light"] .media-card select,
html[data-theme="light"] .media-card textarea{
  background:#edf3f8!important;
  color:#102842!important;
  border-color:#9fb9d2!important;
}
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder{color:#60778e!important}
html[data-theme="light"] input:focus,
html[data-theme="light"] select:focus,
html[data-theme="light"] textarea:focus,
html[data-theme="light"] .field:focus{
  background:#f3f8fc!important;
  border-color:#1684ff!important;
  box-shadow:0 0 0 3px rgba(22,132,255,.14)!important;
}

/* Tables and separators */
html[data-theme="light"] .table-wrap{background:#eaf2f8!important;border-color:#9fb9d2!important}
html[data-theme="light"] .table th{background:#dce9f4!important;color:#284b69!important}
html[data-theme="light"] .table td{color:#173754!important;border-color:#c1d1df!important}
html[data-theme="light"] .audit-item{background:#edf3f8!important;border-color:#b8ccde!important}

/* Homepage sections: avoid pure-white blocks */
html[data-theme="light"] body.v45-home .v45-section,
html[data-theme="light"] body.v45-home .v45-lower{
  background:linear-gradient(180deg,#e6edf4,#eaf1f6)!important;
}
html[data-theme="light"] body.v45-home .v45-live-panel,
html[data-theme="light"] body.v45-home .v45-moment-card,
html[data-theme="light"] body.v45-home .v45-infra,
html[data-theme="light"] body.v45-home .v45-ad,
html[data-theme="light"] body.v45-home .v45-features{
  background:linear-gradient(145deg,#f1f6fa,#e7f0f7)!important;
  border-color:#9bb9d5!important;
  box-shadow:0 14px 34px rgba(32,75,111,.11)!important;
}
html[data-theme="light"] body.v45-home .v45-live-card{
  background:linear-gradient(145deg,#edf5fb,#e4eef6)!important;
  border-color:#8fb5d5!important;
}
html[data-theme="light"] body.v45-home .v45-ad-slot,
html[data-theme="light"] body.v45-home .v45-video-empty{
  background:linear-gradient(145deg,#dce9f3,#e9f2f8)!important;
  border-color:#8fb2d1!important;
}
html[data-theme="light"] body.v45-home .v45-lower-box{
  background:linear-gradient(145deg,#dce8f2,#e8f1f7)!important;
  border-color:#91b1cf!important;
}

/* Hero remains bright enough for readability, but not white */
html[data-theme="light"] body.v45-home .v45-hero{
  background-image:
    linear-gradient(90deg,rgba(228,237,246,.98) 0%,rgba(228,237,246,.93) 35%,rgba(228,237,246,.70) 56%,rgba(228,237,246,.16) 80%,rgba(228,237,246,.04) 100%),
    var(--v45-bg-image),
    linear-gradient(135deg,#dbe7f1,#bfd9ed)!important;
}
html[data-theme="light"] body.v45-home .v45-hero:after{
  background:linear-gradient(180deg,rgba(219,232,243,.03),rgba(213,226,237,.12) 55%,rgba(220,229,237,.70) 100%)!important;
}
html[data-theme="light"] body.v45-home .v45-video-frame{
  background:linear-gradient(135deg,rgba(7,64,125,.15),rgba(26,135,224,.08))!important;
  border-color:#77a6d2!important;
}

/* Buttons and badges retain strong brand colour */
html[data-theme="light"] .nav-btn.outline,
html[data-theme="light"] .v45-btn.ghost,
html[data-theme="light"] .small-btn,
html[data-theme="light"] .mini-btn,
html[data-theme="light"] .logout{
  background:#e5eef6!important;
  color:#102844!important;
  border-color:#8daecb!important;
}
html[data-theme="light"] .nav-btn.primary,
html[data-theme="light"] .v45-btn.primary,
html[data-theme="light"] .login-btn,
html[data-theme="light"] button.primary{color:#fff!important}

/* Admin: eliminate the bright white dashboard canvas and controls */
html[data-theme="light"] body.admin-page,
html[data-theme="light"] .admin-page{
  background:#e3ebf3!important;
  color:#102842!important;
}
html[data-theme="light"] .admin-page .section-card,
html[data-theme="light"] .admin-page .stat{
  background:linear-gradient(145deg,#f1f6fa,#e5eef5)!important;
  border-color:#9db8d1!important;
}
html[data-theme="light"] .admin-page .home-control{
  background:#e5eef5!important;
  border-color:#9db8d1!important;
}
html[data-theme="light"] .admin-page .home-preview{
  background:#d9e6f0!important;
  border-color:#8eabc5!important;
}
html[data-theme="light"] .admin-page .home-control input[type=file]{
  background:#eaf2f8!important;
  border-color:#8eabc5!important;
}
html[data-theme="light"] .admin-page .modal-card,
html[data-theme="light"] .modal-card{
  background:linear-gradient(145deg,#eef4f8,#e3edf4)!important;
  color:#102842!important;
  border-color:#8faec9!important;
}

/* Mobile menu */
html[data-theme="light"] #mobileNav{
  background:#e7eff6!important;
  border-bottom-color:#91afc9!important;
}
html[data-theme="light"] #mobileNav a{color:#102844!important}

/* Footer stays dark so the page has a strong visual anchor */
html[data-theme="light"] footer,
html[data-theme="light"] body.v45-home .v45-footer{
  background:linear-gradient(180deg,#0a2443,#06162c)!important;
}

/* Reduce visual glare from generic white backgrounds that remain in legacy markup */
html[data-theme="light"] .white,
html[data-theme="light"] .bg-white{background:#eaf1f7!important}
html[data-theme="light"] hr{border-color:#a9bfd3!important}

/* V49 — TWO HOMEPAGE AD POSITIONS + SOFT LIGHT NODE FIELD */
.v49-vertical-ad{min-width:0}
.v49-vertical-ad .v45-ad-slot{min-height:100%;height:100%;aspect-ratio:3/4}
.v49-vertical-ad .v45-ad-slot img{object-fit:cover}
.v49-horizontal-ad-section{padding-top:0;padding-bottom:22px}
.v49-horizontal-ad-card{width:calc(100% - 320px);padding:0}
.v49-ad-label{font-size:8px;letter-spacing:1.6px;color:#8191a8;font-weight:900;margin:0 0 7px 2px}
.v49-horizontal-ad{width:100%;height:clamp(88px,9vw,150px);border:1px solid rgba(31,112,215,.38);border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#07162d,#020a18);display:flex;align-items:center;justify-content:center;box-shadow:0 14px 40px rgba(4,25,55,.16)}
.v49-horizontal-ad img{width:100%;height:100%;display:block;object-fit:cover}
.v49-ad-empty{font-size:10px;color:#8b9aaf;text-align:center;padding:20px}

/* Light mode: use a calm blue-grey field with connected blue nodes only in open areas. */
html[data-theme="light"] body,
html[data-theme="light"] body.v45-home,
html[data-theme="light"] body.admin-page{
  background-color:#dfe8f1!important;
}
html[data-theme="light"] body:before{
  content:""!important;
  display:block!important;
  position:fixed!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  opacity:.62!important;
  background-color:transparent!important;
  background-image:url('/streamerhub-light-nodes.svg')!important;
  background-repeat:repeat!important;
  background-size:760px 520px!important;
}
html[data-theme="light"] body > *{position:relative;z-index:1}
html[data-theme="light"] .v45-section,
html[data-theme="light"] .v45-lower{background:transparent!important}
html[data-theme="light"] .v49-horizontal-ad{background:#d2deea!important;border-color:#6ea7dc!important}
html[data-theme="light"] .v49-ad-label{color:#4d6a85!important}
html[data-theme="light"] .v49-vertical-ad{background:linear-gradient(145deg,#eef4f9,#dce8f2)!important;border-color:#82a9cc!important}
html[data-theme="dark"] .v49-horizontal-ad{background:linear-gradient(135deg,#071a35,#020a18)!important;border-color:#285b8e!important}
@media(max-width:1050px){.v49-horizontal-ad-card{width:100%}.v49-vertical-ad .v45-ad-slot{min-height:280px;aspect-ratio:auto}}
@media(max-width:760px){.v49-horizontal-ad-section{padding-bottom:18px}.v49-horizontal-ad{height:92px;border-radius:12px}.v49-horizontal-ad-card{width:100%}}
/* V49 admin ad previews */
.home-ad-vertical{min-height:250px;aspect-ratio:3/4;overflow:hidden}
.home-ad-vertical img{width:100%;height:100%;object-fit:cover;display:block}
.home-ad-horizontal{min-height:90px;aspect-ratio:8/1;overflow:hidden}
.home-ad-horizontal img{width:100%;height:100%;object-fit:cover;display:block}


/* V50 — global light-mode open-space network field and typography cleanup */
html[data-theme="light"] body:not(.v45-home):not(.admin-page){
  background-color:#e0e9f1!important;
  color:#173754!important;
}
html[data-theme="light"] body:before{
  background-image:url('/streamerhub-light-nodes.svg')!important;
  background-repeat:repeat!important;
  background-size:760px 520px!important;
  background-position:center top!important;
  opacity:.48!important;
}
html[data-theme="light"] .section,
html[data-theme="light"] .page-section,
html[data-theme="light"] .content-section,
html[data-theme="light"] .container-section{background:transparent!important}
html[data-theme="light"] p,html[data-theme="light"] li{line-height:1.6}
html[data-theme="light"] h1,html[data-theme="light"] h2,html[data-theme="light"] h3,html[data-theme="light"] h4{color:#0b2345!important}
html[data-theme="light"] .muted,html[data-theme="light"] small,.hint{color:#58718a!important}
html[data-theme="light"] .section-card,
html[data-theme="light"] .card,
html[data-theme="light"] .form-card,
html[data-theme="light"] .login-card,
html[data-theme="light"] .status-card,
html[data-theme="light"] .reset-card,
html[data-theme="light"] .creator-card,
html[data-theme="light"] .live-card{
  background:linear-gradient(145deg,#eef5f9,#e4edf4)!important;
  border-color:#8eafd0!important;
}
html[data-theme="light"] input,html[data-theme="light"] select,html[data-theme="light"] textarea{
  background:#e7eff5!important;color:#102b47!important;border-color:#91afc9!important;
}
html[data-theme="light"] input::placeholder,html[data-theme="light"] textarea::placeholder{color:#647d93!important}
html[data-theme="light"] .divider,html[data-theme="light"] hr{border-color:#9db7cd!important}
html[data-theme="light"] .nav-btn.outline,html[data-theme="light"] .small-btn,html[data-theme="light"] .mini-btn,html[data-theme="light"] .logout{box-shadow:0 4px 12px rgba(31,70,106,.08)!important}


/* V51 — Audience subscriptions */
.v51-subrow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:9px 0 4px;flex-wrap:wrap}.v51-subrow>span{font-size:9px;color:#6f819a;font-weight:800}.v51-subscribe{border:1px solid rgba(8,119,255,.42);background:rgba(8,119,255,.08);color:#0877ff;padding:7px 10px;border-radius:7px;font-size:8px;font-weight:900;letter-spacing:.5px;cursor:pointer;white-space:nowrap}.v51-subscribe:hover{background:#0877ff;color:#fff}.v51-subscribe.subscribed{background:linear-gradient(135deg,#0877ff,#0aa6df);border-color:transparent;color:#fff}.v51-subscribe:disabled{opacity:.55;cursor:wait}
html[data-theme="dark"] .v51-subrow>span{color:#91a4bf}.html[data-theme="dark"] .v51-subscribe{color:#5ccfff}
html[data-theme="light"] .v51-subrow>span{color:#48637f!important}.v45-live-card .v51-subscribe{flex-shrink:0}
.v51-audience-note{margin-top:10px;font-size:10px;line-height:1.55;color:var(--muted)}

/* V52 — EDITORIAL TECH BLUE SYSTEM
   Inspired by premium production/creative websites: oversized typography,
   floating navigation, asymmetric layouts, restrained surfaces and blue accents.
*/
:root{
  --tech-blue:#0877ff;
  --tech-blue-2:#19b8ff;
  --tech-deep:#061a35;
  --tech-ink:#091a33;
  --tech-soft:#dbe7f1;
  --tech-surface:#edf4f8;
  --tech-line:#93b5d3;
}

/* Global typography + no-green policy */
html,body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.gradient{background:linear-gradient(90deg,#0877ff,#19b8ff)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.eyebrow,.v45-eyebrow,.v45-kicker{color:var(--tech-blue)!important}
.primary,.v45-btn.primary,.login-btn,.nav-btn.primary{background:linear-gradient(135deg,#0868f2,#19aaf5)!important}

/* Connected-node field in open spaces */
html[data-theme="light"] body:before{
  background-image:url('/streamerhub-light-nodes.svg')!important;
  background-repeat:repeat!important;
  background-size:720px 500px!important;
  opacity:.42!important;
  filter:none!important;
}
html[data-theme="dark"] body:before{
  background-image:url('/streamerhub-light-nodes.svg')!important;
  background-repeat:repeat!important;
  background-size:720px 500px!important;
  opacity:.10!important;
  filter:brightness(.7) saturate(1.35)!important;
}
html[data-theme="light"] body{background:#dce7f0!important;color:#0a2342!important}
html[data-theme="dark"] body{background:#030a15!important;color:#f4f8ff!important}

/* Floating pill navigation, like a modern creative studio site */
.nav,.v45-nav{
  width:min(1480px,calc(100% - 48px));
  height:76px!important;
  margin:16px auto 0!important;
  border:1px solid rgba(8,119,255,.22)!important;
  border-radius:40px!important;
  box-shadow:0 18px 50px rgba(3,22,48,.16)!important;
  backdrop-filter:blur(18px)!important;
  position:sticky!important;
  top:14px!important;
}
html[data-theme="light"] .nav,html[data-theme="light"] .v45-nav{background:rgba(235,243,248,.92)!important;border-color:#8fb3d3!important}
html[data-theme="dark"] .nav,html[data-theme="dark"] .v45-nav{background:rgba(4,14,28,.90)!important;border-color:#164a7c!important}
.navlinks a,.v45-navlinks a{font-weight:800!important;letter-spacing:.1px}
html[data-theme="light"] .navlinks a,html[data-theme="light"] .v45-navlinks a{color:#0b2342!important}
html[data-theme="dark"] .navlinks a,html[data-theme="dark"] .v45-navlinks a{color:#dbeaff!important}
.navlinks .live,.v45-navlinks .v45-live{color:var(--tech-blue)!important}

/* Shared internal pages: spacious editorial headers */
.page,.hero,.live-hero,.admin-login,.dash{position:relative;z-index:1}
.page{padding-top:88px!important;padding-bottom:82px!important}
.page-title{max-width:1050px!important}
.page-title h1,.hero h1{font-size:clamp(52px,7.5vw,100px)!important;line-height:.93!important;letter-spacing:-5px!important;font-weight:900!important}
.page-title .lead,.hero .lead,.intro{max-width:780px!important;font-size:17px!important;line-height:1.7!important}
.section{background:transparent!important;border-top:0!important;padding:72px 0!important}
.card,.box,.creator,.section-card,.login-card,.status-card{
  border-radius:24px!important;
  border:1px solid rgba(42,109,166,.25)!important;
  box-shadow:0 18px 55px rgba(14,55,91,.09)!important;
}
html[data-theme="light"] .card,html[data-theme="light"] .box,html[data-theme="light"] .creator,html[data-theme="light"] .section-card,html[data-theme="light"] .login-card,html[data-theme="light"] .status-card{
  background:linear-gradient(145deg,rgba(242,247,250,.96),rgba(222,234,242,.94))!important;
  border-color:#8db2d2!important;
}
html[data-theme="dark"] .card,html[data-theme="dark"] .box,html[data-theme="dark"] .creator,html[data-theme="dark"] .section-card,html[data-theme="dark"] .login-card,html[data-theme="dark"] .status-card{
  background:linear-gradient(145deg,rgba(10,25,45,.93),rgba(5,15,29,.94))!important;
  border-color:#1b4b78!important;
}
.card:before,.box:before{background:linear-gradient(90deg,#0877ff,#19b8ff)!important}
.card p,.box p,.box li,.creator p{line-height:1.75!important}

/* Home hero: smaller 16:9 video, stronger integration with background */
.v45-hero{
  min-height:660px!important;
  background-image:linear-gradient(90deg,rgba(4,15,30,.92) 0%,rgba(4,15,30,.76) 36%,rgba(4,15,30,.32) 63%,rgba(4,15,30,.08) 100%),var(--v45-bg-image),url('/streamerhub-tanzania-background.png')!important;
  background-size:cover!important;background-position:center!important;
}
html[data-theme="light"] .v45-hero{
  background-image:linear-gradient(90deg,rgba(218,231,241,.96) 0%,rgba(218,231,241,.88) 34%,rgba(218,231,241,.42) 62%,rgba(218,231,241,.10) 100%),var(--v45-bg-image),url('/streamerhub-tanzania-background.png')!important;
}
.v45-hero:after{background:linear-gradient(180deg,transparent 58%,rgba(3,13,27,.70) 100%)!important}
html[data-theme="light"] .v45-hero:after{background:linear-gradient(180deg,transparent 55%,rgba(213,226,237,.82) 100%)!important}
.v45-hero .v45-wrap{grid-template-columns:minmax(0,1fr) minmax(420px,.82fr)!important;gap:72px!important;min-height:660px!important}
.v45-hero h1{max-width:720px!important;font-size:clamp(58px,7vw,104px)!important}
.v45-video-frame{
  width:min(100%,560px)!important;
  aspect-ratio:16/9!important;
  height:auto!important;
  margin-left:auto!important;
  border-radius:28px!important;
  background:rgba(5,24,47,.40)!important;
  border:1px solid rgba(30,151,255,.55)!important;
  box-shadow:0 30px 80px rgba(1,25,56,.28)!important;
}
.v45-video-empty:before{width:92%!important;height:86%!important;border-color:rgba(72,181,255,.28)!important}
.v45-video-frame video{object-fit:cover!important}
.v45-dots{color:#167ed7!important;letter-spacing:7px!important}

/* Home content sections: premium spacing and surfaces */
.v45-section{padding:74px 0!important}
.v45-live-layout{grid-template-columns:minmax(0,1fr) 340px!important;gap:28px!important}
.v45-live-panel,.v45-moment-card,.v45-infra,.v45-ad,.v45-features{
  border-radius:24px!important;border-color:#86abd0!important;
}
html[data-theme="light"] .v45-live-panel,html[data-theme="light"] .v45-moment-card,html[data-theme="light"] .v45-infra,html[data-theme="light"] .v45-ad,html[data-theme="light"] .v45-features{
  background:linear-gradient(145deg,#edf4f8,#dce8f1)!important;
}
html[data-theme="dark"] .v45-live-panel,html[data-theme="dark"] .v45-moment-card,html[data-theme="dark"] .v45-infra,html[data-theme="dark"] .v45-ad,html[data-theme="dark"] .v45-features{
  background:linear-gradient(145deg,#0a1b32,#061224)!important;border-color:#174a79!important;
}
.v45-live-grid{gap:18px!important}
.v45-live-card{border-radius:18px!important}
.v45-live-image{height:170px!important}
.v45-flow-card{border-radius:18px!important}
.v45-features{box-shadow:none!important}
.v45-feature{padding:28px!important}

/* Horizontal ad should read as a deliberate editorial banner */
.v47-ad-section,.v49-horizontal-ad-section{padding-top:10px!important;padding-bottom:28px!important}
.v47-ad-banner,.v49-horizontal-ad{
  height:clamp(110px,9vw,170px)!important;
  border-radius:22px!important;
  border:1px solid #3f91d9!important;
  box-shadow:0 20px 55px rgba(6,48,90,.14)!important;
}
.v49-horizontal-ad-card{width:100%!important}
html[data-theme="light"] .v47-ad-banner,html[data-theme="light"] .v49-horizontal-ad{background:#cbdbe8!important}

/* Internal live/creator pages */
.live-hero{padding:88px 0 30px!important;background:transparent!important}
.live-hero h1{font-size:clamp(54px,7vw,96px)!important;letter-spacing:-4px!important}
.category-row{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 28px!important}
.category-btn{border-radius:999px!important;padding:10px 16px!important;border:1px solid #78a6cb!important;font-weight:900!important}
html[data-theme="light"] .category-btn{background:#e5eef4!important;color:#0c2a49!important}
html[data-theme="dark"] .category-btn{background:#0a1d34!important;color:#dbeaff!important}
.creator-grid{gap:22px!important}

/* Admin becomes a proper product console without removing existing controls */
.admin-page{max-width:1480px!important;margin:0 auto!important;padding:35px 28px 80px!important;position:relative;z-index:1}
.admin-page .topbar{border-radius:28px!important;padding:24px!important;margin-bottom:22px!important}
html[data-theme="light"] .admin-page .topbar{background:linear-gradient(135deg,#eaf2f7,#d8e6f0)!important;border:1px solid #8db2d1!important}
html[data-theme="dark"] .admin-page .topbar{background:linear-gradient(135deg,#091a30,#061225)!important;border:1px solid #174a78!important}
.admin-page .stats{gap:16px!important}
.admin-page .stat{border-radius:22px!important;padding:22px!important}
html[data-theme="light"] .admin-page .stat{background:linear-gradient(145deg,#eef5f9,#dce8f0)!important;border-color:#8eb2d0!important;color:#0c2846!important}
html[data-theme="dark"] .admin-page .stat{background:linear-gradient(145deg,#0a1c33,#061426)!important;border-color:#1a4a77!important}
.admin-page .section-card{padding:25px!important;margin-top:20px!important}
.admin-page h1{letter-spacing:-3px!important}
.admin-page h2{letter-spacing:-1px!important}
.admin-page input,.admin-page select,.admin-page textarea,.login-card .field{
  border-radius:12px!important;min-height:44px!important;
}
html[data-theme="light"] .admin-page input,html[data-theme="light"] .admin-page select,html[data-theme="light"] .admin-page textarea,html[data-theme="light"] .login-card .field{
  background:#e4edf4!important;color:#0c2846!important;border-color:#8eafca!important;
}
html[data-theme="dark"] .admin-page input,html[data-theme="dark"] .admin-page select,html[data-theme="dark"] .admin-page textarea,html[data-theme="dark"] .login-card .field{
  background:#061326!important;color:#eff7ff!important;border-color:#1d4e7c!important;
}

/* Admin theme control */
.v52-theme-btn{width:42px;height:42px;border-radius:12px;border:1px solid #4d8ec4;background:rgba(8,119,255,.10);color:inherit;cursor:pointer;font-size:17px;font-weight:900}

/* Footer: dark blue technical anchor */
footer,.v45-footer{background:linear-gradient(180deg,#061a35,#020a15)!important;color:#dcecff!important}
footer a,.v45-footer a{color:#9fc3e8!important}
footer a:hover,.v45-footer a:hover{color:#2bbcff!important}

@media(max-width:900px){
  .nav,.v45-nav{width:calc(100% - 28px)!important;margin-top:10px!important;top:8px!important}
  .v45-hero .v45-wrap{grid-template-columns:1fr!important;gap:30px!important;padding-top:35px;padding-bottom:45px}
  .v45-video-frame{margin:0 auto!important;width:min(100%,620px)!important}
  .page-title h1,.hero h1,.live-hero h1{letter-spacing:-3px!important}
}
@media(max-width:700px){
  .nav,.v45-nav{border-radius:24px!important;height:66px!important}
  .page{padding-top:58px!important}
  .v45-hero{min-height:auto!important}
  .v45-hero h1{font-size:clamp(50px,15vw,76px)!important}
  .v45-live-layout{grid-template-columns:1fr!important}
  .v45-video-frame{border-radius:20px!important}
  .v45-feature{border-right:0!important;border-bottom:1px solid var(--tech-line)!important}
  .v45-feature:last-child{border-bottom:0!important}
  .v47-ad-banner,.v49-horizontal-ad{height:96px!important;border-radius:15px!important}
}

/* =========================================================
   V54 GLOBAL THEME POLISH
   Light = soft blue-grey, never harsh white.
   Dark = deep navy + tech blue only, no cyan accents.
   ========================================================= */
:root{
  --cyan:#1677ff!important;
  --sh-cyan:#1677ff!important;
  --tech-cyan:#1677ff!important;
  --v42-cyan:#1677ff!important;
  --v48-border-cyan:#9bb9d8!important;
}

html[data-theme="dark"] body,
html[data-theme="dark"] body.v45-home{
  background:#030914!important;
  color:#f3f7fc!important;
}
html[data-theme="dark"] body:before{filter:brightness(.42) saturate(.95)!important}
html[data-theme="dark"] body:after{
  background:radial-gradient(circle at 18% 12%,rgba(22,119,255,.12),transparent 30%),radial-gradient(circle at 84% 18%,rgba(22,119,255,.07),transparent 28%)!important;
}
html[data-theme="dark"] .gradient,
html[data-theme="dark"] .v45-hero .gradient{
  background:linear-gradient(90deg,#f4f8ff,#7db6ff)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
}
html[data-theme="dark"] .eyebrow,
html[data-theme="dark"] .v45-eyebrow{color:#68aaff!important}
html[data-theme="dark"] .navlinks .live,
html[data-theme="dark"] .v45-navlinks .v45-live{color:#4f98ff!important}
html[data-theme="dark"] .navlinks a:hover,
html[data-theme="dark"] .v45-navlinks a:hover{color:#ffffff!important}
html[data-theme="dark"] .card:before,
html[data-theme="dark"] .box:before,
html[data-theme="dark"] .creator-card:before,
html[data-theme="dark"] .login-card:before,
html[data-theme="dark"] .reset-card:before,
html[data-theme="dark"] .status-card:before,
html[data-theme="dark"] .admin-login-card:before{
  background:#1677ff!important;
}
html[data-theme="dark"] .v45-page,
html[data-theme="dark"] .v45-section,
html[data-theme="dark"] .section{border-color:rgba(55,126,210,.18)!important}

/* Light mode: replace white-heavy surfaces with soft blue-grey */
html[data-theme="light"] body,
html[data-theme="light"] body.v45-home{
  background:#d8e3ec!important;
  color:#10243d!important;
}
html[data-theme="light"] body:before{
  display:block!important;
  opacity:.22!important;
  filter:grayscale(.08) brightness(1.05) saturate(.78)!important;
}
html[data-theme="light"] body:after{
  background:
    radial-gradient(circle at 12% 15%,rgba(22,119,255,.10),transparent 25%),
    radial-gradient(circle at 82% 28%,rgba(54,122,194,.08),transparent 28%)!important;
}
html[data-theme="light"] .section,
html[data-theme="light"] .v45-section{background:rgba(207,221,232,.46)!important}
html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] h4,
html[data-theme="light"] strong,
html[data-theme="light"] .page-title h1,
html[data-theme="light"] .hero h1{color:#10243d!important}
html[data-theme="light"] p,
html[data-theme="light"] li,
html[data-theme="light"] .lead,
html[data-theme="light"] .intro,
html[data-theme="light"] .page-title .lead,
html[data-theme="light"] .hero .lead,
html[data-theme="light"] .v45-infra-copy,
html[data-theme="light"] .muted{color:#405873!important}
html[data-theme="light"] .gradient{
  background:linear-gradient(90deg,#0d4fa8,#1677ff)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
}
html[data-theme="light"] .eyebrow,
html[data-theme="light"] .v45-eyebrow{color:#0d63d5!important}
html[data-theme="light"] .card,
html[data-theme="light"] .box,
html[data-theme="light"] .creator,
html[data-theme="light"] .creator-card,
html[data-theme="light"] .benefit,
html[data-theme="light"] .step,
html[data-theme="light"] .login-card,
html[data-theme="light"] .reset-card,
html[data-theme="light"] .status-card,
html[data-theme="light"] .dash-card,
html[data-theme="light"] .section-card{
  background:linear-gradient(145deg,#eaf1f5,#d8e4ec)!important;
  border-color:#94b2cf!important;
  box-shadow:0 16px 42px rgba(28,67,105,.10)!important;
}
html[data-theme="light"] .card:before,
html[data-theme="light"] .box:before,
html[data-theme="light"] .creator-card:before,
html[data-theme="light"] .login-card:before,
html[data-theme="light"] .reset-card:before,
html[data-theme="light"] .status-card:before,
html[data-theme="light"] .admin-login-card:before{background:#1677ff!important}
html[data-theme="light"] .tag,
html[data-theme="light"] .secondary,
html[data-theme="light"] .instagram{
  background:rgba(235,242,247,.72)!important;
  border-color:#9bb7d0!important;
  color:#18324e!important;
}
html[data-theme="light"] .watch{background:#102c4d!important;color:#fff!important}
html[data-theme="light"] .btn.primary,
html[data-theme="light"] .v45-btn.primary{background:#1677ff!important;box-shadow:0 12px 30px rgba(22,119,255,.20)!important}
html[data-theme="light"] .v45-hero{
  background-image:linear-gradient(90deg,rgba(209,224,236,.93) 0%,rgba(209,224,236,.82) 34%,rgba(209,224,236,.42) 62%,rgba(209,224,236,.10) 100%),var(--v45-bg-image),url('/streamerhub-tanzania-background.png')!important;
  background-color:#d1e0ec!important;
}
html[data-theme="light"] .v45-hero:after{background:linear-gradient(180deg,transparent 52%,rgba(203,220,232,.58) 100%)!important}
html[data-theme="light"] .v45-video-frame{background:rgba(12,43,77,.72)!important;border-color:#6e9dcc!important}
html[data-theme="light"] .v45-video-empty{background:linear-gradient(145deg,#123b67,#1c68a8)!important}
html[data-theme="light"] .v45-live-panel,
html[data-theme="light"] .v45-moment-card,
html[data-theme="light"] .v45-infra,
html[data-theme="light"] .v45-ad,
html[data-theme="light"] .v45-features{
  background:linear-gradient(145deg,#e8f0f5,#d5e2eb)!important;
  border-color:#8eafd0!important;
}
html[data-theme="light"] .v45-flow-card,
html[data-theme="light"] .v45-feature{background:rgba(232,240,245,.72)!important}
html[data-theme="light"] .v49-horizontal-ad,
html[data-theme="light"] .v47-ad-banner{background:#cbdbe7!important;border-color:#7ea6cb!important}
html[data-theme="light"] .v45-nav,
html[data-theme="light"] .nav{background:rgba(230,238,244,.94)!important;border-color:#89add0!important}
html[data-theme="light"] .navlinks a,
html[data-theme="light"] .v45-navlinks a{color:#102b48!important}

/* Connected blue-node open-space background, kept subtle behind content */
html[data-theme="light"] .v45-home,
html[data-theme="light"] .page,
html[data-theme="light"] .live-hero{
  position:relative;
}
html[data-theme="light"] .v45-home:before,
html[data-theme="light"] .page:before,
html[data-theme="light"] .live-hero:before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.34;
  background-image:url('/streamerhub-light-nodes.svg');background-size:760px auto;background-repeat:repeat;
}

/* Theme control on every page */
.sh-theme-toggle,
.v52-theme-btn,
.v45-theme{
  width:42px!important;height:42px!important;min-width:42px!important;
  display:inline-grid!important;place-items:center!important;
  border-radius:12px!important;
  border:1px solid #4b86bd!important;
  background:rgba(22,119,255,.10)!important;
  color:inherit!important;
  cursor:pointer!important;
  font-size:17px!important;font-weight:900!important;
  box-shadow:none!important;
}
html[data-theme="light"] .sh-theme-toggle,
html[data-theme="light"] .v52-theme-btn,
html[data-theme="light"] .v45-theme{background:#e8f0f5!important;color:#163452!important;border-color:#88a9c8!important}
html[data-theme="dark"] .sh-theme-toggle,
html[data-theme="dark"] .v52-theme-btn,
html[data-theme="dark"] .v45-theme{background:#0a1d35!important;color:#e9f3ff!important;border-color:#285d91!important}

/* Fallback floating control for pages without a nav theme button */
.sh-theme-toggle{position:fixed!important;right:22px;top:94px;z-index:9999}
@media(max-width:700px){.sh-theme-toggle{right:14px;top:82px;width:40px!important;height:40px!important;min-width:40px!important}}

/* Admin light/dark readability, removing old white dominance */
html[data-theme="light"] .admin-page{background:transparent!important;color:#10243d!important}
html[data-theme="light"] .admin-page .topbar,
html[data-theme="light"] .admin-page .section-card,
html[data-theme="light"] .admin-page .stat,
html[data-theme="light"] .home-control,
html[data-theme="light"] .branding-preview-box,
html[data-theme="light"] .media-item{
  background:linear-gradient(145deg,#e9f1f5,#d9e5ed)!important;
  border-color:#8faecc!important;
  color:#10243d!important;
}
html[data-theme="light"] .admin-page input,
html[data-theme="light"] .admin-page select,
html[data-theme="light"] .admin-page textarea,
html[data-theme="light"] .filters input,
html[data-theme="light"] .filters select,
html[data-theme="light"] .media-card input,
html[data-theme="light"] .media-card select,
html[data-theme="light"] .media-card textarea,
html[data-theme="light"] .modal input{
  background:#dce7ef!important;color:#10243d!important;border-color:#8baac6!important;
}
html[data-theme="light"] .small-btn,
html[data-theme="light"] .mini-btn{background:#e3edf3!important;color:#17314e!important;border-color:#8baac6!important}
html[data-theme="light"] .modal-card{background:#dfeaf1!important;color:#10243d!important;border-color:#8baac6!important}
html[data-theme="light"] .close{color:#10243d!important}
html[data-theme="light"] .table th{color:#4d6680!important}
html[data-theme="light"] .table td{color:#17314e!important}
html[data-theme="light"] .admin-nav-item{color:#405a73!important}
html[data-theme="light"] .admin-nav-item.active{color:#10243d!important;background:rgba(22,119,255,.11)!important;border-color:#8eb4d7!important}
html[data-theme="dark"] .admin-page .topbar,
html[data-theme="dark"] .admin-page .section-card,
html[data-theme="dark"] .admin-page .stat,
html[data-theme="dark"] .home-control,
html[data-theme="dark"] .branding-preview-box,
html[data-theme="dark"] .media-item{background:linear-gradient(145deg,#091a30,#061326)!important;color:#edf5ff!important}

/* Remove cyan-looking decorative gradients site-wide in dark mode */
html[data-theme="dark"] *{--cyan:#1677ff!important;--sh-cyan:#1677ff!important;--tech-cyan:#1677ff!important;--v42-cyan:#1677ff!important}
html[data-theme="dark"] .page-title:after{background:#1677ff!important}
html[data-theme="dark"] .v45-dots{color:#5a9df0!important}


/* =========================================================
   V55 FINAL POLISH
   Dark: deep navy + tech blue only, no cyan.
   Light: soft blue-grey surfaces with readable dark text.
   ========================================================= */
:root{
  --cyan:#1677ff!important;
  --sh-cyan:#1677ff!important;
  --tech-cyan:#1677ff!important;
  --v42-cyan:#1677ff!important;
}
html[data-theme="dark"] body,
html[data-theme="dark"] .v45-home{color:#eef4fb!important}
html[data-theme="dark"] .gradient,
html[data-theme="dark"] .v45-hero h1 span{background-image:none!important;color:#2f8bff!important;-webkit-text-fill-color:#2f8bff!important}
html[data-theme="dark"] a:hover,
html[data-theme="dark"] button:hover{color:#5ea7ff}
html[data-theme="dark"] .v45-theme,
html[data-theme="dark"] .v52-theme-btn,
html[data-theme="dark"] .sh-theme-toggle{background:#0a1d35!important;border-color:#2d65a0!important;color:#f2f7ff!important}
html[data-theme="dark"] body:after{background:radial-gradient(circle at 15% 15%,rgba(22,119,255,.10),transparent 30%),radial-gradient(circle at 85% 20%,rgba(22,119,255,.06),transparent 28%)!important}
html[data-theme="dark"] .v45-platforms img{filter:none}

/* Light mode: no large pure-white fields; preserve strong readable text. */
html[data-theme="light"] body,
html[data-theme="light"] .v45-home{background:#dfe9f1!important;color:#10243d!important}
html[data-theme="light"] .v45-nav{background:rgba(223,233,241,.94)!important;border-color:#9bb8d2!important}
html[data-theme="light"] .v45-navlinks a{color:#102b49!important}
html[data-theme="light"] .v45-btn.ghost{background:#d5e2ec!important;color:#10243d!important;border-color:#89a8c4!important}
html[data-theme="light"] .v45-live-section,
html[data-theme="light"] .v45-infra,
html[data-theme="light"] .v45-ad,
html[data-theme="light"] .v45-features,
html[data-theme="light"] .v45-lower-box,
html[data-theme="light"] .v45-moment-card{background:#d6e3ec!important;color:#10243d!important;border-color:#8eacc6!important}
html[data-theme="light"] .v45-flow-card,
html[data-theme="light"] .v45-feature{background:#dce8f0!important;color:#10243d!important;border-color:#9ab6ce!important}
html[data-theme="light"] .v45-flow-card small,
html[data-theme="light"] .v45-infra-copy,
html[data-theme="light"] .v45-feature p,
html[data-theme="light"] .v45-live-body p{color:#365572!important}
html[data-theme="light"] .v45-hero h1,
html[data-theme="light"] .v45-hero p,
html[data-theme="light"] .v45-infra h2,
html[data-theme="light"] .v45-feature h3{color:#10243d!important}
html[data-theme="light"] .v45-hero h1 span{color:#0868f2!important;-webkit-text-fill-color:#0868f2!important;background:none!important}
html[data-theme="light"] .v45-hero .v45-kicker,
html[data-theme="light"] .v45-feature .num{color:#0868f2!important}
html[data-theme="light"] .v45-theme{background:#d2e0ea!important;color:#10243d!important;border-color:#7fa4c2!important}

/* V55 mobile action popovers: fixed portal, never clipped by table containers. */
.mobile-action-menu{position:relative!important;overflow:visible!important}
.action-popover{display:none;position:fixed!important;max-height:min(60vh,360px);overflow:auto;overscroll-behavior:contain}
.mobile-action-menu.open .action-popover{display:grid}
body > .action-popover{display:none}
body > .action-popover[style*="display: grid"]{display:grid!important}

/* V55 title scale across internal pages */
.page-title h1,.join-head h1,.live-hero h1{font-size:clamp(40px,5vw,62px)!important;line-height:1!important;letter-spacing:-2.8px!important}
.admin-page .topbar h1{font-size:clamp(34px,4vw,48px)!important;letter-spacing:-2.4px!important}
@media(max-width:700px){
  .page-title h1,.join-head h1,.live-hero h1{font-size:clamp(34px,9vw,46px)!important;letter-spacing:-2px!important}
  .admin-page .topbar h1{font-size:clamp(30px,8vw,40px)!important}
}

/* V57: single theme icon on homepage and every theme control. */
html .v45-theme,
html .v52-theme-btn,
html .sh-theme-toggle{font-size:17px!important;line-height:1!important;overflow:hidden!important}
html .v45-theme::before,
html .v45-theme::after,
html .v52-theme-btn::before,
html .v52-theme-btn::after,
html .sh-theme-toggle::before,
html .sh-theme-toggle::after{content:none!important;display:none!important}


/* V58 FINAL MOBILE NAV FIX */
@media (max-width:700px){
  nav.nav .navlinks, header.nav .navlinks {
    display:none !important;
    position:absolute !important; left:0 !important; right:0 !important; top:68px !important;
    z-index:99999 !important; flex-direction:column !important; align-items:stretch !important;
    width:auto !important; margin:0 !important; padding:14px 5% 18px !important;
    background:#061326 !important; border-bottom:1px solid rgba(55,125,220,.32) !important;
    box-shadow:0 18px 36px rgba(0,0,0,.28) !important;
  }
  nav.nav .navlinks.open, header.nav .navlinks.open {display:flex !important;}
  nav.nav .navlinks a, header.nav .navlinks a {display:block !important; width:100% !important; padding:13px 0 !important;}
  nav.nav .menu, header.nav .menu {display:flex !important; align-items:center !important; justify-content:center !important; position:relative !important; z-index:100001 !important; cursor:pointer !important; pointer-events:auto !important;}
  body #mobileNav {position:relative !important; z-index:99998 !important;}
  body #mobileNav.sh-mobile-open {display:block !important; visibility:visible !important; opacity:1 !important; max-height:80vh !important; overflow:auto !important;}
  body #mobileNav:not(.sh-mobile-open) {display:none !important;}
  body .v45-menu {display:flex !important; align-items:center !important; justify-content:center !important; position:relative !important; z-index:100001 !important; pointer-events:auto !important; cursor:pointer !important;}
  body .v45-theme {position:relative !important; z-index:100001 !important; pointer-events:auto !important;}
}


/* ============================================================
   STREAMERHUB V60 - EDITORIAL TECH BLUE / RESPONSIVE FOUNDATION
   ============================================================ */
:root{--sh-blue:#0875ff;--sh-blue-2:#2e8bff;--sh-navy:#061225;--sh-ink:#10223d;--sh-soft:#6d7d91}
*{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
img,video,iframe,svg{max-width:100%}
button,a,input,select,textarea{font:inherit}

/* Admin shell: premium console */
.admin-page{background:var(--page-bg,#061225);min-height:100vh}
.admin-shell{display:grid!important;grid-template-columns:235px minmax(0,1fr);gap:22px;max-width:1500px;margin:0 auto;padding:24px 22px 70px}
.admin-sidebar{position:sticky!important;top:20px;height:fit-content;align-self:start}
.admin-content{min-width:0!important;width:100%}
.admin-content>.container{width:100%!important}
.admin-mobile-toggle{display:none;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--text);border-radius:12px;width:44px;height:44px;padding:9px;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.admin-mobile-toggle span{display:block;width:20px;height:2px;border-radius:2px;background:currentColor}
.dashboard-analytics{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:16px;margin-top:18px}
.dashboard-analytics .section-card{margin-top:0}
.analytics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}
.analytics-card{padding:15px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.035)}
.analytics-card span{display:block;font-size:9px;font-weight:900;letter-spacing:1px;color:var(--muted)}
.analytics-card strong{display:block;font-size:28px;line-height:1.1;margin:8px 0 4px;color:var(--text)}
.analytics-card small{display:block;font-size:9px;color:var(--muted)}
.analytics-bars{display:grid;gap:10px;margin-top:20px}
.analytics-bars>div{display:grid;grid-template-columns:75px 1fr;align-items:center;gap:10px;font-size:9px;color:var(--muted);font-weight:800}
.analytics-bars b{height:7px;background:rgba(255,255,255,.08);border-radius:99px;overflow:hidden}
.analytics-bars i{display:block;height:100%;width:3%;background:var(--sh-blue);border-radius:99px;transition:width .3s ease}
.analytics-live-dot{display:inline-flex;align-items:center;gap:7px;font-size:9px;font-weight:900;letter-spacing:.8px;color:var(--muted);white-space:nowrap}
.analytics-live-dot i{width:7px;height:7px;border-radius:50%;background:#ef3b58;box-shadow:0 0 0 4px rgba(239,59,88,.10)}
.dashboard-audit{max-height:280px;margin-bottom:12px}
.audit-full{max-height:none}
.main-audit-page .audit-item{padding:15px 4px}

/* Light mode: editorial grey, not white */
html[data-theme="light"] .admin-page{background:#e8eef5!important;color:#10223d!important}
html[data-theme="light"] .admin-sidebar{background:linear-gradient(180deg,#dce8f3,#d3e0ec)!important;border-color:#aac4dd!important}
html[data-theme="light"] .section-card,html[data-theme="light"] .stat{background:#f0f4f8!important;border-color:#b8cde0!important;box-shadow:0 18px 45px rgba(32,73,112,.08)}
html[data-theme="light"] .analytics-card{background:#e7eef5!important;border-color:#c0d2e3!important}
html[data-theme="light"] .analytics-bars b{background:#d2deea!important}
html[data-theme="light"] .filters input,html[data-theme="light"] .filters select,html[data-theme="light"] .modal input,html[data-theme="light"] .media-card input,html[data-theme="light"] .media-card select,html[data-theme="light"] .media-card textarea{background:#e5ebf1!important;color:#10223d!important;border-color:#b5c9dc!important}
html[data-theme="light"] .small-btn{background:#e4ebf2!important;color:#10223d!important;border-color:#aec5da!important}

/* Mobile admin drawer */
@media(max-width:900px){
  .admin-shell{display:block!important;padding:12px 12px 55px!important}
  .admin-mobile-toggle{display:inline-flex}
  .admin-sidebar{position:fixed!important;left:0;top:0;bottom:0;width:min(300px,86vw);height:100dvh;margin:0!important;border-radius:0 24px 24px 0!important;padding:18px!important;transform:translateX(-105%);transition:transform .24s ease;z-index:10020;overflow-y:auto;box-shadow:20px 0 60px rgba(0,0,0,.35)}
  body.admin-menu-open .admin-sidebar{transform:translateX(0)}
  body.admin-menu-open:after{content:"";position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:10010}
  .admin-nav{display:grid!important;overflow:visible!important;gap:6px!important;padding-top:15px!important}
  .admin-nav-item{width:100%!important;min-width:0!important;padding:12px 13px!important}
  .admin-sidebar-brand{display:flex!important;padding:8px 6px 18px!important;border-bottom:1px solid var(--line)!important}
  .admin-sidebar-brand div{display:block!important}
  .admin-sidebar-footer{display:flex!important}
  .topbar{position:relative;z-index:5;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;margin-bottom:18px!important}
  .topbar .admin-brand{display:flex;align-items:center;gap:10px;min-width:0}
  .topbar .admin-brand .site-logo{display:none!important}
  .topbar .admin-brand h1{font-size:34px!important;line-height:1.05!important}
  .topbar .admin-brand p{font-size:10px!important}
  .admin-meta{gap:6px!important;justify-content:flex-end!important}
  .admin-meta .role{display:none}
  .dashboard-analytics{grid-template-columns:1fr!important}
  .analytics-grid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:600px){
  .admin-shell{padding:10px 10px 45px!important}
  .section-card{padding:15px!important}
  .stats{grid-template-columns:1fr 1fr!important}
  .stat strong{font-size:22px!important}
  .analytics-card strong{font-size:23px}
  .analytics-bars>div{grid-template-columns:65px 1fr}
  .topbar h1{font-size:29px!important}
  .topbar .admin-meta .logout{padding:9px 10px!important;font-size:9px!important}
  .admin-brand .eyebrow{font-size:8px}
}
@media(max-width:380px){
  .analytics-grid,.stats{grid-template-columns:1fr!important}
  .topbar .admin-meta .logout{font-size:0!important;width:38px;height:38px;padding:0!important}
  .topbar .admin-meta .logout:after{content:'↗';font-size:15px}
}

/* Public/mobile overflow safety */
@media(max-width:900px){
  .container,.section,.hero,.hero-inner,.hero-grid,.features,.cards,.grid,.content,.page-wrap{max-width:100%!important;min-width:0!important}
  .hero img,.hero video,.hero iframe{width:100%!important;height:auto!important}
  .table-wrap,.overflow-x-auto{max-width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  .card,.panel,.section-card{max-width:100%}
  h1,h2,h3,p,a,button,label{overflow-wrap:anywhere}
}

/* ============================================================
   V61 - STREAMERHUB EDITORIAL STUDIO SYSTEM
   Visual direction inspired by the clean editorial/production
   language of VSS: large typography, restrained surfaces,
   generous whitespace, minimal borders. StreamerHub blue replaces
   the reference site's green accent. No cyan in dark mode.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700;800;900&display=swap');

:root{
  --sh-blue:#1268ff;
  --sh-blue-2:#2a78ff;
  --sh-navy:#0a0c10;
  --sh-ink:#111317;
  --sh-soft:#68717d;
  --sh-white:#f7f7f5;
  --cyan:#1268ff!important;
  --purple:#1268ff!important;
  --v42-cyan:#1268ff!important;
  --v45-blue:#1268ff!important;
  --v45-blue2:#2a78ff!important;
  --v45-line:#d9dde3!important;
  --v42-blue:#1268ff!important;
}

html,body{font-family:'Inter Tight',Inter,Arial,sans-serif!important;letter-spacing:0!important}
body{background:#f3f4f2!important;color:#111317!important}
body:before,body:after{display:none!important}

/* Public navigation: floating studio-style bar */
.nav,.v45-nav{
  width:min(1540px,calc(100% - 48px))!important;
  height:78px!important;
  margin:18px auto 0!important;
  border:0!important;
  border-radius:40px!important;
  background:#1d1e20!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  position:sticky!important;
  top:14px!important;
  z-index:1000!important;
}
.nav .container,.v45-nav .v45-wrap{width:100%!important;height:100%!important;padding:0 20px!important}
.nav .logo img,.v45-logo{height:48px!important;max-height:48px!important;width:auto!important}
.navlinks,.v45-navlinks{gap:28px!important}
.navlinks a,.v45-navlinks a{font-family:'Inter Tight',sans-serif!important;color:#f7f7f5!important;font-size:15px!important;font-weight:600!important;letter-spacing:-.1px!important}
.navlinks a:hover,.v45-navlinks a:hover{color:var(--sh-blue)!important}
.navlinks .live,.v45-navlinks .v45-live{color:#f7f7f5!important}
.nav-actions,.v45-actions{gap:10px!important}
.nav-btn,.v45-btn{border-radius:999px!important;font-size:14px!important;padding:12px 20px!important;font-weight:700!important}
.nav-btn.primary,.v45-btn.primary{background:var(--sh-blue)!important;border-color:var(--sh-blue)!important}
.nav-btn.outline,.v45-btn.ghost{background:transparent!important;color:#f7f7f5!important;border-color:#4b4d51!important}
.v45-theme,.v52-theme-btn,.sh-theme-toggle{border:1px solid #4c4f54!important;background:#25272a!important;color:#fff!important;border-radius:999px!important;box-shadow:none!important}
.menu,.v45-menu{color:#fff!important}

/* Editorial page typography */
h1,h2,h3,h4,p,a,button,input,select,textarea{font-family:'Inter Tight',Inter,Arial,sans-serif!important}
h1,.hero h1,.page-title h1,.v45-hero h1{
  font-weight:800!important;
  letter-spacing:-2.8px!important;
  line-height:.96!important;
}
.section h2,.v45-section h2{font-weight:800!important;letter-spacing:-1.8px!important}
.eyebrow,.v45-eyebrow,.v45-kicker{color:var(--sh-blue)!important;font-weight:800!important;letter-spacing:1.8px!important}
.lead,.intro,.page-title .lead,.v45-hero p,.v45-infra-copy{color:#4d5662!important}

/* Light editorial canvas */
.section,.page,.hero{background:#f3f4f2!important;border-top:0!important}
.section{padding:88px 0!important}
.page{padding:90px 0 80px!important}
.hero{padding:70px 0 85px!important}

/* Replace AI-style cards with restrained editorial blocks */
.card,.box,.creator,.creator-card,.benefit,.step,.section-card,.dash-card,.status-card,.login-card,.reset-card,.admin-login-card,.hero-card,
.v45-live-panel,.v45-live-card,.v45-moment-card,.v45-infra,.v45-ad,.v45-flow-card,.v45-feature,.v45-lower-box{
  background:#f7f7f5!important;
  border:1px solid #d9dde1!important;
  border-radius:14px!important;
  box-shadow:none!important;
}
.card:before,.box:before{display:none!important}
.card:hover,.box:hover,.creator-card:hover{transform:none!important;border-color:#aeb5bd!important}
.card p,.box p,.creator-description,.creator p,.v45-live-body p,.v45-flow-card small,.v45-feature p{color:#5f6873!important}
.card h3,.box h3,.creator h3,.v45-flow-card strong,.v45-feature h3{color:#15171a!important;font-weight:700!important}

/* Homepage: VSS-like editorial composition */
body.v45-home{background:#f3f4f2!important;color:#111317!important}
.v45-hero{
  min-height:650px!important;
  background-image:linear-gradient(90deg,rgba(243,244,242,.98) 0%,rgba(243,244,242,.92) 32%,rgba(243,244,242,.50) 57%,rgba(243,244,242,.10) 100%),var(--v45-bg-image),url('/streamerhub-tanzania-background.png')!important;
  border-radius:0!important;
}
.v45-hero:after{background:linear-gradient(180deg,transparent 55%,rgba(243,244,242,.82) 100%)!important}
.v45-hero .v45-wrap{min-height:650px!important;grid-template-columns:.9fr 1.1fr!important;gap:60px!important}
.v45-hero h1{font-size:clamp(48px,6.3vw,82px)!important;color:#15171a!important;max-width:760px!important}
.v45-hero h1 span{color:var(--sh-blue)!important;-webkit-text-fill-color:var(--sh-blue)!important;background:none!important}
.v45-hero p{font-size:18px!important;max-width:600px!important;color:#3f4852!important}
.v45-video-frame{height:auto!important;aspect-ratio:16/9!important;border-radius:24px!important;border:1px solid #bcc4cd!important;background:#dfe4e8!important;box-shadow:none!important}
.v45-video-empty{background:#e2e5e7!important}
.v45-video-empty:before{border:1px solid #b9c0c7!important}
.v45-section{padding:76px 0!important}
.v45-section-head{margin-bottom:24px!important}
.v45-section h2{font-size:clamp(32px,4vw,54px)!important}
.v45-live-layout{grid-template-columns:minmax(0,1fr) 330px!important;gap:26px!important}
.v45-live-panel,.v45-moment-card,.v45-infra,.v45-ad{border-radius:18px!important;background:#f7f7f5!important;border:1px solid #d9dde1!important}
.v45-live-card{border-radius:12px!important;background:#fff!important;border-color:#d9dde1!important}
.v45-live-image{background:#d8e0e8!important}
.v45-live-cat{background:#15171a!important}
.v45-watch{background:var(--sh-blue)!important;border-radius:999px!important}
.v45-infra-layout{gap:26px!important}
.v45-infra{padding:28px!important}
.v45-flow-card{background:#ecefed!important;border-color:#d6dade!important;border-radius:10px!important}
.v45-flow-arrow{color:var(--sh-blue)!important}
.v45-ad{padding:14px!important}
.v45-ad-slot{background:#e5e8ea!important;border-radius:10px!important}
.v45-features{background:#f7f7f5!important;border:1px solid #d9dde1!important;border-radius:16px!important;box-shadow:none!important}
.v45-feature{background:transparent!important;border-right:1px solid #d9dde1!important}
.v45-feature .num{color:var(--sh-blue)!important}
.v45-lower-box{background:#e8ebea!important}
.v45-footer{background:#1d1e20!important;color:#f4f4f1!important}
.v45-footer p,.v45-footer a{color:#b6babf!important}
.v45-footer h4{color:#f4f4f1!important}
.v45-news input{background:#2a2c2f!important;border-color:#4a4d51!important}
.v45-news button{background:var(--sh-blue)!important}

/* Public forms/auth: editorial, not glassmorphism */
input,select,textarea{background:#fff!important;color:#17191d!important;border:1px solid #cfd4da!important;box-shadow:none!important}
input:focus,select:focus,textarea:focus{border-color:var(--sh-blue)!important;box-shadow:0 0 0 3px rgba(18,104,255,.10)!important}
.field label,.choice label,.platform-box label{color:#2e343b!important}
.choice,.platform-box,.free-note,.hint,.join-note,.info,.info-row{background:#ecefed!important;border-color:#d3d8dd!important}
.btn.primary,.login-btn,.reset-btn,.join-btn,.small-btn.primary{background:var(--sh-blue)!important;border-color:var(--sh-blue)!important}
.btn.secondary,.small-btn{background:#fff!important;color:#17191d!important;border:1px solid #c9cfd5!important}

/* Dark theme: black editorial studio, blue only */
html[data-theme="dark"] body,
html[data-theme="dark"] body.v45-home{background:#0b0c0e!important;color:#f2f3f4!important}
html[data-theme="dark"] .section,html[data-theme="dark"] .page,html[data-theme="dark"] .hero{background:#0b0c0e!important;color:#f2f3f4!important}
html[data-theme="dark"] .nav,html[data-theme="dark"] .v45-nav{background:#17181a!important}
html[data-theme="dark"] .navlinks a,html[data-theme="dark"] .v45-navlinks a{color:#f1f2f3!important}
html[data-theme="dark"] .navlinks a:hover,html[data-theme="dark"] .v45-navlinks a:hover{color:var(--sh-blue)!important}
html[data-theme="dark"] .v45-hero{background-image:linear-gradient(90deg,rgba(11,12,14,.98),rgba(11,12,14,.88) 34%,rgba(11,12,14,.58) 60%,rgba(11,12,14,.18)),var(--v45-bg-image),url('/streamerhub-tanzania-background.png')!important}
html[data-theme="dark"] .v45-hero:after{background:linear-gradient(180deg,transparent,rgba(11,12,14,.92))!important}
html[data-theme="dark"] .v45-hero h1{color:#f2f3f4!important}
html[data-theme="dark"] .v45-hero p,html[data-theme="dark"] .lead,html[data-theme="dark"] .intro,html[data-theme="dark"] .page-title .lead{color:#b7bcc3!important}
html[data-theme="dark"] .v45-video-frame{background:#17191c!important;border-color:#363a40!important}
html[data-theme="dark"] .v45-video-empty{background:#15171a!important}
html[data-theme="dark"] .v45-video-empty:before{border-color:#3b3f45!important}
html[data-theme="dark"] .card,html[data-theme="dark"] .box,html[data-theme="dark"] .creator,html[data-theme="dark"] .creator-card,html[data-theme="dark"] .benefit,html[data-theme="dark"] .step,html[data-theme="dark"] .section-card,html[data-theme="dark"] .dash-card,html[data-theme="dark"] .status-card,html[data-theme="dark"] .login-card,html[data-theme="dark"] .reset-card,html[data-theme="dark"] .admin-login-card,html[data-theme="dark"] .hero-card,html[data-theme="dark"] .v45-live-panel,html[data-theme="dark"] .v45-live-card,html[data-theme="dark"] .v45-moment-card,html[data-theme="dark"] .v45-infra,html[data-theme="dark"] .v45-ad,html[data-theme="dark"] .v45-flow-card,html[data-theme="dark"] .v45-feature,html[data-theme="dark"] .v45-lower-box{background:#141619!important;border-color:#2a2d32!important;color:#f1f2f3!important}
html[data-theme="dark"] .card h3,html[data-theme="dark"] .box h3,html[data-theme="dark"] .creator h3,html[data-theme="dark"] .v45-flow-card strong,html[data-theme="dark"] .v45-feature h3{color:#f1f2f3!important}
html[data-theme="dark"] .card p,html[data-theme="dark"] .box p,html[data-theme="dark"] .creator p,html[data-theme="dark"] .creator-description,html[data-theme="dark"] .v45-live-body p,html[data-theme="dark"] .v45-flow-card small,html[data-theme="dark"] .v45-feature p{color:#aeb4bc!important}
html[data-theme="dark"] .v45-flow-card{background:#191b1e!important}
html[data-theme="dark"] .v45-live-card{background:#111315!important}
html[data-theme="dark"] .v45-live-image{background:#20242a!important}
html[data-theme="dark"] .v45-ad-slot{background:#1b1d20!important}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#15171a!important;color:#f1f2f3!important;border-color:#34383e!important}
html[data-theme="dark"] .field label,html[data-theme="dark"] .choice label,html[data-theme="dark"] .platform-box label{color:#e1e4e8!important}
html[data-theme="dark"] .choice,html[data-theme="dark"] .platform-box,html[data-theme="dark"] .free-note,html[data-theme="dark"] .hint,html[data-theme="dark"] .join-note,html[data-theme="dark"] .info,html[data-theme="dark"] .info-row{background:#17191c!important;border-color:#2d3035!important}
html[data-theme="dark"] .btn.secondary,html[data-theme="dark"] .small-btn{background:#17191c!important;color:#f1f2f3!important;border-color:#3a3e44!important}
html[data-theme="dark"] .section{border-top-color:#24272c!important}

/* Admin: studio-console, no gradient/glass card maze */
.admin-page{background:#f3f4f2!important;color:#17191d!important}
.admin-shell{gap:30px!important}
.admin-sidebar{background:#1d1e20!important;border:0!important;border-radius:24px!important;box-shadow:none!important;padding:18px!important}
.admin-sidebar-brand{border-bottom:1px solid #3a3c40!important}
.admin-sidebar-brand strong{color:#fff!important}
.admin-sidebar-brand span,.admin-sidebar-footer{color:#aeb2b7!important}
.admin-nav-item{border:0!important;border-radius:10px!important;color:#bfc3c8!important;background:transparent!important}
.admin-nav-item:hover{background:#2a2c2f!important;color:#fff!important}
.admin-nav-item.active{background:var(--sh-blue)!important;color:#fff!important;box-shadow:none!important}
.admin-content .section-card,.admin-content .stat,.analytics-card{background:#f7f7f5!important;border:1px solid #d7dbe0!important;border-radius:14px!important;box-shadow:none!important}
.admin-content .section-card{padding:28px!important}
.admin-content .stat{padding:22px!important}
.admin-content .section-head h2,.admin-content .topbar h1{color:#17191d!important;font-weight:800!important}
.admin-content .section-head p,.admin-content .topbar p,.admin-content .muted,.admin-content .hint{color:#68717c!important}
.admin-content .table-wrap{border-color:#d7dbe0!important;border-radius:10px!important}
.admin-content .table th{color:#68717c!important}
.admin-content .table td{color:#252a30!important;border-color:#e0e3e6!important}
.admin-content .filters input,.admin-content .filters select,.admin-content .media-card input,.admin-content .media-card select,.admin-content .media-card textarea{background:#fff!important;color:#17191d!important;border-color:#ccd1d7!important}
.admin-content .home-control,.admin-content .detail,.admin-content .media-item{background:#eef0ee!important;border-color:#d5d9dd!important}
.admin-content .role{background:#e8edf7!important;color:#2557a8!important;border-color:#b8c8e5!important}
.admin-content .small-btn{border-radius:999px!important}
.admin-content .small-btn.primary{color:#fff!important}
.admin-content .modal-card{background:#f7f7f5!important;color:#17191d!important;border-color:#d2d7dc!important}
.admin-content .close{color:#17191d!important}

html[data-theme="dark"] .admin-page{background:#0b0c0e!important;color:#f1f2f3!important}
html[data-theme="dark"] .admin-content .section-card,html[data-theme="dark"] .admin-content .stat,html[data-theme="dark"] .analytics-card{background:#141619!important;border-color:#2a2d32!important;color:#f1f2f3!important}
html[data-theme="dark"] .admin-content .section-head h2,html[data-theme="dark"] .admin-content .topbar h1{color:#f1f2f3!important}
html[data-theme="dark"] .admin-content .section-head p,html[data-theme="dark"] .admin-content .topbar p,html[data-theme="dark"] .admin-content .muted,html[data-theme="dark"] .admin-content .hint{color:#aeb4bc!important}
html[data-theme="dark"] .admin-content .table td{color:#e3e5e8!important;border-color:#2b2e33!important}
html[data-theme="dark"] .admin-content .table-wrap{border-color:#2b2e33!important}
html[data-theme="dark"] .admin-content .filters input,html[data-theme="dark"] .admin-content .filters select,html[data-theme="dark"] .admin-content .media-card input,html[data-theme="dark"] .admin-content .media-card select,html[data-theme="dark"] .admin-content .media-card textarea{background:#15171a!important;color:#f1f2f3!important;border-color:#34383e!important}
html[data-theme="dark"] .admin-content .home-control,html[data-theme="dark"] .admin-content .detail,html[data-theme="dark"] .admin-content .media-item{background:#17191c!important;border-color:#2d3035!important}
html[data-theme="dark"] .admin-content .modal-card{background:#141619!important;color:#f1f2f3!important;border-color:#2d3035!important}
html[data-theme="dark"] .admin-content .close{color:#f1f2f3!important}

/* Mobile: preserve editorial whitespace and never push content off canvas */
@media(max-width:900px){
  .nav,.v45-nav{width:calc(100% - 20px)!important;margin:10px auto 0!important;top:8px!important;border-radius:28px!important}
  .nav .container,.v45-nav .v45-wrap{padding:0 14px!important}
  .hero,.page,.section{padding-left:0!important;padding-right:0!important}
  .v45-hero{min-height:auto!important}
  .v45-hero .v45-wrap{grid-template-columns:1fr!important;min-height:auto!important;padding:72px 0 50px!important}
  .v45-hero h1{font-size:clamp(42px,12vw,64px)!important;letter-spacing:-2px!important}
  .v45-video-frame{width:100%!important;aspect-ratio:16/9!important;height:auto!important}
  .v45-live-grid{grid-template-columns:1fr!important}
  .v45-features{grid-template-columns:1fr!important}
  .v45-feature{border-right:0!important;border-bottom:1px solid #d9dde1!important}
  .v45-feature:last-child{border-bottom:0!important}
  .admin-shell{padding:12px 10px 55px!important}
}
@media(max-width:700px){
  .nav,.v45-nav{height:68px!important}
  .navlinks,.v45-navlinks{background:#1d1e20!important;border-radius:0 0 20px 20px!important}
  html[data-theme="light"] .navlinks,html[data-theme="light"] .v45-navlinks{background:#1d1e20!important}
  .section{padding:58px 0!important}
  .page{padding:65px 0 50px!important}
}