:root{--bg:#050813;--panel:#0c1326;--panel2:#111a33;--text:#eef7ff;--muted:#91a4bc;--accent:#00ffc6;--accent2:#39a7ff;--danger:#ff4d6d;--warn:#ffd166;--ok:#40f99b;--border:rgba(255,255,255,.11)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#101b3f,#050813 55%);color:var(--text);font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;min-height:100vh}a{color:var(--accent);text-decoration:none}.bg-orb{position:fixed;width:260px;height:260px;border-radius:50%;filter:blur(80px);opacity:.28;z-index:-1}.bg-orb.one{background:var(--accent);top:5%;left:5%}.bg-orb.two{background:var(--accent2);right:5%;bottom:10%}.topnav{display:flex;justify-content:space-between;align-items:center;padding:18px 5%;position:sticky;top:0;background:rgba(5,8,19,.72);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);z-index:10}.brand{font-weight:900;color:#fff;font-size:22px}.brand span,.logo span{display:block;font-size:11px;color:var(--accent);letter-spacing:.12em}.topnav div{display:flex;gap:18px;align-items:center}.btn,button.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#021018;font-weight:800;padding:12px 18px;cursor:pointer;box-shadow:0 0 28px rgba(0,255,198,.24)}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--border);box-shadow:none}.btn.small{padding:8px 12px;border-radius:10px}.btn.full{width:100%}.hero{display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:center;padding:70px 5%}.hero h1{font-size:clamp(36px,7vw,78px);line-height:.95;margin:0 0 18px}.hero p{color:var(--muted);font-size:18px;max-width:760px}.eyebrow{color:var(--accent)!important;font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:13px!important}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero-card,.card,.auth-card{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid var(--border);border-radius:24px;padding:24px;box-shadow:0 20px 80px rgba(0,0,0,.3)}.pulse{height:160px;border-radius:20px;background:radial-gradient(circle,var(--accent),transparent 62%);animation:pulse 2s infinite}@keyframes pulse{50%{transform:scale(.94);opacity:.6}}.grid{display:grid;gap:18px}.features{grid-template-columns:repeat(5,minmax(0,1fr));padding:25px 5%}.pricing{grid-template-columns:repeat(4,minmax(0,1fr))}.directory{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px}.section,.page{padding:45px 5%}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.steps div{background:var(--panel);border:1px solid var(--border);padding:20px;border-radius:18px}.footer{padding:25px 5%;border-top:1px solid var(--border);color:var(--muted)}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{width:min(520px,100%)}label{display:block;margin:13px 0;color:var(--muted);font-weight:700}input,select,textarea{width:100%;margin-top:7px;padding:13px 14px;border-radius:14px;border:1px solid var(--border);background:#071025;color:var(--text);outline:none}textarea{min-height:110px}.check{display:flex;gap:10px;align-items:center}.check input{width:auto}.alert{border-radius:14px;padding:12px 14px;margin:12px 0;border:1px solid var(--border)}.alert-success{background:rgba(64,249,155,.12)}.alert-danger{background:rgba(255,77,109,.12)}.alert-warning{background:rgba(255,209,102,.12)}.dash{display:flex;min-height:100vh}.sidebar{width:280px;background:rgba(7,12,28,.86);border-right:1px solid var(--border);padding:20px;position:fixed;left:0;top:0;bottom:0;overflow:auto}.logo{font-size:24px;font-weight:900;margin-bottom:22px}.sidebar nav{display:grid;gap:6px}.sidebar a{color:var(--muted);padding:11px 12px;border-radius:12px}.sidebar a:hover{background:rgba(255,255,255,.07);color:#fff}.main{margin-left:280px;width:calc(100% - 280px)}.bar{height:68px;display:flex;justify-content:space-between;align-items:center;padding:0 24px;background:rgba(5,8,19,.72);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}.hamb{display:none}.content{padding:24px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat{background:linear-gradient(180deg,rgba(0,255,198,.12),rgba(255,255,255,.04));border:1px solid var(--border);padding:20px;border-radius:20px}.stat span{display:block;color:var(--muted);font-size:13px}.stat b{display:block;font-size:28px;margin:5px 0}.stat small{color:var(--muted)}.table-wrap{overflow:auto;border-radius:16px;border:1px solid var(--border)}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:12px;border-bottom:1px solid var(--border);text-align:left}th{color:var(--accent);background:rgba(255,255,255,.04)}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#26334d;color:#fff;font-size:12px}.badge.connected,.badge.active,.badge.approved,.badge.success{background:rgba(64,249,155,.18);color:var(--ok)}.badge.disabled,.badge.failed,.badge.rejected,.badge.webhook-failed{background:rgba(255,77,109,.18);color:var(--danger)}.badge.pending,.badge.warning{background:rgba(255,209,102,.18);color:var(--warn)}.muted{color:var(--muted)}.searchbar{display:flex;gap:12px}.dir-head{display:flex;justify-content:space-between;gap:10px}.price b{font-size:34px;color:var(--accent)}pre{white-space:pre-wrap;background:#050916;border:1px solid var(--border);border-radius:14px;padding:14px;color:var(--accent)}@media(max-width:1050px){.features{grid-template-columns:repeat(2,1fr)}.pricing,.directory,.stats,.steps{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.sidebar{transform:translateX(-100%);transition:.2s}.dash.open .sidebar{transform:none}.main{margin-left:0;width:100%}.hamb{display:block}.topnav{align-items:flex-start}.topnav div{display:none}}@media(max-width:620px){.features,.pricing,.directory,.stats,.steps{grid-template-columns:1fr}.hero{padding-top:40px}.content{padding:14px}.bar{padding:0 14px}.searchbar{display:grid}.hero h1{font-size:42px}}

/* WINMGS Settings Redesign Patch */
.brand-with-logo{display:flex;align-items:center;gap:12px;color:#fff}.brand-with-logo img,.logo-wrap img{width:42px;height:42px;object-fit:cover;border-radius:14px;border:1px solid var(--border);background:rgba(255,255,255,.08)}.brand-with-logo span{display:flex;flex-direction:column}.brand-with-logo b{font-size:18px}.brand-with-logo small{font-size:11px;color:var(--accent);letter-spacing:.1em;text-transform:uppercase}.logo-wrap{display:flex;align-items:center;gap:12px;margin-bottom:22px}.sidebar a.active{background:linear-gradient(135deg,rgba(0,255,198,.16),rgba(57,167,255,.10));color:#fff;border:1px solid var(--border)}.bar strong{display:block}.bar small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.settings-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px;overflow:hidden;position:relative}.settings-hero:after{content:"";position:absolute;right:-70px;top:-70px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,var(--accent),transparent 68%);opacity:.35}.settings-hero h1{font-size:clamp(28px,4vw,46px);margin:4px 0 10px}.settings-status{display:grid;gap:8px;justify-items:flex-end;min-width:190px}.settings-shell{display:grid;grid-template-columns:310px minmax(0,1fr);gap:18px;align-items:start}.settings-nav{position:sticky;top:88px;max-height:calc(100vh - 105px);overflow:auto}.settings-nav h3{margin-top:0}.settings-nav-item{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;color:var(--muted);padding:12px;border-radius:16px;border:1px solid transparent;margin:6px 0}.settings-nav-item span{font-size:22px}.settings-nav-item.active,.settings-nav-item:hover{background:linear-gradient(135deg,rgba(0,255,198,.16),rgba(57,167,255,.09));border-color:var(--border);color:#fff}.settings-main{min-width:0}.settings-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border-bottom:1px solid var(--border);padding-bottom:18px;margin-bottom:18px}.settings-title-row h2{margin:0 0 8px;font-size:30px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.setting-field{background:rgba(255,255,255,.035);border:1px solid var(--border);border-radius:18px;padding:14px}.setting-field label{margin:0 0 8px;color:#dbeafe}.field-help{display:block;color:var(--muted);margin:-3px 0 8px}.setting-field input,.setting-field select,.setting-field textarea{margin-top:0}.setting-type-textarea,.setting-type-file{grid-column:1/-1}.settings-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px;padding-top:18px;border-top:1px solid var(--border)}.file-preview{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px;color:var(--muted);background:rgba(0,0,0,.16);border-radius:12px;padding:10px}.file-preview img{width:74px;height:74px;object-fit:cover;border-radius:14px;border:1px solid var(--border)}.color-row{display:grid;grid-template-columns:80px 1fr;gap:10px}.color-row input[type=color]{height:46px;padding:4px}.section-map{margin-top:18px}.steps.compact{grid-template-columns:repeat(5,1fr)}.steps.compact div{display:grid;gap:8px}.steps.compact b{width:32px;height:32px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:grid;place-items:center;color:#021018}.theme-light{--bg:#eef6ff;--panel:#ffffff;--panel2:#f4f8ff;--text:#0b1220;--muted:#53657d;--border:rgba(15,23,42,.12);background:#eef6ff;color:var(--text)}.theme-light body,.theme-light .sidebar{background:#fff}.theme-light input,.theme-light select,.theme-light textarea{background:#fff;color:var(--text)}@media(max-width:1050px){.settings-shell{grid-template-columns:1fr}.settings-nav{position:relative;top:auto;max-height:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.settings-nav h3{grid-column:1/-1}.steps.compact{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.settings-hero,.settings-title-row{display:grid}.settings-status{justify-items:start}.settings-grid,.settings-nav{grid-template-columns:1fr}.setting-type-textarea,.setting-type-file{grid-column:auto}.color-row{grid-template-columns:1fr}.steps.compact{grid-template-columns:1fr}}
.hero-banner{width:100%;max-height:240px;object-fit:cover;border-radius:20px;border:1px solid var(--border);margin-top:12px}

/* Android app / PWA download update */
.bar-actions{display:flex;align-items:center;gap:12px}.app-admin-cards{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.download-hero{display:grid;grid-template-columns:1fr 300px;gap:22px;align-items:center;margin-bottom:18px}.app-download-page{padding-top:34px}.phone-preview{width:250px;height:430px;border:10px solid rgba(255,255,255,.14);border-radius:38px;background:linear-gradient(180deg,rgba(0,255,198,.14),rgba(57,167,255,.09));box-shadow:0 30px 80px rgba(0,0,0,.35);display:grid;place-content:center;text-align:center;margin:auto;position:relative;overflow:hidden}.phone-preview:after{content:"";position:absolute;inset:20px;border:1px solid var(--border);border-radius:26px}.phone-preview.admin{background:linear-gradient(180deg,rgba(57,167,255,.18),rgba(0,255,198,.07))}.phone-preview h3{font-size:34px;margin:0;color:var(--accent)}.phone-preview p{color:var(--muted);margin:8px 0}.phone-preview span{display:inline-flex;justify-content:center;padding:8px 12px;border-radius:999px;background:rgba(64,249,155,.15);color:var(--ok);font-weight:800}.phone-bar{position:absolute;top:16px;left:50%;transform:translateX(-50%);width:70px;height:7px;border-radius:999px;background:rgba(255,255,255,.28)}.app-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.pwa-install[hidden]{display:inline-flex!important;opacity:.75}.btn.disabled{opacity:.65}.topnav .btn.small{white-space:nowrap}@media(max-width:760px){.download-hero{grid-template-columns:1fr}.phone-preview{width:210px;height:360px}.app-feature-grid,.app-admin-cards{grid-template-columns:1fr}.bar-actions .btn.small{display:none}}

/* WINMGS Professional Header + Hero Fix 2026-06-09
   Fixes oversized logo/header on Android mobile and gives the home page a compact premium look. */
.public-area .topnav{
  min-height:64px!important;
  padding:10px clamp(14px,4vw,48px)!important;
  align-items:center!important;
  background:rgba(5,8,19,.88)!important;
}
.public-area .brand-with-logo{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
  max-width:min(68vw,460px)!important;
  overflow:hidden!important;
}
.public-area .topnav .brand-with-logo img,
.public-area .brand-with-logo>img,
.public-area nav.topnav img{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  object-fit:cover!important;
  border-radius:12px!important;
  display:block!important;
}
.public-area .brand-with-logo span{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  line-height:1.1!important;
}
.public-area .brand-with-logo b{
  font-size:clamp(14px,3.4vw,18px)!important;
  line-height:1.15!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.public-area .brand-with-logo small{
  font-size:10px!important;
  letter-spacing:.08em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.hero.hero-compact{
  padding:clamp(28px,6vw,66px) clamp(16px,5vw,70px)!important;
  gap:clamp(18px,4vw,34px)!important;
  min-height:auto!important;
}
.hero-compact .hero-text{min-width:0;order:1}.hero-compact .professional-hero-card{order:2}
.hero-compact h1{
  font-size:clamp(34px,6.6vw,68px)!important;
  line-height:1.02!important;
  letter-spacing:-.04em!important;
  max-width:760px!important;
}
.hero-lead{font-size:clamp(15px,2.6vw,18px)!important;line-height:1.65!important;color:#a9bad2!important;max-width:680px!important}.hero-actions{margin-top:22px}.professional-hero-card{padding:0!important;overflow:hidden!important;position:relative!important;border-radius:28px!important;background:linear-gradient(160deg,rgba(0,255,198,.13),rgba(57,167,255,.07) 42%,rgba(255,255,255,.045))!important}.hero-logo-box{height:170px!important;display:grid!important;place-items:center!important;padding:18px!important;background:radial-gradient(circle at 50% 20%,rgba(0,255,198,.20),transparent 58%)!important;border-bottom:1px solid var(--border)!important}.hero-logo-img,.hero-banner,.professional-hero-card img{width:auto!important;height:auto!important;max-width:160px!important;max-height:120px!important;object-fit:contain!important;border-radius:22px!important;border:1px solid rgba(255,255,255,.12)!important;background:rgba(2,8,18,.45)!important;box-shadow:0 22px 65px rgba(0,0,0,.24)!important}.hero-card-content{padding:22px!important}.hero-card-content h3{margin:13px 0 8px!important;font-size:24px!important}.hero-card-content p{font-size:15px!important;line-height:1.55!important;margin:0!important}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.mini-stats div{border:1px solid var(--border);border-radius:16px;padding:12px;background:rgba(5,8,19,.45)}.mini-stats b{display:block;color:#fff;font-size:14px}.mini-stats span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.professional-features{padding-top:12px!important}.professional-features .card{transition:transform .18s ease,border-color .18s ease}.professional-features .card:hover{transform:translateY(-3px);border-color:rgba(0,255,198,.35)}
@media(max-width:1050px){
  .hero.hero-compact{grid-template-columns:1fr!important}.hero-compact .hero-text{order:1!important}.hero-compact .professional-hero-card{order:2!important}.public-area .topnav div{display:none!important}
}
@media(max-width:620px){
  .public-area .topnav{min-height:58px!important;padding:9px 14px!important}.public-area .topnav .brand-with-logo img,.public-area .brand-with-logo>img,.public-area nav.topnav img{width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;min-height:36px!important;max-height:36px!important;border-radius:10px!important}.public-area .brand-with-logo{max-width:92vw!important}.hero.hero-compact{padding:26px 18px 22px!important}.hero-compact h1{font-size:36px!important;line-height:1.06!important}.eyebrow{font-size:11px!important;letter-spacing:.1em!important}.hero-actions .btn{width:100%;padding:12px 14px!important}.professional-hero-card{border-radius:22px!important}.hero-logo-box{height:112px!important;padding:12px!important}.hero-logo-img,.hero-banner,.professional-hero-card img{max-width:96px!important;max-height:78px!important;border-radius:16px!important}.hero-card-content{padding:16px!important}.hero-card-content h3{font-size:20px!important}.mini-stats{grid-template-columns:1fr 1fr 1fr;gap:7px}.mini-stats div{padding:9px 7px}.features{padding-top:16px!important}
}

/* WINMGS Header Login/Register/Profile Update 2026-06-09 */
.public-area .public-topnav{gap:16px!important}.public-area .public-topnav .nav-links,.public-area .public-topnav .nav-actions{display:flex!important;align-items:center!important;gap:14px!important}.public-area .public-topnav .nav-links{margin-left:auto}.public-area .public-topnav .nav-actions{position:relative}.profile-menu{position:relative}.profile-menu summary{list-style:none;display:flex;align-items:center;gap:9px;cursor:pointer;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.055);padding:7px 10px 7px 7px;color:#fff}.profile-menu summary::-webkit-details-marker{display:none}.profile-avatar{width:32px;height:32px;border-radius:999px;display:inline-grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#021018;font-weight:900;box-shadow:0 0 24px rgba(0,255,198,.22)}.profile-avatar.big{width:74px;height:74px;font-size:32px}.profile-name{max-width:125px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:800}.profile-dropdown{position:absolute;right:0;top:calc(100% + 10px);width:240px;background:rgba(7,12,28,.98);border:1px solid var(--border);border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.42);padding:12px;display:grid;gap:8px;z-index:50}.profile-dropdown strong{color:#fff}.profile-dropdown small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-dropdown a{padding:10px;border-radius:12px;color:var(--text)}.profile-dropdown a:hover{background:rgba(255,255,255,.07);color:#fff}.profile-summary-card{display:grid;justify-items:center;text-align:center;gap:8px;min-width:210px}.profile-summary-card small{color:var(--muted)}.profile-grid{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:start}.soft-sep{border:0;border-top:1px solid var(--border);margin:18px 0}.profile-info-list{display:grid;gap:12px}.profile-info-list div{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--border);border-radius:14px;padding:12px;background:rgba(255,255,255,.035)}.profile-info-list span{color:var(--muted)}
@media(max-width:1050px){.public-area .topnav .nav-links{display:none!important}.public-area .topnav .nav-actions{display:flex!important;margin-left:auto!important}.public-area .public-topnav{align-items:center!important}.profile-name{display:none}.profile-menu summary{padding:6px}.public-area .public-topnav .nav-actions .btn.small{padding:8px 10px!important}}
@media(max-width:620px){.public-area .brand-with-logo{max-width:54vw!important}.public-area .brand-with-logo b{font-size:13px!important}.public-area .brand-with-logo small{font-size:9px!important}.public-area .public-topnav .nav-actions{gap:7px!important}.public-area .public-topnav .nav-actions .btn.small{font-size:12px!important;padding:7px 9px!important}.profile-dropdown{right:-6px;width:218px}.profile-grid{grid-template-columns:1fr}.profile-summary-card{justify-items:start;text-align:left;grid-template-columns:74px 1fr;align-items:center}.profile-summary-card small{grid-column:2}.profile-info-list div{display:grid}.bar-actions .btn.small.ghost[href$="profile.php"]{display:inline-flex}}

/* WINMGS Full Action/Redirect Fix 2026-06-09 */
.setup-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}.action-card{display:flex;flex-direction:column;gap:10px;color:var(--text)!important;min-height:150px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;position:relative;overflow:hidden}.action-card:after{content:"";position:absolute;right:-45px;top:-45px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(0,255,198,.16),transparent 70%);pointer-events:none}.action-card:hover{transform:translateY(-3px);border-color:rgba(0,255,198,.42);box-shadow:0 18px 65px rgba(0,255,198,.08)}.action-card h3{margin:0;font-size:20px}.action-card p{margin:0;color:var(--muted);line-height:1.55}.action-card .btn{margin-top:auto;width:max-content}.empty-cta{border-color:rgba(255,209,102,.35);background:linear-gradient(180deg,rgba(255,209,102,.11),rgba(255,255,255,.035))}.quick-live-links{padding-top:20px}.feature-card{min-height:175px}.public-area .topnav{pointer-events:auto!important}.btn,.action-card,a,button{touch-action:manipulation}.settings-hero form{position:relative;z-index:2}.table-wrap a{font-weight:800}.bar-actions a{white-space:nowrap}.setup-grid .card{min-width:0}@media(max-width:1050px){.setup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-area .public-topnav .nav-actions{display:flex!important}}@media(max-width:620px){.setup-grid{grid-template-columns:1fr}.action-card{min-height:130px}.public-area .public-topnav{position:sticky!important;top:0!important}.public-area .public-topnav .nav-actions{margin-left:auto!important}.public-area .public-topnav .nav-actions a.btn.small{display:inline-flex!important}.public-area .public-topnav .nav-actions a.btn.small.ghost{display:inline-flex!important}.public-area .public-topnav .nav-actions a.btn.small:nth-child(2){display:inline-flex!important}.settings-hero{display:grid!important}.settings-hero form .btn{width:100%}.steps.compact{grid-template-columns:1fr!important}.mini-stats{grid-template-columns:1fr!important}}

/* WINMGS AI + attachment + colored button builder update */
.ai-box,.button-builder-box,.soft-card{border:1px solid rgba(0,255,198,.18);border-radius:18px;background:rgba(0,255,198,.045);padding:14px;margin:14px 0}.ai-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.ai-head b{color:#fff}.ai-head small,.tiny{font-size:12px;color:var(--muted)}.ai-row{display:grid;grid-template-columns:minmax(180px,1fr) 150px 130px auto;gap:10px;align-items:center}.ai-row input,.ai-row select{margin:0}.button-row-grid{display:grid;grid-template-columns:1.2fr .9fr 1.4fr 90px 150px;gap:10px;align-items:end;padding:10px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.035);margin-bottom:10px}.button-row-grid label{margin:0}.button-row-grid input,.button-row-grid select{margin-top:6px}.message-slot{border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.035);padding:12px;margin:12px 0}.slot-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.message-slot textarea{min-height:100px}.message-slot .inline-topic{margin-bottom:8px}.ten-message-box .actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.download-actions{display:flex;flex-wrap:wrap;gap:10px}.btn.download-apk{background:linear-gradient(135deg,#00ffc6,#39a7ff);color:#03111f!important}.btn.download-source{background:rgba(255,255,255,.08)}
@media(max-width:850px){.ai-row,.button-row-grid{grid-template-columns:1fr}.ai-head{display:grid}.slot-title{display:grid;justify-items:start}.button-row-grid{gap:8px}}

/* WINMGS AI Settings + Clickable Dashboard + Header Sliding Banner Fix */
.dashboard-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;overflow:hidden;position:relative}.dashboard-hero h1{margin:4px 0 10px;font-size:clamp(28px,4vw,48px)}.dashboard-hero-actions{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:2}.clickable-stats .stat-link{display:block;color:var(--text)!important;text-decoration:none;position:relative}.clickable-stats .stat-link em{display:block;font-style:normal;color:var(--accent);font-weight:800;font-size:12px;margin-top:8px}.clickable-stats .stat-link:hover{transform:translateY(-2px);border-color:rgba(0,255,198,.42);box-shadow:0 18px 55px rgba(0,255,198,.08)}
.header-slider-wrap{position:relative;margin:0 5% 18px;border:1px solid var(--border);border-radius:26px;overflow:hidden;background:rgba(255,255,255,.045);box-shadow:0 22px 70px rgba(0,0,0,.28)}.header-slider{height:var(--banner-h);position:relative;overflow:hidden}.header-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .55s ease,transform .55s ease;transform:scale(1.012)}.header-slide.active{opacity:1;pointer-events:auto;transform:scale(1)}.header-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.02)}.slide-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,8,20,.94),rgba(3,8,20,.68) 48%,rgba(3,8,20,.20));}.slide-content{position:relative;z-index:2;max-width:720px;padding:34px;display:flex;min-height:100%;flex-direction:column;justify-content:center}.slide-content h2{font-size:clamp(28px,5vw,54px);line-height:1.02;margin:0 0 12px;color:#fff}.slide-content p:not(.eyebrow){color:#c4d5ea;line-height:1.62;margin:0 0 16px;font-size:16px}.slide-content .btn{width:max-content}.slider-dots{position:absolute;right:22px;bottom:16px;display:flex;gap:8px;z-index:3}.slider-dot{width:11px;height:11px;border-radius:50%;border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.20);cursor:pointer;padding:0}.slider-dot.active{background:var(--accent);border-color:var(--accent);box-shadow:0 0 20px rgba(0,255,198,.5)}.settings-nav-item[href*="section=ai"],.settings-nav-item[href*="section=banner"]{border-color:rgba(0,255,198,.18)}
@media(max-width:1050px){.dashboard-hero{display:grid}.header-slider-wrap{margin:0 16px 16px}.header-slider{height:var(--banner-h-mobile)}.slide-content{padding:22px}.slide-overlay{background:linear-gradient(90deg,rgba(3,8,20,.95),rgba(3,8,20,.72))}.slider-dots{right:16px;bottom:12px}}
@media(max-width:620px){.dashboard-hero-actions .btn{width:100%}.slide-content h2{font-size:26px}.slide-content p:not(.eyebrow){font-size:13px;line-height:1.45}.slide-content{padding:16px}.slide-content .btn{padding:8px 12px}.slider-dot{width:9px;height:9px}.header-slider-wrap{border-radius:18px}.public-area .header-slider-wrap{margin-top:10px}}

/* WINMGS Slider + Full Website Animation Fix 2026-06-09 */
html{scroll-behavior:smooth}body{overflow-x:hidden}.winmgs-loader{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,rgba(0,255,198,.18),rgba(5,8,19,.96) 44%,#030611 100%);backdrop-filter:blur(18px);transition:opacity .55s ease,visibility .55s ease}.winmgs-loader.hide{opacity:0;visibility:hidden;pointer-events:none}.loader-logo{display:grid;place-items:center;text-align:center;gap:10px;animation:loaderPop .9s cubic-bezier(.2,.9,.2,1) both}.loader-logo img{width:94px;height:94px;object-fit:cover;border-radius:26px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);box-shadow:0 0 45px rgba(0,255,198,.28),0 0 90px rgba(57,167,255,.18);animation:logoPulse 1.6s ease-in-out infinite}.loader-logo strong{font-size:36px;letter-spacing:.08em;color:#fff;text-shadow:0 0 28px rgba(0,255,198,.45)}.loader-logo span{color:var(--accent);font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.loader-bar{width:min(320px,72vw);height:5px;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.12);margin-top:20px;box-shadow:inset 0 0 12px rgba(0,0,0,.35)}.loader-bar i{display:block;width:45%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent2));animation:loaderLine 1.1s ease-in-out infinite;box-shadow:0 0 20px rgba(0,255,198,.5)}@keyframes loaderPop{from{opacity:0;transform:translateY(20px) scale(.94)}to{opacity:1;transform:none}}@keyframes logoPulse{0%,100%{transform:scale(1);filter:saturate(1)}50%{transform:scale(1.06);filter:saturate(1.25)}}@keyframes loaderLine{0%{transform:translateX(-110%)}100%{transform:translateX(240%)}}

body:not(.preloader-active) .topnav,body:not(.preloader-active) .hero,body:not(.preloader-active) .section,body:not(.preloader-active) .footer,body:not(.preloader-active) .dash{animation:pageIn .65s ease both}@keyframes pageIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

.card,.stat,.setting-field,.steps div,.auth-card,.hero-card,.feature-card,.action-card,.table-wrap,.settings-hero,.settings-nav,.settings-main,.directory .card,.price,.quick-live-links .card,.dashboard-hero,.content > .card{transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease,opacity .65s ease;will-change:transform}.card:hover,.stat:hover,.setting-field:hover,.action-card:hover,.feature-card:hover{transform:translateY(-5px);border-color:rgba(0,255,198,.34);box-shadow:0 24px 70px rgba(0,0,0,.28),0 0 24px rgba(0,255,198,.10)}.winmgs-reveal{opacity:0;transform:translateY(22px)}.winmgs-reveal.is-visible{opacity:1;transform:none}.winmgs-reveal:nth-child(2n){transition-delay:.04s}.winmgs-reveal:nth-child(3n){transition-delay:.08s}.btn{position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:-90%;left:-40%;width:40%;height:280%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:rotate(22deg);animation:btnShine 3.6s ease-in-out infinite}@keyframes btnShine{0%,68%{left:-55%;opacity:0}75%{opacity:1}100%{left:130%;opacity:0}}

/* Real sliding carousel: translateX motion instead of only fade */
.header-slider-wrap{isolation:isolate}.header-slider{height:var(--banner-h);position:relative;overflow:visible;display:flex;transition:transform .78s cubic-bezier(.2,.75,.2,1);will-change:transform}.header-slide{position:relative!important;inset:auto!important;flex:0 0 100%;min-width:100%;height:100%;opacity:1!important;pointer-events:auto!important;transform:none!important;overflow:hidden}.header-slide:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 85% 20%,rgba(0,255,198,.16),transparent 26%),linear-gradient(120deg,transparent,rgba(57,167,255,.08),transparent);z-index:1;pointer-events:none}.header-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.08) contrast(1.04);transition:transform 6s ease}.header-slide.active img{transform:scale(1.045)}.header-slide.active .slide-content{animation:slideTextIn .72s cubic-bezier(.2,.85,.2,1) both}.slide-content{z-index:3}.slider-dots{z-index:5}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:42px;height:42px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(5,8,19,.45);backdrop-filter:blur(14px);color:#fff;font-size:32px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 0 24px rgba(0,255,198,.12);transition:.25s}.slider-arrow:hover{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#021018;transform:translateY(-50%) scale(1.06)}.slider-prev{left:14px}.slider-next{right:14px}.header-slider-wrap:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.08);z-index:5}.header-slider-wrap:before{content:"";position:absolute;left:0;bottom:0;height:3px;width:0;background:linear-gradient(90deg,var(--accent),var(--accent2));z-index:6;box-shadow:0 0 18px rgba(0,255,198,.5)}.header-slider-wrap.is-running:before{animation:sliderProgress var(--slider-delay,4s) linear infinite}@keyframes sliderProgress{from{width:0}to{width:100%}}@keyframes slideTextIn{from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:none}}

.brand-with-logo img,.logo-wrap img{animation:brandFloat 3.6s ease-in-out infinite}.brand-with-logo:hover img,.logo-wrap:hover img{animation:logoPulse .9s ease-in-out infinite}@keyframes brandFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}.public-topnav{animation:navDrop .55s ease both}@keyframes navDrop{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}

@media(max-width:1050px){.slider-arrow{width:36px;height:36px;font-size:26px}.slider-prev{left:8px}.slider-next{right:8px}.header-slider{height:var(--banner-h-mobile)}}@media(max-width:620px){.slider-arrow{display:none}.slide-content{max-width:78%;padding-left:18px;padding-right:12px}.header-slide img{object-position:center}.loader-logo img{width:78px;height:78px}.loader-logo strong{font-size:28px}.loader-logo span{font-size:11px}.header-slider-wrap{margin-left:12px;margin-right:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.winmgs-loader{display:none!important}.winmgs-reveal{opacity:1!important;transform:none!important}}


/* WINMGS Admin/User Mobile Sidebar Overlay Fix 2026-06-11
   Fixes hamburger drawer text overlapping dashboard cards on mobile. */
.dash{position:relative;isolation:isolate;}
.sidebar{z-index:1200;}
.bar{z-index:900;}
.hamb{width:44px;height:44px;border-radius:12px;border:1px solid var(--border);background:rgba(255,255,255,.08);color:#fff;font-size:22px;line-height:1;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.24);}
.hamb:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}
@media(max-width:1050px){
  .dash::before{content:"";position:fixed;inset:0;background:rgba(1,4,12,.72);backdrop-filter:blur(8px);z-index:1100;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease;}
  .dash.open::before{opacity:1;visibility:visible;pointer-events:auto;}
  .sidebar{width:min(86vw,320px);max-width:320px;top:0;left:0;bottom:0;position:fixed!important;background:linear-gradient(180deg,rgba(7,12,28,.98),rgba(8,18,38,.98))!important;border-right:1px solid rgba(0,255,198,.22);box-shadow:30px 0 80px rgba(0,0,0,.55),0 0 40px rgba(0,255,198,.10);transform:translateX(-105%);transition:transform .28s cubic-bezier(.2,.75,.2,1);padding:18px;z-index:1200;opacity:1!important;visibility:visible!important;}
  .dash.open .sidebar{transform:translateX(0)!important;}
  .sidebar nav{display:grid!important;gap:6px;}
  .sidebar a{display:flex;align-items:center;min-height:42px;font-size:15px;line-height:1.2;color:#c8d6e8!important;background:transparent;white-space:normal;word-break:break-word;}
  .sidebar a.active,.sidebar a:hover{color:#fff!important;}
  .main{position:relative;z-index:1;margin-left:0!important;width:100%!important;min-width:0;}
  .bar{position:sticky;top:0;z-index:900;background:rgba(5,8,19,.92)!important;}
  .hamb{display:inline-flex!important;position:relative;z-index:1300;flex:0 0 auto;}
  .bar-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;max-width:38%;}
  .bar-actions .btn.small.ghost{display:none;}
  body.sidebar-open{overflow:hidden;touch-action:none;}
}
@media(max-width:620px){
  .sidebar{width:82vw;max-width:300px;padding:16px 14px;}
  .logo-wrap{margin-bottom:14px;}
  .logo-wrap img{width:38px;height:38px;}
  .logo{font-size:20px;margin-bottom:0;}
  .sidebar a{min-height:40px;padding:10px 11px;font-size:14px;}
  .bar{height:auto;min-height:72px;padding:10px 12px;gap:10px;align-items:center;}
  .bar > div:not(.bar-actions){min-width:0;}
  .bar strong{font-size:22px;line-height:1.08;}
  .bar small{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100vw - 170px);}
  .bar-actions{max-width:84px;}
  .bar-actions a:not(:last-child){display:none;}
}

/* WINMGS User Panel Pro Delight Tweaks 2026-06-11 */
.smart-hero{display:grid;grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:22px;overflow:hidden;position:relative}.smart-hero:before{content:"";position:absolute;right:-70px;top:-70px;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,var(--accent),transparent 68%);opacity:.25}.smart-hero h1{font-size:clamp(30px,5vw,58px);line-height:1;margin:8px 0 12px}.smart-score{position:relative;z-index:1;width:160px;height:160px;border-radius:50%;display:grid;place-items:center;text-align:center;background:conic-gradient(var(--accent) var(--p),rgba(255,255,255,.08) 0);box-shadow:0 0 40px rgba(0,255,198,.15);margin:auto}.smart-score:before{content:"";position:absolute;inset:13px;border-radius:50%;background:linear-gradient(180deg,#071025,#101a35);border:1px solid var(--border)}.smart-score b,.smart-score span{position:relative;z-index:1}.smart-score b{font-size:40px;line-height:1}.smart-score span{font-size:12px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.smart-score i{display:none}.launch-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.launch-step{display:grid;gap:4px;padding:15px;border-radius:18px;border:1px solid var(--border);background:rgba(255,255,255,.045);color:#fff}.launch-step small{color:var(--muted)}.launch-step span{color:var(--accent);font-weight:900}.launch-step.done{border-color:rgba(64,249,155,.35);background:rgba(64,249,155,.08)}.launch-step.todo:hover{transform:translateY(-3px);border-color:rgba(0,255,198,.35)}.delight-grid,.lab-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.copy-list{display:grid;gap:10px}.copy-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border-radius:16px;border:1px solid var(--border);background:rgba(255,255,255,.045)}.copy-row span{min-width:0}.copy-row b,.copy-row small{display:block}.copy-row small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px}.badge-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.win-badge{padding:16px;border-radius:18px;border:1px solid var(--border);background:rgba(255,255,255,.045)}.win-badge strong,.win-badge small{display:block}.win-badge small{color:var(--muted);margin-top:4px}.win-badge.unlocked{border-color:rgba(0,255,198,.32);background:linear-gradient(180deg,rgba(0,255,198,.12),rgba(255,255,255,.04));box-shadow:0 0 24px rgba(0,255,198,.08)}.win-badge.locked{opacity:.68;filter:saturate(.7)}.lab-orb{width:150px;height:150px;border-radius:38px;display:grid;place-items:center;font-size:64px;background:radial-gradient(circle,var(--accent),var(--accent2));box-shadow:0 0 60px rgba(0,255,198,.22);transform:rotate(-8deg)}.prompt-chips{display:flex;gap:10px;flex-wrap:wrap}.confetti-dot{position:fixed;top:-20px;width:10px;height:16px;z-index:9999;border-radius:3px;animation:confettiFall 2.2s linear forwards}@keyframes confettiFall{to{transform:translateY(105vh) rotate(720deg);opacity:.2}}.setup-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}.action-card{display:block;color:#fff}.action-card .btn{margin-top:8px}
@media(max-width:1050px){.smart-hero{grid-template-columns:1fr}.launch-checklist,.delight-grid,.lab-grid,.setup-grid{grid-template-columns:1fr}.smart-score{width:132px;height:132px}.smart-score b{font-size:32px}.badge-wall{grid-template-columns:repeat(2,minmax(0,1fr))}.copy-row{align-items:flex-start}.copy-row small{max-width:210px}}
@media(max-width:620px){.badge-wall{grid-template-columns:1fr}.smart-hero h1{font-size:34px}.lab-orb{width:96px;height:96px;font-size:40px}.copy-row{display:grid}.copy-row .btn{width:100%}}