:root{
  --bg:#eef4fb;--surface:#ffffff;--surface-2:#f7faff;--ink:#07152d;--muted:#6d7f99;--line:#dbe5f2;
  --blue:#1677ff;--blue-2:#2c55f7;--cyan:#43d8ff;--navy:#07172f;--navy-2:#123566;--green:#10b981;--amber:#f59e0b;--red:#ef476f;
  --shadow:0 16px 44px rgba(23,58,105,.10);--shadow-soft:0 8px 24px rgba(23,58,105,.08);
  --radius:18px;--radius-lg:24px;--radius-sm:12px;--side:248px;--top:70px;
}
:root[data-theme="dark"]{
  --bg:#08111f;--surface:#0f1c2e;--surface-2:#132238;--ink:#f5f8ff;--muted:#9db0ca;--line:#223652;
  --navy:#06111f;--navy-2:#10294d;--shadow:0 18px 48px rgba(0,0,0,.34);--shadow-soft:0 8px 26px rgba(0,0,0,.22)
}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Oxanium',system-ui,sans-serif;font-size:16px;line-height:1.45}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}a{text-decoration:none;color:inherit}
svg{display:block}.boot{min-height:100vh;display:grid;place-items:center;align-content:center;gap:10px}.boot-mark,.brandmark{display:grid;place-items:center;background:linear-gradient(145deg,#1ac7ff,#3155ff);color:#fff;box-shadow:0 10px 26px rgba(22,119,255,.28)}.boot-mark{width:52px;height:52px;border-radius:14px;font-weight:800}.boot span{color:var(--muted);font-size:15px}
.brand{display:flex;align-items:center;gap:12px}.brandmark{width:38px;height:38px;border-radius:11px;font-weight:800}.brand strong{font-size:19px;letter-spacing:-.02em}
.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(440px,.9fr)}.login-visual{position:relative;overflow:hidden;padding:52px 8vw;background:radial-gradient(circle at 75% 75%,rgba(35,96,180,.52),transparent 32%),linear-gradient(145deg,#06152d 0%,#0d2b59 62%,#263172 100%);color:#fff}.login-brand{position:relative;z-index:2}.login-copy{position:absolute;left:8vw;right:8vw;top:50%;transform:translateY(-47%);max-width:650px;z-index:2}.kicker,.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800;letter-spacing:.14em;color:var(--blue);text-transform:uppercase}.login-copy .kicker{border:1px solid rgba(255,255,255,.22);padding:8px 13px;border-radius:999px;color:#d9e7ff}.login-copy h1{font-size:clamp(52px,5.4vw,86px);line-height:.97;letter-spacing:-.05em;margin:26px 0 22px}.login-copy h1 span{color:var(--cyan)}.login-copy p{font-size:19px;line-height:1.65;color:#d6e1f4;max-width:620px}.social-preview{display:flex;gap:12px;flex-wrap:wrap;margin-top:38px}.preview-chip{display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);padding:11px 14px;border-radius:13px;font-size:15px;font-weight:600;backdrop-filter:blur(12px)}.preview-avatar{width:29px;height:29px;border-radius:9px;background:linear-gradient(145deg,#ff9a74,#ffca64);display:grid;place-items:center;color:#fff;font-weight:800}.login-orbit{position:absolute;width:560px;height:560px;border:1px solid rgba(105,210,255,.22);border-radius:50%;right:-190px;bottom:-140px;box-shadow:0 0 0 54px rgba(91,198,255,.04),0 0 0 108px rgba(91,198,255,.025)}.login-side{display:grid;place-items:center;padding:36px;background:linear-gradient(135deg,var(--bg),var(--surface-2))}.login-card{width:min(100%,470px);background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:38px;box-shadow:var(--shadow)}.login-card h2{font-size:32px;margin:8px 0 6px;letter-spacing:-.03em}.login-card>p{color:var(--muted);margin:0 0 26px;font-size:16px}.login-meta{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:14px;margin-top:14px}.error{background:#fff0f4;border:1px solid #ffd2dc;color:#b52d50;padding:12px 14px;border-radius:12px;margin:12px 0;font-size:14px;font-weight:700}:root[data-theme="dark"] .error{background:#3d1721;border-color:#672336;color:#ffb4c6}
.field{display:grid;gap:8px;margin:15px 0}.field>span,.field-label{font-size:14px;font-weight:700;color:var(--ink)}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:13px;padding:14px 15px;outline:none;transition:.18s;border-width:1px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(22,119,255,.10);background:var(--surface)}.field textarea{min-height:110px;resize:vertical}
.btn{border:0;border-radius:12px;padding:12px 17px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;font-size:14px;transition:.18s}.btn.primary{background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;box-shadow:0 10px 22px rgba(22,119,255,.18)}.btn.primary:hover{transform:translateY(-1px);box-shadow:0 13px 26px rgba(22,119,255,.24)}.btn.secondary{background:var(--surface);border:1px solid var(--line);color:var(--ink)}.btn.secondary:hover{border-color:#b9cae1;background:var(--surface-2)}.btn.glass{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);color:#fff;backdrop-filter:blur(10px)}.btn.ghostDark{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#fff}.btn.danger{background:#fff0f3;color:#c43254;border:1px solid #ffd5df}.btn.wide{width:100%}
.shell{display:grid;grid-template-columns:var(--side) minmax(0,1fr);min-height:100vh;transition:grid-template-columns .22s ease}.shell.side-collapsed{--side:84px}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#07172f,#0d2b55);color:#dbe7f7;padding:20px 16px;display:flex;flex-direction:column;z-index:45;box-shadow:10px 0 34px rgba(5,22,49,.12);overflow:hidden}.side-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:24px}.collapse-btn,.logout-mini{border:0;background:rgba(255,255,255,.08);color:#a9bdd8;border-radius:10px;width:34px;height:34px;display:grid;place-items:center}.mode-label,.nav-caption{font-size:12px;letter-spacing:.15em;font-weight:800;color:#6f8eb8;margin:4px 12px 10px}.nav-caption{margin-top:22px}.nav-group{display:grid;gap:6px}.compact-group{margin-bottom:10px}.nav-item{width:100%;border:0;background:transparent;color:#a9bad1;display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:12px;font-size:15px;font-weight:650;text-align:left;transition:.18s;white-space:nowrap}.nav-item:hover{background:rgba(255,255,255,.055);color:#fff}.nav-item.active{background:linear-gradient(135deg,#0d78ff,#2b5cff);color:#fff;box-shadow:0 9px 22px rgba(20,110,255,.24)}.nav-ico{width:22px;display:grid;place-items:center;flex:0 0 22px}.sidebar-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding-top:14px}.account-mini{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}.account-copy{min-width:0}.account-copy b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-copy small{display:block;color:#7692b8;font-size:12px;margin-top:2px}.avatar{display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#ddecff,#f6f9ff);color:#0e66e9;font-weight:800;border:1px solid #d7e4f5}.avatar.sm{width:38px;height:38px}.avatar.md{width:46px;height:46px}.avatar.xl{width:76px;height:76px;font-size:26px;border-radius:18px}.side-collapsed .sidebar{padding-left:12px;padding-right:12px}.side-collapsed .sidebar .brand strong,.side-collapsed .mode-label,.side-collapsed .nav-caption,.side-collapsed .nav-item>span:last-child,.side-collapsed .account-copy,.side-collapsed .logout-mini{display:none}.side-collapsed .side-top{justify-content:center}.side-collapsed .collapse-btn{display:none}.side-collapsed .nav-item{justify-content:center;padding:12px}.side-collapsed .account-mini{display:flex;justify-content:center}
.app-main{min-width:0}.topbar{height:var(--top);position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.top-left,.top-actions{display:flex;align-items:center;gap:12px}.search-pill{height:42px;min-width:290px;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:0 12px;display:flex;align-items:center;gap:9px;color:var(--muted);text-align:left}.search-pill span{font-size:14px;flex:1}.search-pill kbd{font:inherit;font-size:12px;border:1px solid var(--line);border-radius:7px;padding:2px 6px;background:var(--surface-2)}.mode-switch{display:flex;padding:4px;border-radius:11px;background:var(--surface-2);border:1px solid var(--line)}.mode-switch button{border:0;background:transparent;color:var(--muted);padding:8px 11px;border-radius:8px;font-size:12px;font-weight:800}.mode-switch button.active{background:var(--surface);color:var(--blue);box-shadow:0 3px 10px rgba(23,58,105,.10)}.icon-btn{width:40px;height:40px;border:1px solid var(--line);background:var(--surface);border-radius:11px;color:var(--muted);display:grid;place-items:center;position:relative;transition:.18s}.icon-btn:hover{color:var(--blue);border-color:#bdd3ef}.badge{position:absolute;right:-4px;top:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:var(--red);color:#fff;font-size:11px;font-weight:800;border:2px solid var(--surface)}.profile-trigger{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:var(--ink);padding:4px;border-radius:12px}.profile-trigger:hover{background:var(--surface-2)}.profile-trigger>span{display:grid;text-align:left}.profile-trigger b{font-size:13px}.profile-trigger small{font-size:11px;color:var(--muted);margin-top:2px}.hamb{display:none}.content{max-width:1280px;margin:0 auto;padding:34px 34px 90px}.right-rail-toggle{position:fixed;right:14px;top:calc(var(--top) + 14px);z-index:32;width:38px;height:38px;border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:11px;display:grid;place-items:center;box-shadow:var(--shadow-soft)}
.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px}.page-head h1{font-size:clamp(36px,4vw,52px);line-height:1.04;letter-spacing:-.045em;margin:8px 0 6px}.page-head p{margin:0;color:var(--muted);font-size:16px}.inline-icon{display:inline-flex;vertical-align:middle;color:#f4b321}.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:14px}.mission-hero,.trust-hero,.points-hero{border-radius:var(--radius-lg);min-height:208px;padding:25px;position:relative;overflow:hidden}.mission-hero{background:radial-gradient(circle at 92% 10%,rgba(99,222,255,.26),transparent 32%),linear-gradient(135deg,#0b5fe5,#129cff);color:#fff;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 18px 40px rgba(15,120,239,.20)}.mission-hero:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.15);border-radius:50%;right:-76px;bottom:-108px;box-shadow:0 0 0 42px rgba(255,255,255,.04)}.label{font-size:13px;font-weight:800;letter-spacing:.06em}.mission-count{font-size:58px;font-weight:800;line-height:1;margin:13px 0 12px}.mission-hero p,.trust-hero p{font-size:15px;margin:0;max-width:580px}.hero-footer{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.face-stack{display:flex}.face-stack span{width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#ff9c78,#ffc660);border:2px solid rgba(255,255,255,.8);display:grid;place-items:center;font-size:12px;font-weight:800;margin-left:-7px}.trust-hero{background:radial-gradient(circle at 100% 0,rgba(55,138,234,.18),transparent 34%),linear-gradient(135deg,#07152d,#173b6d);color:#fff;display:grid;grid-template-columns:90px 1fr;gap:20px;align-items:center;box-shadow:0 18px 40px rgba(6,28,59,.16)}.prestige-medal{width:82px;height:82px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,#ffe584,#f6a300);color:#fff;border:5px solid #ffd45f;box-shadow:0 12px 30px rgba(0,0,0,.18)}.trust-hero h3,.trust-profile h2{font-size:30px;margin:5px 0 9px;letter-spacing:-.03em}.trustbar{height:9px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden;margin:14px 0 9px}.trustbar i{display:block;height:100%;background:linear-gradient(90deg,#0fd39a,#61efc5);border-radius:inherit}.trust-hero p{color:#b7c9e3}.stats,.advertiser-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0 28px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow-soft);display:flex;gap:12px;align-items:center;min-height:88px}.stat-icon{width:38px;height:38px;border-radius:11px;background:var(--surface-2);display:grid;place-items:center;color:var(--blue)}.stat .v{font-size:26px;font-weight:800;letter-spacing:-.035em;white-space:nowrap}.stat .t{font-size:13px;color:var(--muted);margin-top:4px;font-weight:600}.stat.green .v,.stat.green .stat-icon{color:var(--green)}.stat.amber .v,.stat.amber .stat-icon{color:var(--amber)}.stat.red .v,.stat.red .stat-icon{color:var(--red)}.stat.blue .v,.stat.blue .stat-icon{color:var(--blue)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin:24px 0 12px}.section-head h2{font-size:24px;margin:0;letter-spacing:-.03em}.section-head p{color:var(--muted);margin:5px 0 0;font-size:14px}.text-action{border:0;background:transparent;color:var(--blue);display:inline-flex;align-items:center;gap:7px;font-weight:750;font-size:14px}
.feed,.campaign-list,.activity-list{display:grid;gap:10px}.mission-card,.activity-row,.campaign-row{background:var(--surface);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow-soft);transition:.18s}.mission-card{padding:14px 15px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:13px;align-items:center}.mission-card:hover,.campaign-row:hover,.activity-row:hover{transform:translateY(-1px);border-color:#bfd1e7;box-shadow:0 13px 28px rgba(23,58,105,.11)}.network-icon{width:46px;height:46px;border-radius:12px;background:var(--surface-2);display:grid;place-items:center}.mission-main h3,.activity-main h3{font-size:15px;margin:0 0 5px}.mission-meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:13px}.tag,.status-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-weight:800;letter-spacing:.03em}.tag{font-size:11px;padding:4px 7px;background:#eaf3ff;color:#0b67e9}.tag.priority{background:#fff1e8;color:#e46720}.tag.rush{background:#fff0f3;color:#d8395d}.mission-side{display:flex;align-items:center;gap:14px}.places{font-size:13px;color:var(--muted);text-align:right}.places b{color:var(--ink)}.reward{font-size:17px;font-weight:800;min-width:64px;text-align:right}.status-pill{font-size:11px;padding:6px 8px;background:#edf2f8;color:#6d7f99}.status-pill.active,.status-pill.verified{background:#e8f9f2;color:#0a9968}.status-pill.paused,.status-pill.proof_submitted,.status-pill.reserved{background:#fff3df;color:#bf7300}.status-pill.rejected,.status-pill.cancelled{background:#fff0f3;color:#c93557}.filterbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}.filterbar button{border:1px solid var(--line);background:var(--surface);color:var(--muted);padding:9px 13px;border-radius:10px;font-size:13px;font-weight:700}.filterbar button.active{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 8px 18px rgba(22,119,255,.16)}.filterbar.large button{font-size:14px}.page-grid.with-side{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:16px}.side-card,.insight-card,.estimate{background:linear-gradient(145deg,#07152d,#173a6d);color:#fff;border-radius:20px;padding:21px;box-shadow:0 16px 36px rgba(6,25,55,.15)}.side-card{position:sticky;top:92px;height:max-content}.side-card h3,.insight-card h3,.estimate h3{font-size:21px;margin:8px 0}.side-card p,.insight-card p{color:#b7c8e0;font-size:14px;line-height:1.6}.cyan{color:#5ce1ff}.info-list{display:grid;gap:8px;margin:18px 0}.info-list>div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px}.activity-stats{margin-top:0}.activity-row{display:grid;grid-template-columns:46px minmax(0,1fr) auto auto auto;align-items:center;gap:13px;padding:14px}.activity-row strong{font-size:16px}.row-open{border:0;background:transparent;color:var(--muted)}
.wallet-hero,.points-hero{background:radial-gradient(circle at 92% 12%,rgba(54,220,255,.38),transparent 28%),linear-gradient(145deg,#07152d,#18447f);color:#fff;display:grid;grid-template-columns:1fr auto;gap:24px}.wallet-main .amount,.points-number{font-size:44px;font-weight:800;letter-spacing:-.045em;margin:8px 0}.wallet-main>p,.points-hero p{margin:0;color:#c0d0e7;font-size:14px}.wallet-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.wallet-split>div{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);border-radius:12px;padding:13px}.wallet-split span{display:block;color:#b9cae2;font-size:13px;margin-bottom:5px}.wallet-split b{font-size:19px}.wallet-symbol,.points-orb{width:74px;height:74px;border-radius:20px;background:linear-gradient(145deg,#ffe26f,#f6a000);color:#fff;display:grid;place-items:center;box-shadow:0 12px 30px rgba(0,0,0,.18)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow-soft)}.ledger-list{display:grid}.ledger-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.ledger-row:last-child{border-bottom:0}.ledger-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center}.ledger-icon.credit{background:#e8f9f2;color:#0a9f6d}.ledger-icon.debit{background:#fff0f3;color:#cc3f60}.ledger-row b{font-size:14px;text-transform:capitalize}.ledger-row small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.ledger-row>strong{font-size:15px}.positive{color:var(--green)}.negative{color:var(--red)}
.trust-profile{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:var(--shadow-soft)}.trust-profile-main{background:linear-gradient(145deg,#07152d,#173a6d);color:#fff;border-radius:18px;padding:22px;display:grid;grid-template-columns:90px 1fr;gap:18px;align-items:center}.trust-profile-main p{color:#b8cae1;margin:0;font-size:14px}.level-track{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:18px}.level-node{text-align:center;color:var(--muted);font-size:12px;font-weight:650}.level-badge{width:52px;height:52px;border-radius:14px;margin:0 auto 7px;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--line)}.level-node.passed .level-badge{background:#e8f9f2;color:var(--green);border-color:#bcebd9}.level-node.active{color:var(--blue);font-weight:800}.level-node.active .level-badge{background:linear-gradient(145deg,#fff1a0,#f5ac10);color:#fff;border:4px solid #ffd65a;box-shadow:0 8px 22px rgba(245,173,39,.26)}.trust-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.trust-columns h2,.profile-grid h2{font-size:20px;margin-top:0}.benefit-list{display:grid}.benefit-list>div{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line);font-size:14px}.benefit-list>div:last-child{border-bottom:0}.benefit-list svg{color:var(--blue)}
.control-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px}.insight-number{font-size:52px;font-weight:800;letter-spacing:-.05em;margin:10px 0}.meter{height:9px;background:rgba(255,255,255,.11);border-radius:99px;overflow:hidden;margin:18px 0}.meter i{display:block;height:100%;background:linear-gradient(90deg,#11ce96,#64edc5);border-radius:inherit}.campaign-list.compact{gap:8px}.campaign-row{padding:15px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:13px;align-items:center}.campaign-row.compact{grid-template-columns:40px minmax(0,1fr)}.campaign-row.compact .campaign-actions{display:none}.campaign-icon{width:40px;height:40px;border-radius:11px;background:var(--surface-2);display:grid;place-items:center;color:var(--blue)}.campaign-title-line{display:flex;align-items:center;justify-content:space-between;gap:10px}.campaign-title-line h3{font-size:15px;margin:0}.campaign-main>p{color:var(--muted);font-size:13px;margin:5px 0 9px}.campaign-progress{height:8px;background:var(--surface-2);border-radius:99px;overflow:hidden}.campaign-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan))}.campaign-meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:8px;color:var(--muted);font-size:12px}.campaign-meta b{color:var(--ink)}.campaign-actions{display:flex;gap:7px}.danger-soft{color:var(--red)}
.builder{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px}.builder-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:var(--shadow-soft)}.steps{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:24px}.step{border:0;background:transparent;color:var(--muted);display:grid;justify-items:center;gap:6px;font-size:11px;font-weight:700}.step span{width:30px;height:30px;border-radius:9px;background:var(--surface-2);border:1px solid var(--line);display:grid;place-items:center}.step.active{color:var(--blue)}.step.active span{background:var(--blue);border-color:var(--blue);color:#fff}.step.done{color:var(--green)}.step.done span{background:#e8f9f2;border-color:#bcebd9;color:var(--green)}.builder-body{min-height:340px;padding:8px 2px}.form-stack{display:grid;gap:4px}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.choice-grid.actions{grid-template-columns:repeat(3,1fr)}.choice-card,.speed-card{border:1px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:13px;padding:15px;text-align:left;display:grid;gap:8px;transition:.18s}.choice-card:hover,.speed-card:hover{border-color:#b8cbe5}.choice-card.active,.speed-card.active{border-color:var(--blue);box-shadow:0 0 0 3px rgba(22,119,255,.08);background:color-mix(in srgb,var(--surface) 85%,#eaf3ff)}.choice-card small{font-size:12px;color:var(--muted)}.speed-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.speed-card h3{font-size:14px;margin:0}.quantity-card{max-width:520px}.quick-qty{display:flex;gap:8px;flex-wrap:wrap}.quick-qty button{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:9px 12px;font-weight:700;color:var(--ink)}.budget-review,.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.budget-review>div,.preview-grid>span{background:var(--surface-2);border:1px solid var(--line);border-radius:13px;padding:16px}.budget-review span,.preview-grid span{font-size:13px;color:var(--muted)}.budget-review strong,.preview-grid b{display:block;color:var(--ink);font-size:20px;margin-top:6px}.preview-card h2{font-size:24px}.builder-actions{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);padding-top:16px}.builder-actions .spacer{flex:1}.estimate{height:max-content;position:sticky;top:92px}.est-row{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.10)}.est-row:last-child{border-bottom:0}.est-row span{display:block;color:#a9bedb;font-size:13px;margin-bottom:4px}.est-row b{font-size:22px}.danger-text{color:#ff9ab0}.points-number{font-size:48px}.analytics-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:14px}.chart-card{min-height:390px}.chart-total{color:var(--green);font-weight:800}.line-chart{position:relative;height:285px;padding:10px 10px 26px 52px;background:linear-gradient(180deg,var(--surface-2),transparent);border-radius:14px;overflow:hidden}.line-chart:before{content:"";position:absolute;inset:10px 10px 26px 52px;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(25% - 1px),var(--line) 25%);pointer-events:none}.line-chart svg{position:relative;width:100%;height:100%;z-index:1}.y-labels{position:absolute;left:9px;top:11px;bottom:28px;display:flex;flex-direction:column;justify-content:space-between;color:var(--muted);font-size:11px}.x-labels{position:absolute;left:52px;right:10px;bottom:7px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.period-tabs{display:flex;border:1px solid var(--line);border-radius:11px;padding:4px;background:var(--surface)}.period-tabs button{border:0;background:transparent;color:var(--muted);padding:8px 10px;border-radius:8px;font-size:12px;font-weight:700}.period-tabs button.active{background:var(--blue);color:#fff}.donut-wrap{display:grid;place-items:center;gap:22px;padding-top:22px}.donut{width:178px;height:178px;border-radius:50%;background:conic-gradient(#1677ff 0 40%,#10b981 40% 65%,#f59e0b 65% 80%,#9c6dfd 80% 92%,#43d8ff 92% 100%);position:relative}.donut:after{content:"";position:absolute;inset:34px;background:var(--surface);border-radius:50%}.legend{width:100%;display:grid;gap:8px}.legend>div{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:8px;font-size:13px}.legend i{width:10px;height:10px;border-radius:3px}.legend .c1{background:#1677ff}.legend .c2{background:#10b981}.legend .c3{background:#f59e0b}.legend .c4{background:#9c6dfd}.legend .c5{background:#43d8ff}.legend b{font-size:13px}.empty-state{border:1px dashed var(--line);background:var(--surface);border-radius:16px;padding:34px;text-align:center;color:var(--muted)}.empty-state h3{color:var(--ink);margin:9px 0 5px;font-size:18px}.empty-state p{max-width:540px;margin:0 auto;font-size:14px}.empty-state.small{padding:24px}.empty-state.module{min-height:280px;display:grid;place-items:center;align-content:center}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.profile-card{display:flex;align-items:center;gap:16px}.profile-card h2{margin:0}.profile-card p{color:var(--muted);margin:4px 0 8px}.mode-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mode-cards button{border:1px solid var(--line);background:var(--surface-2);border-radius:14px;padding:16px;color:var(--ink);display:grid;gap:6px;text-align:left}.mode-cards button.active{border-color:var(--blue);box-shadow:0 0 0 3px rgba(22,119,255,.08)}.mode-cards span{font-size:12px;color:var(--muted)}.identity-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px}.identity-card div{display:grid}.identity-card span{font-size:12px;color:var(--muted)}
.modal-backdrop,.drawer-backdrop,.command-backdrop{position:fixed;inset:0;background:rgba(4,15,31,.52);backdrop-filter:blur(5px);z-index:80}.modal-backdrop{display:grid;place-items:center;padding:18px}.modal-card{width:min(100%,520px);background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 24px 70px rgba(0,0,0,.25)}.modal-head,.drawer-head,.panel-fly-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.modal-head h2,.drawer-head h2,.panel-fly-head h3{margin:4px 0 0}.balance-banner{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#0d64e7,#1598ff);color:#fff;border-radius:14px;padding:15px;margin:16px 0}.balance-banner strong{font-size:22px}.modal-note{display:flex;gap:10px;align-items:flex-start;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:12px;font-size:13px;color:var(--muted)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.drawer-backdrop{display:flex;justify-content:flex-end}.drawer{width:min(100%,500px);height:100%;background:var(--surface);padding:22px;overflow:auto;box-shadow:-20px 0 60px rgba(0,0,0,.20);animation:slideIn .2s ease-out}.mission-detail-hero{margin:18px 0;background:var(--surface-2);border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;justify-content:space-between;align-items:center}.detail-network{display:flex;align-items:center;gap:11px}.detail-network div{display:grid}.detail-network span{font-size:12px;color:var(--muted)}.mission-detail-hero>strong{font-size:18px}.timer{display:flex;justify-content:space-between;align-items:center;background:#fff3df;border:1px solid #ffe0a7;color:#a76100;border-radius:12px;padding:12px;margin:14px 0}.timer strong{font-size:20px}.instructions h3{font-size:18px}.instruction{display:flex;gap:10px;margin:10px 0;align-items:flex-start}.instruction i{font-style:normal;width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:#eaf3ff;color:#0d68e5;font-weight:800;font-size:12px;flex:0 0 25px}.instruction span{font-size:14px}.proof-box{display:grid;gap:12px;margin-top:18px}.toast{position:fixed;right:22px;bottom:22px;z-index:100;background:#07152d;color:#fff;padding:13px 15px;border-radius:12px;box-shadow:0 18px 45px rgba(7,21,45,.35);font-size:14px;display:flex;align-items:center;gap:9px;animation:toastIn .2s ease}.profile-menu,.notification-panel{position:fixed;right:20px;top:62px;z-index:70;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px}.profile-menu{width:280px;padding:10px}.profile-menu-head{display:flex;align-items:center;gap:10px;padding:10px}.profile-menu-head div{display:grid}.profile-menu-head span{font-size:12px;color:var(--muted)}.profile-mode-chip{margin:6px 10px 10px;padding:7px 10px;border-radius:9px;background:var(--surface-2);color:var(--blue);font-size:12px;font-weight:800}.profile-menu button{width:100%;border:0;background:transparent;color:var(--ink);display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;text-align:left;font-size:14px}.profile-menu button:hover{background:var(--surface-2)}.profile-menu hr{border:0;border-top:1px solid var(--line);margin:7px}.profile-menu .danger-item{color:var(--red)}.notification-panel{width:min(380px,calc(100vw - 32px));padding:14px}.panel-fly-head{padding:4px 4px 10px}.notification-item{display:grid;grid-template-columns:38px 1fr;gap:10px;padding:12px;border-radius:12px}.notification-item.unread{background:var(--surface-2)}.notif-icon{width:36px;height:36px;border-radius:10px;background:#eaf3ff;color:var(--blue);display:grid;place-items:center}.notification-item b{font-size:13px}.notification-item p{font-size:12px;color:var(--muted);margin:3px 0 0}.command-backdrop{display:grid;place-items:start center;padding-top:12vh}.command{width:min(620px,calc(100vw - 30px));background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.28);overflow:hidden}.command-search{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}.command-search input{border:0;outline:0;background:transparent;color:var(--ink);font:inherit}.command-search kbd{font:inherit;font-size:11px;border:1px solid var(--line);padding:3px 6px;border-radius:7px;color:var(--muted)}.command-list{display:grid;padding:8px}.command-list button{border:0;background:transparent;color:var(--ink);display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:center;padding:11px;border-radius:10px;text-align:left}.command-list button:hover{background:var(--surface-2)}
.mobile-nav{display:none}@keyframes slideIn{from{transform:translateX(28px);opacity:.45}}@keyframes toastIn{from{transform:translateY(8px);opacity:0}}
@media(max-width:1100px){.shell{--side:84px}.sidebar{padding-left:12px;padding-right:12px}.sidebar .brand strong,.mode-label,.nav-caption,.nav-item>span:last-child,.account-copy,.logout-mini,.collapse-btn{display:none}.side-top{justify-content:center}.nav-item{justify-content:center;padding:12px}.account-mini{display:flex;justify-content:center}.page-grid.with-side,.builder,.control-grid,.analytics-grid{grid-template-columns:1fr}.side-card,.estimate{position:relative;top:auto}.estimate{order:-1}.search-pill{min-width:220px}.profile-trigger>span{display:none}}
@media(max-width:780px){:root{--top:60px}.shell{display:block}.sidebar{display:none}.topbar{height:60px;padding:0 10px}.hamb{display:grid;width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:var(--surface);place-items:center;color:var(--ink)}.search-pill{width:38px;height:38px;min-width:38px;padding:0;justify-content:center}.search-pill span,.search-pill kbd,.mode-switch,.profile-trigger>span,.profile-trigger>svg{display:none}.profile-trigger{padding:0}.content{padding:22px 10px 92px}.right-rail-toggle{display:none}.page-head{align-items:flex-start;margin-bottom:18px}.page-head h1{font-size:34px}.page-head p{font-size:15px}.page-head>.btn{padding:10px 12px}.hero-grid{grid-template-columns:1fr}.mission-hero,.trust-hero{min-height:178px;padding:20px}.mission-count{font-size:48px}.trust-hero{grid-template-columns:68px 1fr}.prestige-medal{width:64px;height:64px;border-radius:18px}.trust-hero h3{font-size:23px}.stats,.advertiser-kpis{grid-template-columns:1fr 1fr;gap:8px}.stat{min-height:82px;padding:14px}.stat .v{font-size:22px}.stat .t{font-size:12px}.section-head{align-items:flex-start}.section-head h2{font-size:21px}.mission-card{grid-template-columns:42px minmax(0,1fr);padding:13px}.mission-side{grid-column:2;justify-content:space-between;gap:8px}.places{display:none}.mission-meta{font-size:12px}.reward{font-size:16px}.btn{font-size:13px;padding:11px 13px}.page-grid.with-side{display:block}.side-card{display:none}.wallet-hero,.points-hero{grid-template-columns:1fr;padding:20px;min-height:0}.wallet-symbol,.points-orb{display:none}.wallet-main .amount,.points-number{font-size:40px}.wallet-split{gap:8px}.wallet-split>div{padding:12px}.wallet-split span{font-size:12px}.trust-profile-main{grid-template-columns:68px 1fr;padding:18px}.level-track{overflow:auto;grid-template-columns:repeat(6,78px);padding-bottom:4px}.level-badge{width:46px;height:46px}.trust-columns,.profile-grid{grid-template-columns:1fr}.activity-row{grid-template-columns:42px minmax(0,1fr) auto}.activity-row>.status-pill,.activity-row>strong{grid-column:2}.row-open{grid-column:3;grid-row:1/3}.campaign-row{grid-template-columns:40px minmax(0,1fr)}.campaign-actions{grid-column:2;justify-content:flex-start}.campaign-meta{gap:10px}.builder-card{padding:16px}.steps{display:flex;overflow:auto;gap:10px}.step{min-width:66px}.builder-body{min-height:300px}.choice-grid,.choice-grid.actions,.speed-grid,.budget-review,.preview-grid{grid-template-columns:1fr}.estimate{display:none}.analytics-grid{display:block}.chart-card{min-height:350px;margin-bottom:12px}.line-chart{height:250px;padding-left:45px}.x-labels{left:45px}.donut{width:150px;height:150px}.identity-card{grid-template-columns:auto 1fr}.identity-card>.btn{grid-column:1/-1}.mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:60;background:color-mix(in srgb,var(--surface) 95%,transparent);backdrop-filter:blur(18px);border-top:1px solid var(--line);padding:8px 8px max(8px,env(safe-area-inset-bottom))}.mobile-nav button{border:0;background:transparent;display:grid;gap:4px;place-items:center;color:var(--muted);font-size:11px;font-weight:650}.mobile-nav button.active{color:var(--blue)}.mobile-nav svg{width:20px;height:20px}.mobile-nav .plus{width:46px;height:46px;border-radius:15px;background:linear-gradient(145deg,#0c77ff,#344af7);color:#fff;margin-top:-20px;box-shadow:0 12px 24px rgba(11,112,246,.32);justify-self:center}.profile-menu,.notification-panel{right:10px;top:54px}.drawer{padding:18px}.toast{left:12px;right:12px;bottom:82px}.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-side{min-height:100vh;padding:16px}.login-card{padding:28px 20px;border-radius:22px}.login-card h2{font-size:28px}.login-meta{font-size:12px}.period-tabs{width:100%}.period-tabs button{flex:1}.page-head{flex-wrap:wrap}.page-head>div{width:100%}.page-head>div+*{margin-left:auto}}
.right-hidden .page-grid.with-side,.right-hidden .control-grid,.right-hidden .builder{grid-template-columns:1fr}.right-hidden .side-card,.right-hidden .insight-card,.right-hidden .estimate{display:none}.mobile-nav button{font-size:12px}.mobile-nav button span{font-weight:700}

/* ===== V3.1 PRODUCT POLISH ===== */
html{scroll-padding-top:calc(var(--top) + 18px)}
.content{scroll-margin-top:var(--top)}
.login-clean .login-copy{top:51%;max-width:590px}
.login-clean .login-copy h1{font-size:clamp(50px,5vw,78px);line-height:1.01;margin:20px 0 18px}
.login-clean .login-copy p{font-size:18px;line-height:1.55;max-width:540px}
.login-clean .login-card{max-width:450px;padding:34px}
.login-clean .login-card>p{margin-bottom:22px}
.login-clean .login-submit{margin-top:8px}
.side-collapsed .sidebar .collapse-btn{display:grid!important;position:absolute;right:-14px;top:22px;background:var(--blue);color:#fff;border:3px solid var(--bg);box-shadow:var(--shadow-soft)}
.side-collapsed .sidebar{overflow:visible}
.sidebar{overflow:visible}
.collapse-btn{transition:.18s}.collapse-btn:hover{background:rgba(255,255,255,.15);color:#fff}
.right-rail-toggle{position:fixed;right:14px;top:84px;z-index:55;border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:11px;min-height:38px;padding:0 10px;display:flex;gap:7px;align-items:center;box-shadow:var(--shadow-soft);font-weight:700;font-size:12px}.right-rail-toggle span{display:none}.right-rail-toggle:hover span,.right-rail-toggle.is-hidden span{display:inline}.right-rail-toggle.is-hidden{background:var(--blue);color:#fff;border-color:var(--blue)}
.close-btn{flex:0 0 auto;position:relative;z-index:3}.close-btn:hover{background:#fff0f3!important;color:var(--red)!important;border-color:#ffc9d6!important}
.flyout-backdrop{position:fixed;inset:0;z-index:69}.flyout-backdrop.transparent{background:transparent}.flyout-backdrop .profile-menu,.flyout-backdrop .notification-panel{z-index:70}
.profile-menu-head{grid-template-columns:auto 1fr auto}.profile-menu-head .close-btn{width:32px;height:32px}
.notification-panel .close-btn{width:34px;height:34px}
.success-box{display:grid;gap:4px;background:#ebfff7;border:1px solid #bdeedc;color:#08765b;padding:13px 14px;border-radius:12px;margin:12px 0;font-size:14px}.success-box span{color:#3d7768}:root[data-theme="dark"] .success-box{background:#0d2b24;border-color:#1b5548;color:#73e6c5}:root[data-theme="dark"] .success-box span{color:#9fcfc2}
.compact-wallet{min-height:0;padding:24px 26px}.compact-wallet .amount{font-size:44px}.wallet-kpis .stat{min-height:92px}
.inline-callout{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;border:1px dashed var(--line);background:var(--surface-2);padding:14px;border-radius:14px}.inline-callout div{display:grid;gap:3px}.inline-callout span{color:var(--muted);font-size:14px}
.builder-v31{align-items:start}.compact-steps{grid-template-columns:repeat(4,1fr)}.compact-steps .step{min-width:0}.compact-body{min-height:330px}.split-builder{display:grid;grid-template-columns:1fr 1fr;gap:18px}.choice-grid.three{grid-template-columns:repeat(3,1fr)}.compact-actions{grid-template-columns:repeat(2,1fr)!important}.compact-actions .choice-card{min-height:90px}.audience-inline{margin-top:16px;padding:14px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.audience-inline span{color:var(--muted);font-size:14px}.audience-inline b{font-size:23px}.quantity-control{display:grid;grid-template-columns:48px 1fr 48px;gap:8px;margin:10px 0}.quantity-control button,.quantity-control input{height:52px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:12px;font-weight:800}.quantity-control input{text-align:center;font-size:22px;outline:none}.quantity-control button:hover{border-color:var(--blue);color:var(--blue)}.quick-qty button.active{background:var(--blue);color:#fff;border-color:var(--blue)}.estimate-mini{margin-top:18px;border-top:1px solid var(--line);padding-top:16px;display:grid;grid-template-columns:1fr auto;gap:9px 14px}.estimate-mini span{color:var(--muted);font-size:14px}.estimate-mini b{font-size:17px}.vertical-speeds{grid-template-columns:1fr!important;gap:10px}.vertical-speeds .speed-card{display:grid;grid-template-columns:auto 1fr auto auto;gap:14px;align-items:center;text-align:left;min-height:88px}.vertical-speeds .speed-card h3{margin:0}.vertical-speeds .speed-card p{margin:3px 0 0;color:var(--muted);font-size:14px}.campaign-preview-v31{display:grid;gap:18px}.preview-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.preview-top h2{font-size:28px;margin:6px 0 10px}.preview-tags{display:flex;gap:8px;flex-wrap:wrap}.preview-tags span{background:#eaf3ff;color:#0b68df;border-radius:8px;padding:6px 9px;font-size:12px;font-weight:800}.preview-cost{text-align:right}.preview-cost span{display:block;color:var(--muted);font-size:14px}.preview-cost b{font-size:28px}.sticky-actions{position:sticky;bottom:0;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding-top:14px;z-index:5}
.two-col{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);gap:16px}.deposit-preview{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);background:var(--surface-2);padding:14px;border-radius:12px;margin:14px 0}.deposit-preview b{font-size:22px}.simple-list,.identity-list,.ticket-list{display:grid;gap:10px}.simple-row,.identity-row,.ticket-row{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:15px;display:grid;align-items:center;gap:14px;box-shadow:var(--shadow-soft)}.simple-row{grid-template-columns:1fr auto auto}.simple-row div,.identity-row div{display:grid;gap:3px}.simple-row span,.identity-row p,.identity-row small,.ticket-row p{color:var(--muted);font-size:14px;margin:0}.identity-row{grid-template-columns:auto 1fr auto auto}.identity-row h3,.ticket-row h3{margin:0;font-size:18px}.ticket-row{grid-template-columns:1fr auto}.audience-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:end;margin-bottom:16px}.audience-toolbar .field{margin:0}.level-bars{display:grid;gap:14px}.level-bars>div{display:grid;grid-template-columns:120px 1fr 50px;gap:12px;align-items:center}.level-bars i{height:10px;border-radius:99px;background:var(--surface-2);overflow:hidden}.level-bars i b{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:99px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.theme-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.theme-cards button{border:1px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:13px;padding:18px;display:flex;gap:10px;align-items:center}.theme-cards button.active{border-color:var(--blue);box-shadow:0 0 0 3px rgba(22,119,255,.09)}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line)}.toggle-row span{display:grid;gap:3px}.toggle-row small{color:var(--muted);font-size:14px}.toggle-row input{width:22px;height:22px}.settings-save{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin-top:16px}.settings-save span{color:var(--green);font-weight:700}
.field>span,.field-label{font-size:15px}.field input,.field select,.field textarea{font-size:16px}.mission-meta,.campaign-row p,.stat .t,.detail-network span,.account-copy small,.profile-menu-head span,.mode-cards span,.identity-card span,.notification-item p{font-size:14px}.notification-item b{font-size:15px}.nav-item{font-size:15px}.status-pill{font-size:12px;letter-spacing:.03em}
:root[data-theme="dark"] .preview-tags span{background:#132f54;color:#7fc4ff}:root[data-theme="dark"] .inline-callout{background:#101f34}
@media(max-width:1100px){.right-rail-toggle span{display:none}.split-builder,.two-col,.settings-grid{grid-template-columns:1fr}.estimate{display:none}.builder-v31{grid-template-columns:1fr}.compact-body{min-height:280px}}
@media(max-width:780px){body{font-size:16px}.page-head h1{font-size:32px;line-height:1.05}.page-head p{font-size:16px;line-height:1.5}.eyebrow{font-size:12px}.stat .t{font-size:14px}.mission-meta,.campaign-row p,.account-copy small,.detail-network span{font-size:14px}.mobile-nav button{font-size:13px!important}.mobile-nav button span{font-weight:700}.mobile-nav svg{width:22px;height:22px}.wallet-hero.compact-wallet{padding:18px}.compact-wallet .amount{font-size:38px}.wallet-split{grid-template-columns:1fr}.page-head>.btn{width:auto;max-width:48%;font-size:13px}.compact-steps{display:grid;grid-template-columns:repeat(4,minmax(86px,1fr));overflow:auto}.compact-steps .step b{font-size:12px}.split-builder{display:grid;grid-template-columns:1fr}.compact-actions{grid-template-columns:1fr 1fr!important}.vertical-speeds .speed-card{grid-template-columns:auto 1fr auto}.vertical-speeds .speed-card svg:last-child{display:none}.preview-top{display:grid}.preview-cost{text-align:left}.audience-toolbar,.settings-grid,.two-col{grid-template-columns:1fr}.simple-row{grid-template-columns:1fr auto}.identity-row{grid-template-columns:auto 1fr}.identity-row>.status-pill,.identity-row>.icon-btn{grid-column:auto}.right-rail-toggle{display:none}.login-card{border-radius:18px}.login-card h2{font-size:30px}.login-card>p{font-size:16px}.field>span{font-size:15px}.btn{font-size:14px}.drawer .instruction span{font-size:15px}.drawer{width:100%}.drawer-backdrop{align-items:flex-end}.drawer{height:auto;max-height:92vh;border-radius:18px 18px 0 0}.flyout-backdrop .profile-menu,.flyout-backdrop .notification-panel{right:8px;left:8px;width:auto;top:62px}.settings-save{flex-direction:column;align-items:stretch}.settings-save .btn{width:100%}}


/* ===== V4 PRODUCT POLISH ===== */
.rect-kicker{border-radius:14px!important;padding:10px 16px!important;white-space:nowrap;max-width:max-content}
.login-card-centered{display:grid;gap:16px}.login-card-head{text-align:center;display:grid;gap:6px;margin-bottom:4px}.login-card-head .eyebrow{justify-self:center}.login-copy .line{display:block}.login-copy .line-main{color:#f4f7ff}.login-copy .line-accent{color:var(--cyan)}
.sidebar{overflow:hidden}.sidebar-inner{height:100%;display:grid;grid-template-rows:auto auto 1fr auto;gap:14px}.side-mode-card{padding:12px 14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);border-radius:16px;display:grid;gap:4px}.side-mode-card span{font-size:11px;letter-spacing:.16em;color:#84a4d1;font-weight:800}.side-mode-card b{font-size:14px;color:#fff}.sidebar-scroll{min-height:0;overflow:auto;padding-right:4px;display:grid;align-content:start}.sidebar-scroll::-webkit-scrollbar{width:8px}.sidebar-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:99px}
.side-collapsed .side-mode-card{display:none}.side-collapsed .sidebar-inner{grid-template-rows:auto 1fr auto}.side-collapsed .collapse-btn{display:grid!important;position:static;background:rgba(255,255,255,.08);border:0;color:#a9bdd8;box-shadow:none}
.topbar{padding:0 24px;gap:14px}.top-actions{margin-left:auto}.mode-switch-strong{padding:3px;gap:4px;border-radius:14px;background:var(--surface)}.mode-switch-strong button{min-width:124px;display:grid;gap:1px;padding:8px 14px}.mode-switch-strong button span{font-size:10px;letter-spacing:.08em;text-transform:uppercase}.mode-switch-strong button b{font-size:12px}.profile-trigger-strong{border:1px solid var(--line);padding:5px 8px 5px 5px;background:var(--surface)}.profile-copy{display:grid;min-width:0}.profile-caret{display:grid;place-items:center;color:var(--muted)}
.hero-grid-balanced,.control-grid-balanced{align-items:stretch}.hero-card-clean,.panel-stretch,.insight-card-clean{height:100%}.stats-equal{align-items:stretch}.stats-equal>.stat{height:100%}
.filterbar-block{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.audience-panel{display:grid;gap:16px}.audience-toolbar{align-items:end}.audience-toolbar .field:last-child .filterbar{margin-top:10px}
.trust-profile-rich{display:grid;gap:16px}.level-track-rich{grid-template-columns:repeat(6,minmax(118px,1fr));gap:12px}.level-node.rich{padding:14px 10px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2);display:grid;gap:8px;justify-items:center;text-align:center}.level-node.rich small{color:var(--muted);font-size:12px;line-height:1.35}.level-node.rich strong{font-size:13px}.level-node.rich.active{border-color:#90bfff;box-shadow:0 0 0 3px rgba(22,119,255,.08);background:color-mix(in srgb,var(--surface) 80%,#eaf3ff)}
.btn.slim{padding:10px 12px;font-size:13px;border-radius:10px}.campaign-actions-wide{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;align-items:center}
.profile-quick-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.identity-row-rich{grid-template-columns:auto 1fr auto auto;min-height:88px}
.settings-grid-rich{align-items:start}.stack-space{display:grid;gap:2px;margin-top:16px}.row-save{justify-content:space-between}.top-gap{margin-top:12px}.helper-copy{margin:0 0 14px;color:var(--muted);font-size:14px}.kyc-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upload-card{border:1px dashed var(--line);background:var(--surface-2);border-radius:14px;padding:14px;display:grid;gap:8px;cursor:pointer}.upload-card span{font-size:13px;color:var(--muted);font-weight:700}.upload-card b{font-size:14px;line-height:1.4}.upload-card input{width:100%}.compact-benefits div{min-height:72px}
.modal-head .helper-copy{margin-top:6px}.choice-grid.two{grid-template-columns:repeat(2,1fr)}
.wallet-hero,.points-hero,.trust-profile-main,.panel,.mission-card,.campaign-row,.activity-row,.identity-row,.simple-row,.ticket-row,.modal-card,.drawer,.login-card{box-shadow:var(--shadow-soft)}
.right-rail-toggle{display:none!important}
@media(max-width:1100px){.mode-switch-strong button{min-width:108px}.level-track-rich{grid-template-columns:repeat(3,1fr)}.kyc-grid{grid-template-columns:1fr}}
@media(max-width:780px){.login-copy h1{font-size:clamp(42px,9vw,58px)}.rect-kicker{white-space:normal}.topbar{padding:0 10px}.mode-switch-strong{display:none}.profile-trigger-strong{padding:0;border:0;background:transparent}.profile-copy,.profile-caret{display:none}.level-track-rich{grid-template-columns:repeat(2,minmax(150px,1fr));overflow:auto}.campaign-actions-wide{justify-content:flex-start}.settings-grid-rich,.kyc-grid,.filterbar-block{grid-template-columns:1fr}.side-mode-card{display:none}}

/* ===== V5 FINAL POLISH ===== */
html,body,#root{min-height:100%;background:var(--bg)}
.fatal-ui{min-height:100vh;display:grid;place-items:center;padding:24px;background:#07152d;color:#f7fbff}.fatal-card{width:min(100%,520px);border:1px solid #254268;background:#0e2039;border-radius:16px;padding:28px;box-shadow:0 24px 70px rgba(0,0,0,.32);display:grid;gap:14px}.fatal-card h2,.fatal-card p{margin:0}.fatal-card p{color:#b8c9df;line-height:1.55}.fatal-card small{color:#7895b8;word-break:break-word}.fatal-card button{justify-self:start;border:0;border-radius:10px;padding:12px 16px;background:#1976ff;color:#fff;font-family:inherit;font-weight:800}

/* Login: always dark, compact and branded */
.login-v5{background:#061328;color:#fff}.login-v5 .login-visual{background:radial-gradient(circle at 82% 68%,rgba(26,117,255,.26),transparent 36%),linear-gradient(145deg,#06142c 0%,#0b2854 58%,#1f3477 100%);padding:42px 7vw}.login-v5 .login-side{background:linear-gradient(145deg,#071426,#0a1830);padding:30px}.login-v5 .login-card{background:#0d1c31;border-color:#263d5d;color:#f6f9ff;border-radius:16px;padding:32px;box-shadow:0 26px 70px rgba(0,0,0,.30)}.login-v5 .field>span{color:#e8f0fb}.login-v5 .field input{background:#13243d;border-color:#2a4367;color:#fff}.login-v5 .field input::placeholder{color:#7189a8}.login-v5 .login-card-head p{color:#99afca}.login-welcome{border:1px solid rgba(255,255,255,.20)!important;background:rgba(255,255,255,.055);border-radius:12px!important;color:#e9f3ff!important;padding:9px 13px!important;letter-spacing:.12em;white-space:nowrap}.login-v5 .login-copy{max-width:760px}.login-v5 .login-copy h1{font-size:clamp(44px,4.8vw,74px);line-height:1.02;letter-spacing:-.045em;margin:24px 0 20px}.login-v5 .login-copy h1 span{color:#42d7ff}.login-v5 .login-copy p{max-width:690px;font-size:18px;line-height:1.55;color:#d3e0f2}.login-footer-slogan{position:absolute;left:7vw;bottom:34px;font-size:11px;letter-spacing:.14em;font-weight:800;color:#7fa1cd}.login-v5 .login-card-head{text-align:center}.login-v5 .login-card-head .eyebrow{justify-self:center;color:#58cfff}.login-v5 .login-submit{margin-top:4px}

/* Avatars / identity media */
.avatar{overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.identity-photo,.page-pick-photo{width:48px;height:48px;border-radius:13px;background:var(--surface-2);border:1px solid var(--line);display:grid;place-items:center;overflow:hidden;flex:0 0 auto}.identity-photo img,.page-pick-photo img{width:100%;height:100%;object-fit:cover}.page-pick-photo.large{width:58px;height:58px;border-radius:14px}.identity-list-v5{gap:12px}.identity-row-rich{border-radius:14px}.identity-upload-head{display:grid;grid-template-columns:150px 1fr;gap:14px;align-items:stretch;margin-bottom:14px}.identity-preview-picker{min-height:118px;border:1px dashed var(--line);border-radius:14px;background:var(--surface-2);display:grid;place-items:center;overflow:hidden;cursor:pointer;position:relative}.identity-preview-picker>div{display:grid;justify-items:center;gap:8px;color:var(--muted);font-size:13px;text-align:center}.identity-preview-picker img{width:100%;height:100%;object-fit:cover}.identity-preview-picker input{position:absolute;inset:0;opacity:0;cursor:pointer}

/* Sidebar desktop and mobile */
.shell{transition:grid-template-columns .24s cubic-bezier(.2,.75,.2,1)}.sidebar{transition:width .24s cubic-bezier(.2,.75,.2,1),transform .24s cubic-bezier(.2,.75,.2,1),padding .24s cubic-bezier(.2,.75,.2,1);border-right:1px solid rgba(255,255,255,.06)}.sidebar-scroll{overscroll-behavior:contain}.collapse-btn{cursor:pointer}.mobile-side-overlay{display:none}.side-collapsed .nav-item{border-radius:12px}.side-collapsed .sidebar-foot{padding-top:10px}

/* Cards: restrained radius and consistent rhythm */
.panel,.stat,.mission-card,.campaign-row,.activity-row,.identity-row,.simple-row,.ticket-row,.wallet-hero,.points-hero,.trust-profile,.builder-card,.estimate,.insight-card{border-radius:14px!important}.btn{border-radius:10px}.icon-btn,.collapse-btn,.logout-mini{border-radius:10px}.field input,.field select,.field textarea{border-radius:11px}.page-head{gap:18px}.content{max-width:1480px;width:100%;margin:0 auto}

/* Trust */
.level-node.rich{border-radius:13px}.level-node.rich small{font-size:13px}.level-node.rich .level-badge{border-radius:12px}.benefit-list b{white-space:nowrap}

/* Campaign Builder V5 */
.builder-v5{grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.builder-card-v5{padding:22px}.premium-steps{background:var(--surface-2);border:1px solid var(--line);border-radius:13px;padding:10px;margin-bottom:18px;gap:8px}.premium-steps .step{padding:8px 6px;border-radius:10px}.premium-steps .step span{border-radius:9px}.v5-builder-body{min-height:360px}.page-picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.page-pick{border:1px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:13px;padding:12px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left}.page-pick:hover,.page-pick.active{border-color:var(--blue);box-shadow:0 0 0 3px rgba(22,119,255,.08)}.page-pick b{display:block;font-size:15px}.page-pick small{display:block;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.picked-check{width:26px;height:26px;border-radius:8px;background:var(--blue);color:#fff;display:grid;place-items:center}.split-builder-v5{gap:16px}.action-choice{min-height:96px}.campaign-preview-v5{gap:14px}.preview-page-line{display:flex;align-items:center;gap:12px}.preview-page-line p{margin:2px 0 0;color:var(--muted)}.estimate-v5{border-radius:14px!important;top:84px}.builder-actions{padding:14px 0 0;margin-top:8px}.sticky-actions{bottom:0;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 80%,transparent),var(--surface) 42%);padding-bottom:2px}

/* KYC / account */
.account-editor{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:start}.account-editor-avatar{display:grid;justify-items:center;gap:10px}.avatar-upload-btn{position:relative;overflow:hidden;font-size:13px}.avatar-upload-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}.kyc-status-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:12px}.kyc-status-head>div{display:grid;gap:4px}.kyc-status-head span{color:var(--muted);font-size:13px}.kyc-status-head b{font-size:18px}.kyc-card{min-height:230px;align-content:start}.kyc-card input{opacity:0;position:absolute;pointer-events:none}.kyc-preview{height:130px;border-radius:10px;background:var(--bg);border:1px solid var(--line);display:grid;place-items:center;overflow:hidden;color:var(--muted)}.kyc-preview img{width:100%;height:100%;object-fit:cover}.kyc-card.has-file{border-style:solid;border-color:color-mix(in srgb,var(--green) 55%,var(--line))}

/* Mobile */
@media(max-width:780px){
  .login-v5{grid-template-columns:1fr;min-height:100vh}.login-v5 .login-visual{display:block;min-height:auto;padding:24px 20px 26px}.login-v5 .login-copy{position:relative;left:auto;right:auto;top:auto;transform:none;margin-top:42px}.login-v5 .login-copy h1{font-size:clamp(34px,10vw,46px);line-height:1.02;margin:18px 0 14px}.login-v5 .login-copy p{font-size:15px;line-height:1.5;margin:0}.login-welcome{font-size:11px!important;white-space:normal}.login-footer-slogan{position:relative;left:auto;bottom:auto;margin-top:34px;font-size:10px}.login-v5 .login-side{min-height:auto;padding:16px 16px 26px}.login-v5 .login-card{width:100%;padding:22px 18px;border-radius:14px}.login-v5 .login-card-head h2{font-size:26px}
  .sidebar{display:block;position:fixed;left:0;top:0;bottom:0;width:min(86vw,320px)!important;height:100dvh;transform:translateX(-105%);z-index:90;padding:16px;box-shadow:18px 0 60px rgba(0,0,0,.34)}.sidebar.mobile-open{transform:translateX(0)}.mobile-side-overlay{display:block;position:fixed;inset:0;background:rgba(0,10,24,.58);backdrop-filter:blur(4px);border:0;z-index:89}.sidebar.mobile-open .brand strong,.sidebar.mobile-open .mode-label,.sidebar.mobile-open .nav-caption,.sidebar.mobile-open .nav-item>span:last-child,.sidebar.mobile-open .account-copy,.sidebar.mobile-open .logout-mini,.sidebar.mobile-open .collapse-btn{display:initial}.sidebar.mobile-open .side-top{justify-content:space-between}.sidebar.mobile-open .nav-item{justify-content:flex-start}.sidebar.mobile-open .account-mini{display:grid}.sidebar.mobile-open .collapse-btn{display:none!important}.side-mode-card{display:grid!important}
  .content{padding:18px 12px 94px}.topbar{padding:0 10px}.hamb{display:grid}.profile-trigger-strong{min-width:42px}.mobile-nav{padding-left:6px;padding-right:6px}.mobile-nav button{font-size:12px!important}.mobile-nav .plus{width:48px;height:48px;border-radius:14px}
  .stats,.advertiser-kpis{grid-template-columns:1fr 1fr}.stat{min-height:92px}.hero-grid-balanced{gap:10px}.mission-hero,.trust-hero{border-radius:14px!important}.mission-card,.activity-row,.campaign-row{border-radius:13px!important}
  .builder-v5{grid-template-columns:1fr}.builder-card-v5{padding:14px}.estimate-v5{display:none}.premium-steps{grid-template-columns:repeat(4, minmax(90px,1fr));overflow:auto;padding:8px}.premium-steps .step b{font-size:11px}.page-picker-grid{grid-template-columns:1fr}.split-builder-v5{grid-template-columns:1fr}.account-editor{grid-template-columns:1fr}.identity-upload-head{grid-template-columns:1fr}.identity-preview-picker{min-height:160px}.kyc-grid-v5{grid-template-columns:1fr}.settings-grid-rich{gap:10px}.panel{padding:16px}.page-head>.btn{max-width:none}
}

/* ===== V5.1 BRAND + LOGIN FIX ===== */
.brandmark-logo{padding:0!important;background:transparent!important;box-shadow:none!important;overflow:hidden}
.brandmark-logo img{width:100%;height:100%;object-fit:cover;display:block;border-radius:10px}
.boot-logo{padding:0!important;background:transparent!important;box-shadow:none!important;overflow:hidden}
.boot-logo img{width:100%;height:100%;object-fit:cover;display:block;border-radius:14px}
.login-v51{min-height:100vh;background:#061328;color:#fff;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(440px,.82fr)}
.login-v51 .login-visual{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 67%,rgba(26,117,255,.25),transparent 35%),linear-gradient(145deg,#06142c 0%,#0b2854 58%,#1f3477 100%);padding:36px clamp(46px,5.2vw,82px);display:grid;grid-template-rows:auto 1fr auto}
.login-v51 .login-brand{position:relative;z-index:3}
.login-v51 .login-copy{align-self:center;position:relative;z-index:3;max-width:780px}
.login-v51 .login-copy h1{margin:24px 0 18px;display:grid;gap:4px;font-size:clamp(36px,3.55vw,54px);line-height:1.03;letter-spacing:-.045em;font-weight:800}
.login-v51 .login-hero-line{display:block;white-space:nowrap;color:#f6f9ff}
.login-v51 .login-hero-line.accent{color:#42d7ff}
.login-v51 .login-copy p{max-width:720px;margin:0;color:#d3e0f2;font-size:clamp(15px,1.18vw,18px);line-height:1.55}
.login-v51 .login-footer-slogan{position:relative;z-index:3;font-size:10px;letter-spacing:.15em;font-weight:800;color:#82a5d1;padding-bottom:3px}
.login-v51 .login-orbit{pointer-events:none}
.login-v51 .login-side{display:grid;place-items:center;background:linear-gradient(145deg,#071426,#0a1830);padding:28px clamp(24px,4vw,54px)}
.login-v51 .login-card{width:min(100%,470px);background:#0d1c31;border:1px solid #263d5d;color:#f6f9ff;border-radius:16px;padding:30px 32px;box-shadow:0 26px 70px rgba(0,0,0,.30)}
.login-v51 .login-card-head{display:grid;justify-items:center;text-align:center;gap:8px;margin-bottom:8px}
.login-v51 .login-card-head .eyebrow{color:#58cfff;font-size:12px;letter-spacing:.16em}
.login-card-logo{width:72px;height:72px;object-fit:cover;border-radius:18px;box-shadow:0 16px 34px rgba(24,109,255,.22);margin:2px 0 2px}
.login-v51 .login-card-head h2{margin:0;font-size:31px;line-height:1.05}
.login-v51 .login-card-head p{margin:0 0 6px;color:#99afca;font-size:15px}
.login-v51 .field>span{color:#e8f0fb}.login-v51 .field input{background:#13243d;border-color:#2a4367;color:#fff}.login-v51 .field input::placeholder{color:#7189a8}
.login-v51 .login-submit{margin-top:4px}
@media(max-width:1100px){.login-v51{grid-template-columns:1.05fr .95fr}.login-v51 .login-copy h1{font-size:clamp(31px,3.45vw,44px)}.login-v51 .login-copy p{font-size:15px}.login-card-logo{width:64px;height:64px}}
@media(max-width:860px){.login-v51{grid-template-columns:1fr}.login-v51 .login-visual{min-height:44vh;padding:24px 22px 26px}.login-v51 .login-copy{margin-top:34px}.login-v51 .login-copy h1{font-size:clamp(25px,6.1vw,36px);gap:3px}.login-v51 .login-copy p{font-size:14px;line-height:1.5}.login-v51 .login-footer-slogan{margin-top:30px}.login-v51 .login-side{padding:18px 16px 28px}.login-v51 .login-card{padding:24px 20px}.login-card-logo{width:58px;height:58px;border-radius:15px}}
@media(max-width:560px){.login-v51 .login-hero-line{white-space:normal}.login-v51 .login-copy h1{font-size:31px}.login-v51 .login-copy p{max-width:100%}.login-v51 .login-welcome{font-size:10px!important}.login-v51 .login-card-head h2{font-size:27px}}

/* V5.2 polish */
.brandmark-logo{background:transparent!important;border:0!important;box-shadow:none!important}.brandmark-logo img{object-fit:contain!important;border-radius:0!important}
.login-card-logo{object-fit:contain!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}
.boot-logo img,.boot-logo-wrap img,.fatal-logo{object-fit:contain;background:transparent}
.boot-logo-wrap{width:74px;height:74px;display:grid;place-items:center}.boot-logo-wrap img{width:100%;height:100%}.boot-progress{width:150px;height:4px;background:rgba(125,160,205,.18);border-radius:999px;overflow:hidden;margin-top:4px}.boot-progress i{display:block;height:100%;width:45%;border-radius:999px;background:linear-gradient(90deg,#10bfff,#7c3cff,#ff3ca6,#ffad35);animation:vcLoad 1.15s ease-in-out infinite}@keyframes vcLoad{0%{transform:translateX(-110%)}100%{transform:translateX(330%)}}
.fatal-card-v52{text-align:center}.fatal-logo{width:70px;height:70px;margin:0 auto 10px}.fatal-card-v52 p{max-width:420px}.fatal-card-v52 small{display:none!important}
.login-v51 .login-copy{max-width:700px}.login-v51 .login-copy h1{font-size:clamp(34px,3.15vw,49px);letter-spacing:-.035em;gap:6px}.login-v51 .login-copy p{max-width:690px;line-height:1.48}.login-v51 .login-card-logo{width:70px;height:70px}
.mission-hero-v52{display:flex!important;flex-direction:column;justify-content:space-between;padding:28px!important}.mission-hero-top{display:flex;align-items:center;justify-content:space-between;gap:18px}.mission-count-pill{font-size:16px;font-weight:800;padding:8px 12px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.09);border-radius:10px;white-space:nowrap}.mission-hero-copy{margin:24px 0 18px}.mission-hero-copy h3{margin:0 0 8px;font-size:clamp(20px,3.2vw,25px);line-height:1.22;letter-spacing:-.01em;white-space:nowrap}.mission-hero-copy p{margin:0!important;max-width:570px!important;line-height:1.45}.mission-hero-v52 .hero-footer{margin-top:auto}@media(max-width:640px){.mission-hero-top{align-items:flex-start;flex-wrap:wrap}.mission-hero-copy h3{font-size:clamp(18px,4.4vw,23px)}.mission-hero-copy p{max-width:100%!important}}@media(max-width:460px){.mission-hero-copy h3{white-space:normal}}
.level-node.rich .level-badge{transition:.2s}.level-initie .level-badge{color:#20c7ff!important;background:#e9faff!important}.level-engage .level-badge{color:#16b9a0!important;background:#e8fff9!important}.level-reconnu .level-badge{color:#745cff!important;background:#f0edff!important}.level-influent .level-badge{color:#df4db4!important;background:#fff0fa!important}.level-eminent .level-badge{color:#f18a22!important;background:#fff3e5!important}.level-prestige .level-badge{color:#fff!important;background:linear-gradient(145deg,#ffd75b,#ffad21)!important;box-shadow:0 8px 22px rgba(255,183,38,.25)}
.settings-save .btn{color:#fff!important}.identity-row-rich{grid-template-columns:auto minmax(0,1fr) auto!important}.identity-row-actions{display:flex;align-items:center;gap:8px}.identity-row-actions .btn{min-height:38px;padding:0 13px}.identity-row-rich small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:650px}
html,body,#root{max-width:100%;overflow-x:hidden}.app-main,.content,.settings-grid,.settings-grid-rich{min-width:0}.panel{min-width:0}
@media(max-width:1200px){.login-v51 .login-copy h1{font-size:clamp(31px,3vw,42px)}.login-v51 .login-copy p{font-size:15px}.login-v51{grid-template-columns:minmax(0,1.12fr) minmax(400px,.88fr)}}

/* V5.3 visual + responsiveness fixes */
.login-v51 .login-copy{max-width:none!important;width:100%;align-self:center;margin:0!important;padding:22px 0 30px}
.login-v51 .login-copy h1{font-size:clamp(30px,2.72vw,42px)!important;line-height:1.08!important;letter-spacing:-.03em!important;gap:7px!important;margin:22px 0 18px!important}
.login-v51 .login-hero-line{white-space:nowrap!important;width:max-content;max-width:100%}
.login-v51 .login-copy p{max-width:680px!important;font-size:clamp(14px,1.05vw,16px)!important;line-height:1.5!important;margin:0!important}
.login-v51 .login-footer-slogan{align-self:end;margin:0!important;padding:0 0 4px!important;position:relative!important;z-index:5}
.login-v51 .login-visual{grid-template-rows:auto minmax(0,1fr) auto!important}
@media(max-width:1180px){.login-v51 .login-copy h1{font-size:31px!important}.login-v51 .login-copy p{font-size:14px!important}}
@media(max-width:860px){.login-v51 .login-hero-line{white-space:normal!important;width:auto}.login-v51 .login-copy{padding:12px 0 18px}.login-v51 .login-footer-slogan{margin-top:16px!important}}

/* cards must always begin below the topbar when navigating */
.app-main{min-width:0}.content{min-height:calc(100vh - var(--top));overflow:visible}

/* level badges: colored fill, not only colored glyphs */
.level-node.rich .level-badge{border:1px solid transparent!important;box-shadow:0 7px 18px rgba(0,0,0,.12)}
.level-initie .level-badge{color:#fff!important;background:linear-gradient(145deg,#13bff4,#0879ff)!important;border-color:#4fdcff!important}
.level-engage .level-badge{color:#fff!important;background:linear-gradient(145deg,#22d8b2,#0aa98e)!important;border-color:#65efd2!important}
.level-reconnu .level-badge{color:#fff!important;background:linear-gradient(145deg,#8d70ff,#6548e9)!important;border-color:#b5a4ff!important}
.level-influent .level-badge{color:#fff!important;background:linear-gradient(145deg,#f06bc7,#c83a9e)!important;border-color:#ff9cdd!important}
.level-eminent .level-badge{color:#fff!important;background:linear-gradient(145deg,#ffae45,#ef7818)!important;border-color:#ffc87c!important}
.level-prestige .level-badge{color:#fff!important;background:linear-gradient(145deg,#ffd75b,#ffad21)!important;border-color:#ffe690!important}

/* Settings: denser and cleaner */
.settings-grid-rich{gap:14px!important;align-items:start}.settings-grid-rich>.panel{padding:20px!important}.settings-grid-rich>.panel h2{margin:0 0 16px}
.settings-grid-rich .field{gap:7px}.settings-grid-rich .field input{min-height:48px}.settings-grid-rich .account-editor{gap:16px}.settings-grid-rich .account-editor-avatar{align-self:start}
.settings-grid-rich>.panel:nth-child(3) .form-stack{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-grid-rich>.panel:nth-child(3) .form-stack .field:first-child{grid-column:1/-1}
.settings-save>span{color:var(--green)!important;font-weight:700}.settings-save .btn span{color:#fff!important}.settings-save .btn{color:#fff!important}
@media(max-width:900px){.settings-grid-rich>.panel:nth-child(3) .form-stack{grid-template-columns:1fr}.settings-grid-rich>.panel:nth-child(3) .form-stack .field:first-child{grid-column:auto}}

/* Identities actions: same visual weight */
.identity-row-actions{display:flex!important;align-items:center;gap:8px!important}.identity-row-actions .btn{height:40px;min-height:40px!important;padding:0 13px!important;display:flex;align-items:center;gap:7px}.identity-delete-btn{border:1px solid rgba(255,77,115,.35)!important;background:rgba(255,77,115,.08)!important;color:#ff5a79!important}.identity-edit-btn{min-width:112px;justify-content:center}.identity-delete-btn{min-width:112px;justify-content:center}

/* Campaign builder steps: readable and substantial */
.premium-steps{padding:14px!important;gap:10px!important}.premium-steps .step{min-height:74px!important;padding:10px 8px!important;gap:7px!important}.premium-steps .step .step-index{width:34px!important;height:34px!important;font-size:14px!important}.premium-steps .step b{font-size:13px!important;line-height:1.25!important}.premium-steps .step.active b{color:var(--blue)}
@media(max-width:780px){.premium-steps{grid-template-columns:repeat(4,minmax(116px,1fr))!important}.premium-steps .step b{font-size:12px!important}}

/* ===== V5.4 LOGIN REBUILD — stable desktop + mobile ===== */
.login-v54{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(420px,.82fr);background:#071426;color:#f7faff;overflow:hidden}
.login-v54 .login-visual{position:relative;min-width:0;min-height:100dvh;padding:38px clamp(42px,5vw,78px) 32px;display:flex;flex-direction:column;background:radial-gradient(circle at 84% 70%,rgba(44,117,255,.24),transparent 34%),linear-gradient(145deg,#07162e 0%,#0b2b59 62%,#233774 100%);overflow:hidden}
.login-v54 .login-brand{position:relative;z-index:3;flex:0 0 auto}
.login-v54 .login-copy{position:relative!important;inset:auto!important;transform:none!important;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:1 1 auto;width:100%;max-width:720px!important;padding:34px 0 28px!important;margin:0!important}
.login-v54 .login-welcome{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border:1px solid rgba(174,206,255,.26);border-radius:11px;background:rgba(255,255,255,.055);font-size:11px;font-weight:800;letter-spacing:.14em;color:#e9f2ff;white-space:nowrap}
.login-v54 .login-copy h1{display:flex!important;flex-direction:column;gap:7px!important;width:100%;margin:22px 0 18px!important;font-size:clamp(31px,3vw,45px)!important;line-height:1.08!important;letter-spacing:-.035em!important;font-weight:800}
.login-v54 .login-copy h1 span{display:block!important;width:auto!important;max-width:100%;white-space:nowrap!important;color:#f8fbff!important}
.login-v54 .login-copy h1 .accent{color:#3bd1ff!important}
.login-v54 .login-copy p{width:100%;max-width:660px!important;margin:0!important;color:#d3e0f2!important;font-size:clamp(14px,1.08vw,16px)!important;line-height:1.55!important}
.login-v54 .login-values{display:flex;align-items:center;gap:10px;margin-top:24px;color:#9db6d6;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.login-v54 .login-values i{width:4px;height:4px;border-radius:50%;background:#39cfff;opacity:.75}
.login-v54 .login-footer-slogan{position:relative!important;inset:auto!important;z-index:3;flex:0 0 auto;margin:0!important;padding:0!important;color:#84a7d2;font-size:10px;font-weight:800;letter-spacing:.15em;line-height:1.3;white-space:nowrap}
.login-v54 .login-orbit{position:absolute;width:520px;height:520px;right:-180px;bottom:-155px;border:1px solid rgba(104,201,255,.18);border-radius:50%;box-shadow:0 0 0 54px rgba(91,198,255,.035),0 0 0 108px rgba(91,198,255,.02);pointer-events:none}
.login-v54 .login-side{min-width:0;min-height:100dvh;display:grid;place-items:center;padding:34px clamp(26px,4vw,54px);background:linear-gradient(145deg,#071426,#09182c)}
.login-v54 .login-card{width:min(100%,460px);padding:34px;background:#0d1d32;border:1px solid #29415f;border-radius:18px;box-shadow:0 28px 75px rgba(0,0,0,.30)}
.login-v54 .login-card-head{display:flex;align-items:center;justify-content:flex-start;gap:16px;margin:0 0 28px;text-align:left}
.login-v54 .login-card-logo{flex:0 0 auto;width:58px!important;height:58px!important;margin:0!important;object-fit:contain!important;background:transparent!important;border-radius:0!important;box-shadow:none!important}
.login-v54 .login-card-head>div{min-width:0}
.login-v54 .login-card-head h2{margin:0 0 4px;font-size:31px;line-height:1.05;letter-spacing:-.025em}
.login-v54 .login-card-head p{margin:0;color:#9db2ce;font-size:14px;line-height:1.45}
.login-v54 .login-fields{display:grid;gap:18px}
.login-v54 .field{gap:8px}
.login-v54 .field>span{color:#edf4ff;font-size:14px}
.login-v54 .field input{min-height:54px;background:#13243d;border-color:#2a4367;color:#fff;border-radius:11px}
.login-v54 .field input:focus{border-color:#2d8cff;box-shadow:0 0 0 3px rgba(45,140,255,.12)}
.login-v54 .field input::placeholder{color:#7189a8}
.login-v54 .login-submit{min-height:50px;margin-top:22px;border-radius:11px}
.login-v54 .login-card-note{display:none;margin-top:20px;text-align:center;color:#6f8eb7;font-size:9px;font-weight:800;letter-spacing:.13em}
.login-v54 .login-mobile-brand{display:none}
@media(max-width:1180px){
  .login-v54{grid-template-columns:minmax(0,1.05fr) minmax(400px,.95fr)}
  .login-v54 .login-visual{padding-left:42px;padding-right:42px}
  .login-v54 .login-copy h1{font-size:32px!important}
  .login-v54 .login-copy p{font-size:14px!important;max-width:570px!important}
}
@media(max-width:860px){
  .login-v54{display:block;min-height:100dvh;background:radial-gradient(circle at 50% 18%,rgba(34,102,220,.20),transparent 32%),linear-gradient(180deg,#07172d,#071426)}
  .login-v54 .login-visual{display:none!important}
  .login-v54 .login-side{min-height:100dvh;padding:max(24px,env(safe-area-inset-top)) 18px max(26px,env(safe-area-inset-bottom));background:transparent}
  .login-v54 .login-card{width:min(100%,480px);padding:26px 22px;border-radius:18px;background:rgba(13,29,50,.96)}
  .login-v54 .login-mobile-brand{display:flex;margin-bottom:34px}
  .login-v54 .login-card-head{gap:14px;margin-bottom:28px}
  .login-v54 .login-card-logo{width:52px!important;height:52px!important}
  .login-v54 .login-card-head h2{font-size:28px}
  .login-v54 .login-card-head p{font-size:14px}
  .login-v54 .login-card-note{display:block}
}
@media(max-width:430px){
  .login-v54 .login-side{padding-left:14px;padding-right:14px}
  .login-v54 .login-card{padding:22px 18px}
  .login-v54 .login-mobile-brand{margin-bottom:28px}
  .login-v54 .login-card-head{align-items:center}
  .login-v54 .field input{min-height:52px}
}

/* ===== V5.5 GLOBAL APP SHELL — continuous desktop sidebar ===== */
/*
   Desktop shell is intentionally fixed instead of sticky.
   This prevents the navigation background from ending with its own content
   while long pages continue underneath it.
*/
@media (min-width:781px){
  .shell{
    display:block!important;
    min-height:100dvh!important;
    padding-left:var(--side)!important;
    background:var(--bg);
    transition:padding-left .24s cubic-bezier(.2,.75,.2,1)!important;
  }
  .shell.side-collapsed{
    --side:84px;
  }
  .sidebar{
    position:fixed!important;
    inset:0 auto 0 0!important;
    width:var(--side)!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    padding-top:20px;
    padding-bottom:20px;
    z-index:50!important;
    overflow:hidden!important;
  }
  .sidebar-inner{
    width:100%;
    height:100%!important;
    min-height:0;
    grid-template-rows:auto auto minmax(0,1fr) auto!important;
  }
  .sidebar-scroll{
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
  .sidebar-foot{
    margin-top:0!important;
    align-self:end;
    width:100%;
    background:linear-gradient(180deg,rgba(7,23,47,0),rgba(7,23,47,.22) 22%,rgba(7,23,47,.34));
  }
  .app-main{
    width:100%!important;
    min-width:0!important;
    min-height:100dvh!important;
    background:var(--bg);
  }
  .topbar{
    width:100%!important;
    padding-left:32px!important;
    padding-right:32px!important;
  }
  .content{
    width:100%!important;
    max-width:1480px!important;
    min-width:0!important;
    margin:0 auto!important;
    padding-left:32px!important;
    padding-right:32px!important;
  }
}

/* Compact desktop keeps exactly the same shell logic. */
@media (min-width:781px) and (max-width:1100px){
  .shell{--side:84px}
  .topbar{padding-left:22px!important;padding-right:22px!important}
  .content{padding-left:22px!important;padding-right:22px!important}
}

/* Mobile remains drawer + bottom navigation: no permanent sidebar. */
@media (max-width:780px){
  .shell{padding-left:0!important;min-height:100dvh!important}
  .app-main{width:100%;min-height:100dvh}
}

/* ===== V5.6 ADMIN / ROUTING / UI HARDENING ===== */
.avatar{flex:0 0 auto!important;min-width:0;aspect-ratio:1/1;line-height:1;overflow:hidden!important}
.avatar.sm{flex-basis:38px}.avatar.md{flex-basis:46px}.avatar.xl{flex-basis:76px}
.profile-card{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;min-width:0}
.profile-identity-copy{min-width:0}.profile-identity-copy p{overflow-wrap:anywhere}.profile-quick-actions{margin:0!important;display:grid!important;gap:8px!important;min-width:150px}
.side-mode-card{border-radius:14px!important;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.035))!important;border-color:rgba(142,187,255,.18)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.side-mode-card span{font-size:10px!important}.side-mode-card b{font-size:13px!important;line-height:1.25}.admin-mode-card{background:linear-gradient(145deg,rgba(38,111,255,.18),rgba(113,68,255,.09))!important}
.mode-switch-strong button{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;white-space:nowrap!important;min-width:130px!important}.mode-switch-strong button span,.mode-switch-strong button b{display:inline!important;line-height:1!important}.mode-switch-strong button b{font-weight:700!important}.mode-switch-strong button span{font-weight:600!important}
.profile-trigger small,.profile-mode-chip,.danger-item{font-weight:600!important}.profile-mode-chip{letter-spacing:.025em!important}.danger-item{color:#ff5b79!important}
.admin-top-chip{height:42px;padding:0 14px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--blue);font-size:11px;font-weight:750;letter-spacing:.08em;white-space:nowrap}
.notification-panel{width:min(380px,calc(100vw - 20px))!important;max-height:min(560px,calc(100dvh - 86px));overflow:hidden;display:flex;flex-direction:column}.notification-list{overflow:auto;min-height:0}.notification-item{padding:13px 16px!important}.notification-item p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.notification-more{padding:11px 16px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:700;text-align:center;background:var(--surface-2)}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin:0 0 18px;border:1px solid var(--line);border-radius:12px;background:#0a1729}.auth-tabs button{border:0;border-radius:9px;padding:10px 12px;background:transparent;color:#8fa6c4;font-weight:700}.auth-tabs button.active{background:#162a46;color:#fff;box-shadow:0 4px 14px rgba(0,0,0,.16)}.register-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.register-grid .field{margin:8px 0}.register-grid .full{grid-column:1/-1}.login-v54 .login-card{max-height:calc(100dvh - 48px);overflow:auto}
.module-error{min-height:220px;display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:18px;align-items:center}.module-error img{width:50px;height:50px;object-fit:contain}.module-error h2{margin:0 0 5px}.module-error p{margin:0;color:var(--muted)}
.admin-user-list{display:grid;gap:8px}.admin-user-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto 90px;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.admin-user-row:last-child{border-bottom:0}.admin-user-row>div{min-width:0}.admin-user-row b,.admin-user-row span{display:block}.admin-user-row div span{color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis}.admin-role{font-size:11px;font-weight:750;color:var(--blue);white-space:nowrap}.admin-user-row>small{text-align:right;color:var(--muted);font-weight:650}.admin-users-panel{overflow:hidden}.admin-users-table{overflow:auto}.admin-users-head,.admin-users-row{min-width:880px;display:grid;grid-template-columns:minmax(260px,1.4fr) 110px 130px 150px 140px;gap:12px;align-items:center}.admin-users-head{padding:0 10px 10px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.admin-users-row{padding:11px 10px;border-top:1px solid var(--line)}.admin-account-cell{display:flex;align-items:center;gap:10px;min-width:0}.admin-account-cell>div{min-width:0}.admin-account-cell b,.admin-account-cell small{display:block}.admin-account-cell small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-users-row select{width:100%;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:9px;padding:9px 10px}.admin-users-row select:disabled{opacity:.55}.admin-msg{margin-bottom:14px}.admin-quick-grid{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.admin-access-card p{color:var(--muted)}.admin-kyc-row{grid-template-columns:minmax(0,1fr) auto auto!important}.row-actions{display:flex!important;gap:8px}
.settings-save>span{font-size:13px}.settings-save .btn span{font-weight:700!important;color:#fff!important}
@media(min-width:781px){.side-collapsed .side-top{flex-direction:column!important;justify-content:flex-start!important;gap:10px!important;margin-bottom:12px!important}.side-collapsed .sidebar{box-shadow:4px 0 18px rgba(5,22,49,.08)!important}.side-collapsed .sidebar-foot{overflow:visible!important}.side-collapsed .account-mini{overflow:visible!important}.side-collapsed .avatar.sm{width:38px!important;min-width:38px!important}.side-collapsed .collapse-btn{width:38px!important;height:38px!important;flex:0 0 38px!important}.side-collapsed .brandmark{width:38px!important;height:38px!important;flex:0 0 38px!important}}
@media(max-width:780px){.profile-card{grid-template-columns:auto minmax(0,1fr)!important}.profile-quick-actions{grid-column:1/-1!important;grid-template-columns:1fr 1fr!important;min-width:0}.profile-quick-actions .btn{width:100%;white-space:normal}.register-grid{grid-template-columns:1fr}.register-grid .full{grid-column:auto}.login-v54 .login-card{max-height:none}.admin-top-chip{display:none}.module-error{grid-template-columns:44px 1fr}.module-error .btn{grid-column:1/-1}.admin-user-row{grid-template-columns:auto minmax(0,1fr) auto}.admin-user-row>small{display:none}.admin-kyc-row{grid-template-columns:1fr!important}.row-actions{justify-content:flex-start}.notification-item p{max-width:210px}}

/* V5.7 — coherence, admin, language and mode controls */
.link-btn{border:1px solid var(--line);background:var(--surface-2);color:var(--blue);height:38px;padding:0 12px;border-radius:10px;display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}.link-btn:hover{border-color:color-mix(in srgb,var(--blue) 48%,var(--line));background:color-mix(in srgb,var(--blue) 8%,var(--surface))}
.admin-recent-panel .section-head{margin-bottom:8px}.admin-user-list{gap:0}.admin-user-row{grid-template-columns:40px minmax(0,1fr) auto!important;min-height:62px;padding:10px 2px!important}.admin-user-tags{display:flex!important;align-items:center;gap:9px;justify-content:flex-end}.admin-user-tags .admin-role{display:inline-flex!important;background:color-mix(in srgb,var(--blue) 9%,var(--surface-2));padding:5px 8px;border-radius:8px}.admin-user-tags small{display:inline-flex!important;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.04em}
.status-pill.not_verified{background:color-mix(in srgb,var(--amber) 13%,var(--surface-2));color:#c47a00;border:1px solid color-mix(in srgb,var(--amber) 26%,var(--line))}
.admin-campaign-owner{display:flex;align-items:center;gap:8px;margin:4px 4px 7px;color:var(--muted);font-size:12px}.admin-campaign-owner b{color:var(--ink);font-weight:650}.admin-inline-msg{margin:0 0 12px;padding:10px 12px;border:1px solid var(--line);background:var(--surface);border-radius:10px;color:var(--muted);font-size:13px}
.lang-switch{display:flex;align-items:center;padding:3px;border:1px solid var(--line);background:var(--surface);border-radius:11px;gap:2px}.lang-switch button{border:0;background:transparent;color:var(--muted);height:32px;min-width:34px;padding:0 8px;border-radius:8px;font-size:11px;font-weight:750;letter-spacing:.04em}.lang-switch button.active{background:var(--blue);color:#fff;box-shadow:0 5px 12px rgba(20,105,245,.18)}
.mode-switch-strong{gap:5px!important;padding:4px!important}.mode-switch-strong button{min-width:142px!important;min-height:43px!important;border:1px solid transparent!important;gap:7px!important;padding:9px 14px!important;color:var(--muted)!important;opacity:.72}.mode-switch-strong button span{font-size:11px!important;font-weight:650!important;letter-spacing:.07em!important}.mode-switch-strong button b{font-size:13px!important;font-weight:700!important;letter-spacing:.01em!important}.mode-switch-strong button.active{opacity:1;color:var(--blue)!important;background:color-mix(in srgb,var(--blue) 9%,var(--surface))!important;border-color:color-mix(in srgb,var(--blue) 38%,var(--line))!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--blue) 9%,transparent),0 5px 14px rgba(20,105,245,.08)!important}.mode-switch-strong button.active:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 14%,transparent)}
.side-mode-card{box-shadow:none!important}.sidebar-foot{box-shadow:none!important}.account-mini{box-shadow:none!important}.side-collapsed .sidebar-foot,.side-collapsed .account-mini,.side-collapsed .avatar{filter:none!important;box-shadow:none!important}
.kyc-status-head{padding-bottom:2px}.kyc-status-head .status-pill{min-width:104px}.kyc-card>span{font-weight:750}.kyc-card>b{font-weight:700}
@media(max-width:1180px){.mode-switch-strong button{min-width:122px!important}.lang-switch{display:none}}
@media(max-width:780px){.admin-user-tags{display:grid!important;gap:4px;justify-items:end}.admin-user-tags small{display:none!important}.lang-switch{display:none}.admin-recent-panel .link-btn{height:36px}.mode-switch-strong{display:none!important}}
.preference-language{margin:16px 0 4px;padding-top:14px;border-top:1px solid var(--line)}.preference-language>span{display:block;color:var(--muted);font-size:13px;font-weight:650;margin-bottom:8px}.lang-choice{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lang-choice button{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);border-radius:10px;padding:10px 12px;font:inherit;font-size:13px;font-weight:700}.lang-choice button.active{border-color:var(--blue);background:color-mix(in srgb,var(--blue) 9%,var(--surface));color:var(--blue)}

/* V5.8 — workspace identity, no-shadow footer, stable admin modules */
.side-workspace{
  position:relative!important;display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;
  align-items:center!important;gap:11px!important;padding:12px 13px!important;
  border:1px solid rgba(116,166,235,.16)!important;border-radius:12px!important;
  background:rgba(255,255,255,.025)!important;overflow:hidden!important;
}
.side-workspace:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:2px;border-radius:4px;background:#2a83ff;opacity:.85}
.side-workspace .workspace-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#55a5ff;background:rgba(27,119,255,.09);border:1px solid rgba(68,143,245,.13)}
.side-workspace .workspace-copy{min-width:0;display:grid;gap:3px}
.side-workspace .workspace-copy>span{font-size:9px!important;font-weight:700!important;letter-spacing:.14em;color:#7894ba;white-space:nowrap}
.side-workspace .workspace-copy>b{font-size:12px!important;font-weight:650!important;line-height:1.2!important;color:#eef5ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.advertiser-workspace:before{background:#7b6cff}.advertiser-workspace .workspace-mark{color:#9c91ff;background:rgba(123,108,255,.09);border-color:rgba(123,108,255,.16)}
.admin-mode-card:before{background:#39a0ff}.admin-mode-card{background:rgba(255,255,255,.025)!important}
.sidebar-foot{background:transparent!important;border-top:1px solid rgba(116,166,235,.10)!important;padding-top:10px!important}
.account-mini,.logout-mini,.side-collapsed .sidebar,.profile-trigger,.profile-menu{box-shadow:none!important;filter:none!important}
.logout-mini{background:rgba(255,255,255,.035)!important;border:1px solid rgba(116,166,235,.10)!important}
.logout-mini:hover{background:rgba(45,132,255,.09)!important;border-color:rgba(45,132,255,.22)!important}
.profile-identity-copy p{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}
.profile-card .avatar.xl{width:76px!important;height:76px!important}
.profile-quick-actions .btn{min-height:44px!important}
.admin-campaigns-panel{padding:14px!important}.admin-campaign-table{display:grid;gap:9px}.admin-campaign-card{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2)}
.admin-campaign-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;color:var(--blue);background:rgba(25,116,255,.08)}.admin-campaign-main{min-width:0}.admin-campaign-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.admin-campaign-title h3{margin:0 0 3px;font-size:15px}.admin-campaign-title p{margin:0;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-campaign-meta{display:flex;gap:18px;align-items:center;margin-top:7px;color:var(--muted);font-size:11px;flex-wrap:wrap}.admin-campaign-meta b{color:var(--ink)}.admin-campaign-actions{display:flex;gap:7px;align-items:center}.admin-loading{min-height:160px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted)}.admin-loading span{width:18px;height:18px;border-radius:50%;border:2px solid rgba(70,145,255,.18);border-top-color:var(--blue);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:980px){.admin-campaign-card{grid-template-columns:40px minmax(0,1fr)}.admin-campaign-actions{grid-column:2;justify-content:flex-start}.side-workspace{grid-template-columns:30px minmax(0,1fr)!important;padding:10px!important}.side-workspace .workspace-mark{width:30px;height:30px}}
@media(max-width:780px){.profile-identity-copy p{white-space:normal!important}.admin-campaign-card{grid-template-columns:1fr}.admin-campaign-icon{display:none}.admin-campaign-actions{grid-column:1}.admin-campaign-title{gap:8px}.admin-campaign-title p{white-space:normal}}

/* V5.9 — coherence pass: compact SaaS UI, stable header/sidebar, full-width campaign builder */
@media(min-width:781px){
  .topbar{min-width:0;flex-wrap:nowrap!important;overflow:visible}
  .top-left{min-width:240px;flex:1 1 360px;max-width:420px}
  .search-pill{width:100%;min-width:0;white-space:nowrap!important;flex-wrap:nowrap!important}
  .search-pill span{white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}
  .top-actions{flex:0 0 auto;min-width:0;flex-wrap:nowrap!important}
  .profile-trigger-strong{min-width:190px;max-width:210px}
  .profile-copy b,.profile-copy small{white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}
  .profile-copy small{font-size:10px!important}
  .side-collapsed .side-top{display:grid!important;grid-template-columns:1fr!important;justify-items:center!important;width:100%;overflow:visible!important}
  .side-collapsed .collapse-btn{position:static!important;transform:none!important;margin:0!important}
  .side-collapsed .sidebar-inner{overflow:visible!important}
}
/* campaign builder: estimation rail removed, the four steps now own the full width */
.builder-v5{grid-template-columns:minmax(0,1fr)!important;max-width:100%!important}
.builder-card-v5{width:100%;max-width:none}
.premium-steps{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.premium-steps .step{min-height:64px}
.split-builder-v5{grid-template-columns:minmax(260px,.9fr) minmax(420px,1.35fr)}
.compact-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.action-choice{min-height:104px}
/* Less oversized page headings */
.page-head h1{font-size:clamp(34px,3.15vw,48px)!important;line-height:1.03!important;letter-spacing:-.035em!important}
.page-head p{max-width:780px}
/* Member is the visual reference for every workspace, including admin */
.nav-item{box-shadow:none!important;filter:none!important}
.nav-item.active{box-shadow:none!important;background:#246cff!important}
.admin-mode-card,.advertiser-workspace,.member-workspace{box-shadow:none!important}
/* avatars: optical + geometric centering everywhere */
.avatar{display:grid!important;place-items:center!important;text-align:center!important;padding:0!important;line-height:1!important;font-weight:800!important}
.avatar img{width:100%;height:100%;display:block;object-fit:cover}
.admin-user-row>.avatar{align-self:center;justify-self:center}
/* Level cards: remove the disabled-looking grey active state */
.level-node.rich{background:color-mix(in srgb,var(--surface-2) 94%,#0d67ff 6%)!important}
.level-node.rich.active{background:color-mix(in srgb,var(--surface-2) 88%,#0d67ff 12%)!important;border-color:color-mix(in srgb,#3b91ff 58%,var(--line))!important;box-shadow:inset 0 0 0 1px rgba(75,154,255,.12)!important}
/* no accidental glow/reflection under selected sidebar items */
.nav-item.active:after,.nav-item.active:before{box-shadow:none!important;filter:none!important}
@media(max-width:1180px) and (min-width:781px){
  .topbar{padding-left:16px!important;padding-right:16px!important;gap:8px!important}
  .mode-switch-strong button{min-width:105px!important;padding-left:10px!important;padding-right:10px!important}
  .profile-trigger-strong{min-width:166px;max-width:180px}
  .top-left{max-width:310px}
}
@media(max-width:900px) and (min-width:781px){
  .search-pill kbd{display:none}.top-left{max-width:245px}.profile-trigger-strong{min-width:52px;width:52px}.profile-trigger-strong .profile-copy,.profile-trigger-strong .profile-caret{display:none}
}
@media(max-width:780px){
  .page-head h1{font-size:clamp(29px,8vw,36px)!important}
  .compact-actions{grid-template-columns:1fr 1fr!important}
}

/* V6.0 — campaign conversion polish */
.premium-steps{gap:12px!important;padding:16px!important;background:linear-gradient(180deg,rgba(18,44,77,.86),rgba(10,28,50,.74))!important;border:1px solid rgba(112,165,232,.18)!important;border-radius:18px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.premium-steps .step{position:relative;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center!important;gap:14px!important;min-height:84px!important;padding:14px 16px!important;border:1px solid rgba(111,159,220,.12)!important;border-radius:14px!important;background:linear-gradient(180deg,rgba(10,27,46,.72),rgba(8,22,38,.56))!important;text-align:left!important;transition:.22s ease!important;overflow:hidden}
.premium-steps .step:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:rgba(255,255,255,.03)}
.premium-steps .step:after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:2px;background:transparent;border-radius:2px}
.premium-steps .step:hover{transform:translateY(-1px);border-color:rgba(72,145,242,.26)!important;background:linear-gradient(180deg,rgba(12,31,54,.82),rgba(10,25,42,.68))!important}
.premium-steps .step-index{flex:0 0 42px;width:42px!important;height:42px!important;border-radius:13px!important;display:grid!important;place-items:center!important;background:linear-gradient(180deg,rgba(28,100,193,.18),rgba(17,58,107,.22))!important;border:1px solid rgba(91,151,226,.22)!important;color:#a9c4e7!important;font-size:13px!important;font-weight:900!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.premium-steps .step-copy{display:grid;gap:4px;min-width:0}.premium-steps .step-copy b{font-size:12px!important;letter-spacing:.09em!important;white-space:nowrap;color:#d7e6fb;text-transform:uppercase}.premium-steps .step-copy small{font-size:10px!important;color:#82a3cb!important;white-space:normal;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:100%}
.premium-steps .step-glyph{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:#6f93bf;background:rgba(24,52,88,.55);border:1px solid rgba(95,141,204,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
.premium-steps .step.active{background:linear-gradient(135deg,rgba(20,100,212,.24),rgba(15,41,72,.95))!important;border-color:rgba(46,133,255,.58)!important;box-shadow:0 0 0 1px rgba(37,133,255,.12),0 10px 26px rgba(10,35,67,.24)!important}.premium-steps .step.active:after{background:linear-gradient(90deg,#1f89ff,#56b3ff)}.premium-steps .step.active .step-index{background:linear-gradient(180deg,#2a8eff,#1a71e0)!important;color:white!important;border-color:#4d9cff!important}.premium-steps .step.active .step-copy b{color:#ffffff!important}.premium-steps .step.active .step-copy small{color:#bed8f3!important}.premium-steps .step.active .step-glyph{color:#dcecff;background:rgba(255,255,255,.07);border-color:rgba(140,185,243,.24)}
.premium-steps .step.done{border-color:rgba(49,203,170,.28)!important;background:linear-gradient(180deg,rgba(8,43,46,.58),rgba(8,32,36,.52))!important}.premium-steps .step.done:after{background:linear-gradient(90deg,#20c8a3,#57dfbe)}.premium-steps .step.done .step-index{background:rgba(24,199,160,.13)!important;color:#26d6b3!important;border-color:rgba(38,214,179,.28)!important}.premium-steps .step.done .step-copy b{color:#66ebcc!important}.premium-steps .step.done .step-copy small{color:#a7d9cf!important}.premium-steps .step.done .step-glyph{color:#46d8b8;background:rgba(20,93,84,.33);border-color:rgba(66,220,192,.18)}
.saved-pages-block{display:grid;gap:11px}.saved-pages-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.saved-pages-head>div{display:grid;gap:3px}.saved-pages-head b{font-size:11px;letter-spacing:.1em;color:#75a8e8}.saved-pages-head span{font-size:12px;color:var(--muted)}.refresh-pages{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:transparent;color:#8eadd3;border-radius:9px;padding:8px 10px;font:inherit;font-size:11px;font-weight:700;cursor:pointer}.refresh-pages:hover{color:white;border-color:rgba(48,132,244,.42);background:rgba(35,118,229,.07)}
.page-picker-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.page-pick{position:relative!important;display:grid!important;grid-template-columns:46px minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;min-height:76px!important;padding:12px!important;text-align:left!important;border-radius:13px!important;background:rgba(14,34,58,.72)!important;border:1px solid rgba(102,151,214,.17)!important}.page-pick:hover{border-color:rgba(52,137,255,.42)!important;background:rgba(18,43,73,.85)!important}.page-pick.active{border-color:#2585ff!important;background:linear-gradient(135deg,rgba(29,118,240,.16),rgba(17,42,72,.9))!important;box-shadow:inset 0 0 0 1px rgba(37,133,255,.12)!important}.page-pick-photo{width:46px!important;height:46px!important;border-radius:12px!important;overflow:hidden!important;display:grid!important;place-items:center!important;background:#0c2748!important}.page-pick-photo img{width:100%;height:100%;object-fit:cover}.page-pick-copy{min-width:0;display:grid;gap:4px}.page-pick-copy b{font-size:14px}.page-pick-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#7597c0;font-size:11px}.page-select-state{min-width:58px;display:grid;place-items:center;color:#6f94bf;font-size:9px;font-weight:800;letter-spacing:.08em}.page-pick.active .page-select-state{min-width:27px;width:27px;height:27px;border-radius:8px;background:#1b7cff;color:white}.page-empty-callout{grid-template-columns:auto minmax(0,1fr) auto auto!important}
.campaign-list{display:grid!important;gap:10px!important}.campaign-row-premium{position:relative!important;display:grid!important;grid-template-columns:44px minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important;padding:15px 16px!important;border-radius:14px!important;background:linear-gradient(105deg,rgba(17,40,68,.96),rgba(13,31,53,.92))!important;border:1px solid rgba(103,151,211,.18)!important;overflow:hidden!important;transition:.18s ease!important}.campaign-row-premium:hover{border-color:rgba(52,132,241,.34)!important;transform:translateY(-1px)}.campaign-row-premium:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:2px;border-radius:4px;background:#1f7cff;opacity:.7}.campaign-row-premium.ended:before{background:#647b99;opacity:.38}.campaign-row-premium.ended{opacity:.78}.campaign-row-premium .campaign-icon{width:40px!important;height:40px!important;border-radius:11px!important;background:rgba(31,124,255,.08)!important;border:1px solid rgba(49,134,250,.11)!important}.campaign-row-premium .campaign-title-line{align-items:flex-start!important}.campaign-row-premium .campaign-title-line>div{min-width:0}.campaign-row-premium .campaign-title-line h3{font-size:14px!important;margin:0 0 3px!important}.campaign-row-premium .campaign-title-line p{margin:0!important;color:#7899c1!important;font-size:11px!important}.campaign-row-premium .campaign-title-line p span{opacity:.45;margin:0 3px}.campaign-performance{display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:center;gap:10px;margin-top:10px}.campaign-performance .campaign-progress{margin:0!important;height:4px!important}.campaign-performance>b{font-size:10px;color:#82a3cb;text-align:right}.campaign-row-premium .campaign-meta{margin-top:9px!important;display:flex!important;gap:24px!important}.campaign-row-premium .campaign-meta span{display:grid!important;gap:2px!important}.campaign-row-premium .campaign-meta small{font-size:8px!important;letter-spacing:.08em!important;color:#57779e!important}.campaign-row-premium .campaign-meta b{font-size:10px!important;color:#dfeaff!important}.campaign-row-premium .campaign-actions{padding-left:10px;border-left:1px solid rgba(103,151,211,.12)}.campaign-row-premium .status-pill{white-space:nowrap}

@media(max-width:1500px){.premium-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}.premium-steps .step{min-height:82px!important}.premium-steps .step-glyph{display:none!important}}
@media(max-width:980px){.premium-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}.premium-steps .step{min-height:78px!important}.page-picker-grid{grid-template-columns:1fr!important}.campaign-row-premium{grid-template-columns:40px minmax(0,1fr)!important}.campaign-row-premium .campaign-actions{grid-column:2;border-left:0;padding-left:0}.page-empty-callout{grid-template-columns:auto minmax(0,1fr)!important}.page-empty-callout .refresh-pages,.page-empty-callout .btn{grid-column:2}}
@media(max-width:620px){.premium-steps{grid-template-columns:1fr!important}.premium-steps .step{grid-template-columns:auto minmax(0,1fr)!important;min-height:70px!important}.premium-steps .step-glyph{display:none!important}.campaign-row-premium{grid-template-columns:1fr!important}.campaign-row-premium .campaign-icon{display:none!important}.campaign-row-premium .campaign-actions{grid-column:1!important}.campaign-row-premium .campaign-meta{gap:14px!important;flex-wrap:wrap!important}}


/* V7 — production UX, density, pagination, single-scroll philosophy */
@media(min-width:781px){
  .sidebar-scroll{overflow:visible!important;padding-right:0!important;min-height:auto!important}
  .sidebar-inner{grid-template-rows:auto auto auto 1fr!important;align-content:start}
  .sidebar-foot{align-self:end;margin-top:auto!important}
}
@media(min-width:781px) and (max-height:720px){.sidebar-scroll{overflow-y:auto!important;max-height:calc(100vh - 250px);padding-right:4px!important}}

/* Stepper: readable, no squeezed text */
.premium-steps .step-copy{width:auto!important;height:auto!important;min-width:0!important;align-self:center!important}
.premium-steps .step-copy b{font-size:13px!important;line-height:1.25!important;letter-spacing:.075em!important}
.premium-steps .step-copy small{font-size:12px!important;line-height:1.35!important;white-space:normal!important;display:block!important;overflow:visible!important;text-overflow:clip!important}
.premium-steps .step-glyph{flex:0 0 auto!important}
@media(max-width:1500px){.premium-steps .step{grid-template-columns:42px minmax(0,1fr)!important}.premium-steps .step-glyph{display:none!important}}
@media(max-width:620px){.premium-steps{grid-template-columns:1fr!important}.premium-steps .step{min-height:72px!important}}

/* No micro-text in operational views */
.saved-pages-head b,.refresh-pages,.page-select-state,.campaign-row-premium .campaign-meta small,.campaign-row-premium .campaign-meta b,.campaign-performance>b,.admin-campaign-meta,.admin-campaign-title p,.admin-role,.admin-users-head{font-size:12px!important}
.page-pick-copy small,.campaign-row-premium .campaign-title-line p{font-size:12px!important}
.campaign-row-premium .campaign-title-line h3{font-size:15px!important}

/* Campaign action alignment */
.admin-campaign-card{grid-template-columns:44px minmax(0,1fr) auto!important;align-items:center!important}
.admin-campaign-actions{display:grid!important;grid-template-columns:auto auto auto;align-items:center!important;justify-content:end!important;gap:8px!important;min-width:260px}
.admin-campaign-actions .status-pill{justify-self:end;min-width:74px;text-align:center}
.admin-campaign-actions .btn{height:40px;min-width:88px;padding:9px 12px!important}
.admin-campaign-card:has(.admin-campaign-actions .status-pill:last-child) .admin-campaign-actions{grid-template-columns:auto!important;min-width:90px}
@media(max-width:1100px){.admin-campaign-card{grid-template-columns:40px minmax(0,1fr)!important}.admin-campaign-actions{grid-column:2!important;grid-template-columns:auto auto auto!important;justify-content:start!important;min-width:0;margin-top:6px}}

/* Advertiser campaign cards */
.campaign-row-premium .campaign-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important}
.campaign-row-premium .campaign-actions .btn{height:38px;min-width:84px}

/* Pagination instead of endless lists */
.pager{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px 0 4px;padding:10px 0}.pager button{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:9px 12px;display:flex;align-items:center;gap:7px;font-weight:700;font-size:13px}.pager button:disabled{opacity:.38}.pager span{font-size:13px;color:var(--muted)}.pager-prev{transform:rotate(180deg)}

/* Smart Distribution — richer but still compact */
.smart-distribution-card{padding:22px!important;background:radial-gradient(circle at 95% 8%,rgba(48,133,255,.18),transparent 34%),linear-gradient(160deg,#0d2b55,#123766)!important;border:1px solid rgba(92,153,232,.22)!important;box-shadow:0 18px 42px rgba(4,23,48,.18)}
.smart-card-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.smart-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(34,215,184,.12);border:1px solid rgba(45,220,190,.22);color:#31d8b5}.smart-card-head h3{margin:4px 0 0!important;font-size:20px!important}.smart-distribution-card>p{font-size:14px!important;line-height:1.55!important;color:#c4d7ee!important;margin:0 0 18px!important}.smart-metrics{display:grid;gap:0;border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09)}.smart-metrics>div{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08)}.smart-metrics>div:last-child{border-bottom:0}.smart-metrics span{font-size:13px;color:#c9d9ec}.smart-metrics b{font-size:14px;color:#fff}.smart-trust{margin-top:17px}.smart-trust>div:first-child{display:flex;justify-content:space-between;gap:12px;margin-bottom:9px}.smart-trust span{font-size:12px;color:#8fb2dc}.smart-trust b{font-size:12px;color:#dcecff}

/* Real audience snapshot */
.audience-snapshot-card{display:flex;flex-direction:column}.audience-snapshot-card h3{font-size:24px!important;margin:8px 0!important}.audience-snapshot-card p{font-size:14px!important;line-height:1.5}.audience-split{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:14px 0 18px}.audience-split>div{padding:12px;border-radius:11px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);display:grid;gap:3px}.audience-split span{font-size:12px;color:#9bbbe1}.audience-split b{font-size:20px;color:#fff}

/* Admin operational queues */
.admin-overview-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.7fr);gap:14px}.admin-queue-list{display:grid;gap:8px}.admin-queue-list button{border:1px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:12px;padding:13px 14px;display:flex;align-items:center;justify-content:space-between}.admin-queue-list button span{display:flex;align-items:center;gap:9px;font-weight:700}.admin-queue-list button b{font-size:18px;color:var(--blue)}
.review-list,.support-admin-list{display:grid;gap:10px}.review-card,.support-admin-card{border:1px solid var(--line);background:var(--surface-2);border-radius:14px;padding:15px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center}.review-main h3,.support-admin-card h3{margin:5px 0 3px;font-size:16px}.review-main p,.support-admin-card p{margin:0;color:var(--muted);font-size:13px}.review-proof{margin-top:10px;display:grid;gap:6px}.review-proof span{font-size:13px}.review-proof a{color:var(--blue);font-size:13px;font-weight:700}.review-side{display:grid;gap:12px;justify-items:end}.review-side>b{font-size:18px}.support-admin-card{grid-template-columns:minmax(0,1fr) 190px}.support-admin-card small{display:block;margin-top:8px;color:var(--muted)}.compact-field{margin:0!important}.admin-transaction-row{grid-template-columns:minmax(0,1fr) auto auto!important}.admin-transaction-row small{display:block;color:var(--muted);margin-top:3px}.admin-tabs{margin-bottom:12px}.kyc-doc-links{display:flex;gap:7px}
.real-action-breakdown{display:grid;gap:12px;margin-top:14px}.real-action-breakdown>div{display:grid;grid-template-columns:90px 1fr 60px;align-items:center;gap:10px}.real-action-breakdown span,.real-action-breakdown strong{font-size:13px}.real-action-breakdown i{height:8px;border-radius:999px;background:var(--surface-2);overflow:hidden;border:1px solid var(--line)}.real-action-breakdown i b{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--cyan))}

@media(max-width:980px){.admin-overview-grid{grid-template-columns:1fr}.review-card,.support-admin-card{grid-template-columns:1fr}.review-side{justify-items:start}.admin-transaction-row{grid-template-columns:1fr!important}.admin-transaction-row .row-actions{justify-content:flex-start!important}}
/* Production status palette */
.status-pill.pending,.status-pill.verifying,.status-pill.requested,.status-pill.kyc_check,.status-pill.on_hold,.status-pill.waiting_user,.status-pill.under_review{background:#fff3df;color:#bf7300}
.status-pill.credited,.status-pill.approved,.status-pill.resolved{background:#e8f9f2;color:#0a9968}
.status-pill.processing,.status-pill.sent,.status-pill.assigned,.status-pill.open{background:#eaf3ff;color:#0b67e9}
.status-pill.failed,.status-pill.revoked{background:#fff0f3;color:#c93557}
.status-pill.refund_pending,.status-pill.refunded{background:#f0ebff;color:#7657d6}

/* V7 production header action grouping */
.page-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}
@media(max-width:780px){.page-head-actions{width:100%;justify-content:stretch}.page-head-actions .btn{flex:1;min-width:0}}

/* V7 campaign controls: status + pause/resume + cancel share one baseline */
.campaign-row-premium:not(.compact) .campaign-actions{min-width:280px;display:grid!important;grid-template-columns:auto auto auto;align-items:center!important;justify-content:end!important;gap:8px!important}
.campaign-row-premium:not(.compact) .campaign-actions .status-pill{min-width:72px;justify-content:center;text-align:center;margin:0!important}
.campaign-row-premium:not(.compact) .campaign-actions .btn{margin:0!important;height:38px!important;align-self:center}
.campaign-row-premium.ended:not(.compact) .campaign-actions{grid-template-columns:auto!important;min-width:90px}
@media(max-width:980px){.campaign-row-premium:not(.compact) .campaign-actions{grid-template-columns:auto auto auto!important;justify-content:start!important;min-width:0!important}.campaign-row-premium.ended:not(.compact) .campaign-actions{grid-template-columns:auto!important}}

/* V7.1 — stability + consistency + compact notifications */
/* Prevent the admin/sidebar horizontal overflow seen on narrow desktop heights. */
.sidebar,.sidebar-inner,.sidebar-scroll,.nav-group{min-width:0!important;max-width:100%!important}
.sidebar-scroll{overflow-x:hidden!important;scrollbar-gutter:stable}
.nav-item{max-width:100%!important;overflow:hidden!important}
.nav-item>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(min-width:781px) and (max-height:720px){.sidebar-scroll{overflow-x:hidden!important}}

/* Analytics empty state must not inherit the three-column breakdown row layout. */
.real-action-breakdown>.empty-state{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;grid-template-columns:none!important;min-height:150px;text-align:center;padding:22px!important}
.real-action-breakdown>.empty-state h3{margin:0!important;font-size:17px!important;line-height:1.25!important}
.real-action-breakdown>.empty-state p{margin:0!important;max-width:220px;font-size:13px!important;line-height:1.45!important;color:var(--muted)}

/* Compact notification popover: paged, not an endless internal list. */
.notification-panel-compact{width:min(360px,calc(100vw - 24px))!important;max-height:none!important;overflow:hidden!important;border-radius:16px!important}
.notification-panel-compact .panel-fly-head{padding:16px 16px 13px!important;align-items:flex-start!important}
.notification-panel-compact .panel-fly-head h3{font-size:18px!important;margin:3px 0 2px!important}
.notification-panel-compact .panel-fly-head small{font-size:11px;color:var(--muted)}
.notification-panel-compact .notification-list{overflow:visible!important;max-height:none!important}
.notification-panel-compact .notification-item{padding:11px 14px!important;gap:10px!important;min-height:68px}
.notification-panel-compact .notification-item b{font-size:13px!important;line-height:1.25}
.notification-panel-compact .notification-item p{font-size:12px!important;line-height:1.3!important;max-width:230px!important;margin:3px 0!important}
.notification-panel-compact .notification-item small{display:block;font-size:10px;color:#6f8fb8;margin-top:3px}
.notification-pager{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 14px;border-top:1px solid var(--line);background:var(--surface-2)}
.notification-pager button{width:32px;height:30px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:18px;display:grid;place-items:center}
.notification-pager button:disabled{opacity:.35}
.notification-pager span{font-size:11px;color:var(--muted);font-weight:750}

/* Login form polish + password visibility. */
.login-v54 .login-card{box-shadow:0 28px 80px rgba(1,12,31,.34),inset 0 1px 0 rgba(255,255,255,.035)!important;border:1px solid rgba(111,159,220,.18)!important}
.login-v54 .auth-tabs{background:rgba(6,19,36,.72)!important}
.auth-input-wrap{position:relative;display:flex;align-items:center;width:100%}
.auth-input-wrap input{width:100%!important;padding-right:46px!important}
.auth-input-wrap:has(.auth-input-icon) input{padding-left:46px!important}
.auth-input-icon{position:absolute;left:15px;z-index:2;color:#7296c4;display:grid;place-items:center;pointer-events:none}
.password-toggle{position:absolute;right:8px;width:36px;height:36px;border:0;border-radius:9px;background:transparent;color:#7f9fc8;display:grid;place-items:center;cursor:pointer}
.password-toggle:hover{background:rgba(43,125,244,.10);color:#b9d5f8}
.auth-reassurance{display:flex;align-items:center;gap:7px;margin-top:2px;color:#7598c2;font-size:11px}
.login-v54 .register-grid input::placeholder,.login-v54 .login-fields input::placeholder{color:#647f9f!important;opacity:1}
.login-v54 .login-submit{box-shadow:0 12px 30px rgba(27,112,255,.22)}
.settings-password input{background:var(--surface-2)!important;border:1px solid var(--line)!important;color:var(--ink)!important}

/* Cancelled campaigns can be hidden while preserving accounting/history server-side. */
.ghost-delete{background:transparent!important;border-color:rgba(225,72,103,.30)!important;color:#e46a83!important;min-width:92px!important}
.ghost-delete:hover{background:rgba(225,72,103,.08)!important}
.campaign-row-premium.ended:not(.compact) .campaign-actions:has(.ghost-delete){grid-template-columns:auto auto!important;min-width:190px!important}
.admin-campaign-actions:has(.ghost-delete){grid-template-columns:auto auto!important;min-width:190px!important}

/* Keep preferences visually consistent with the header controls. */
.theme-cards button,.lang-choice button{min-height:42px}
.preference-language>span{font-size:13px!important}

/* Make the smart distribution card a little more refined without adding bulk. */
.smart-distribution-card{border-radius:18px!important;overflow:hidden;position:relative}
.smart-distribution-card:after{content:"";position:absolute;inset:auto -40px -55px auto;width:150px;height:150px;border-radius:50%;border:1px solid rgba(92,218,200,.12);pointer-events:none}
.smart-metrics>div{min-height:47px}
.smart-trust .trustbar{height:8px!important}

/* Admin identities — the admin menu now opens a real global moderation view. */
.admin-identities-list{display:grid;gap:9px}.admin-identity-row{grid-template-columns:minmax(0,1fr) auto 150px!important;align-items:center!important;gap:14px!important}.admin-identity-main{display:flex;align-items:center;gap:12px;min-width:0}.admin-identity-main>div:last-child{min-width:0}.admin-identity-main b{display:block;font-size:14px}.admin-identity-main span,.admin-identity-main small{display:block;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:620px}.admin-identity-main small{margin-top:3px;color:#6f8fb8}.admin-identity-row select{min-height:40px;border-radius:9px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);padding:0 10px}
@media(max-width:900px){.admin-identity-row{grid-template-columns:1fr!important}.admin-identity-row select{width:100%}.admin-identity-main span,.admin-identity-main small{max-width:70vw}}

/* V7.2 — final UX density pass: auth, missions, scroll discipline */
/* Auth: tighter rhythm, no duplicated branding on mobile, no subtitle wrapping. */
.login-v54 .login-copy{display:flex!important;flex-direction:column!important;justify-content:center!important;max-width:680px!important;flex:1!important;margin:0!important;padding-top:38px!important;padding-bottom:38px!important}
.login-v54 .login-values{margin-top:22px!important}
.login-v54 .login-footer-inline{position:static!important;margin-top:16px!important;padding:0!important;font-size:11px!important;letter-spacing:.12em!important;color:#7fa8d7!important}
.login-v54 .login-card-note{display:none!important}
.login-v54 .login-card-head p{white-space:nowrap!important;font-size:13px!important}
.login-v54 .login-fields{gap:20px!important}
.login-v54 .auth-field{gap:8px!important}
.login-v54 .auth-reassurance{margin-top:0!important;font-size:12px!important;line-height:1.35!important;color:#83a7d2!important}
.login-v54 .auth-input-wrap input{font-size:14px!important}
.login-v54 .login-card{padding:28px!important}
.login-v54 .login-card-head{margin-bottom:20px!important}
.login-v54 .auth-tabs{margin-bottom:22px!important}
@media(max-width:780px){
  .login-v54 .login-mobile-brand{display:none!important}
  .login-v54 .login-card{padding:24px 22px!important}
  .login-v54 .login-card-head{margin-top:0!important}
  .login-v54 .login-card-head p{font-size:clamp(11px,3vw,13px)!important;white-space:nowrap!important}
  .login-v54 .login-fields{gap:18px!important}
  .login-v54 .auth-reassurance{font-size:12px!important}
}
@media(max-width:390px){.login-v54 .login-card-head p{font-size:11px!important;letter-spacing:-.02em!important}}

/* One vertical scrollbar for the app. Nested content areas expand naturally. */
html,body,#root{overflow-x:hidden!important}
.app-main{overflow:visible!important;min-height:100vh!important;height:auto!important}
.content{overflow:visible!important;height:auto!important;min-height:calc(100vh - 70px)!important}
.page-grid.with-side{align-items:start!important;overflow:visible!important}
.page-grid.with-side>section{min-width:0!important;overflow:visible!important}
.feed,.activity-list,.campaign-list,.simple-list{overflow:visible!important;max-height:none!important}

/* Missions: stronger tabs and a compact aligned Smart Distribution card. */
.filterbar{gap:8px!important;flex-wrap:wrap!important}
.filterbar button{text-transform:uppercase!important;letter-spacing:.045em!important;font-size:12px!important;font-weight:800!important;min-height:40px!important;padding:0 14px!important;white-space:nowrap!important}
.page-grid.with-side{grid-template-columns:minmax(0,1fr) 300px!important;gap:18px!important}
.smart-distribution-card{align-self:start!important;margin-top:0!important;padding:19px!important;background:linear-gradient(155deg,#102f5c,#153e73)!important;box-shadow:0 14px 32px rgba(4,22,46,.15)!important}
.smart-card-head{margin-bottom:10px!important}.smart-card-head h3{font-size:18px!important}.smart-icon{width:36px!important;height:36px!important}
.smart-distribution-card>p{font-size:13px!important;line-height:1.48!important;margin-bottom:14px!important}
.smart-metrics>div{min-height:42px!important;padding:10px 0!important}.smart-metrics span,.smart-metrics b{font-size:12px!important}
.smart-trust{margin-top:13px!important}.smart-trust span,.smart-trust b{font-size:11px!important}
@media(max-width:1050px){.page-grid.with-side{grid-template-columns:1fr!important}.smart-distribution-card{max-width:none!important}}

/* Standardise all dashboard 'see all' calls. */
.text-action{text-transform:uppercase!important;letter-spacing:.045em!important;font-size:11px!important;font-weight:800!important}

/* Admin transaction history removal is intentionally secondary. */
.admin-transaction-row .row-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:wrap!important}

/* ===== V7.4 — campaign flow + mobile consistency ===== */
/* Campaign stepper: Vola blue hierarchy, no mint/green blocks. */
.premium-steps{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;padding:12px!important;overflow:visible!important}
.premium-steps .step{min-width:0!important;min-height:86px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;padding:14px 16px!important;border:1px solid #1d3b60!important;border-radius:14px!important;background:linear-gradient(180deg,#0c2039,#0a1a30)!important;color:#dbeaff!important;text-align:left!important;box-shadow:none!important;position:relative!important;overflow:hidden!important}
.premium-steps .step:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:2px;border-radius:99px;background:transparent}
.premium-steps .step-index{width:36px!important;height:36px!important;border-radius:11px!important;display:grid!important;place-items:center!important;background:#0c2747!important;border:1px solid #1e4b7c!important;color:#9fc8f7!important;font-size:13px!important;font-weight:900!important}
.premium-steps .step-copy{display:grid!important;gap:4px!important;min-width:0!important;background:transparent!important;border:0!important;padding:0!important}
.premium-steps .step-copy b{display:block!important;background:transparent!important;border:0!important;padding:0!important;color:#eef6ff!important;font-size:13px!important;line-height:1.15!important;letter-spacing:.055em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.premium-steps .step-copy small{display:block!important;background:transparent!important;border:0!important;padding:0!important;color:#7699c3!important;font-size:11px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.premium-steps .step-glyph{display:none!important}
.premium-steps .step.done{background:linear-gradient(180deg,#0b223b,#0a1d34)!important;border-color:#1a4868!important}
.premium-steps .step.done .step-index{background:rgba(21,196,205,.09)!important;border-color:rgba(44,202,213,.32)!important;color:#49d8df!important}
.premium-steps .step.done .step-copy b{color:#eaf7ff!important}
.premium-steps .step.done .step-copy small{color:#7da7c9!important}
.premium-steps .step.done:after{background:linear-gradient(90deg,#18b7d0,#2e8cff)!important;opacity:.65}
.premium-steps .step.active{background:linear-gradient(135deg,#123a70,#0f2d56)!important;border-color:#2585ff!important;box-shadow:0 0 0 1px rgba(37,133,255,.14),inset 0 1px 0 rgba(255,255,255,.04)!important}
.premium-steps .step.active .step-index{background:#2182ff!important;border-color:#4ca0ff!important;color:#fff!important}
.premium-steps .step.active .step-copy b{color:#fff!important}
.premium-steps .step.active .step-copy small{color:#9fcaff!important}
.premium-steps .step.active:after{background:#2a8dff!important;height:3px}

/* Identity picker: Profiles and Pages are both valid campaign identities. */
.identity-type-mini{display:inline-flex!important;width:max-content!important;margin-top:2px!important;padding:3px 6px!important;border-radius:6px!important;background:rgba(32,126,255,.12)!important;color:#79b9ff!important;font-size:9px!important;font-weight:900!important;letter-spacing:.08em!important}
.page-pick-copy{min-width:0!important}.page-pick-copy small{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

/* Scrollable Facebook identity modal: body never gets trapped behind an oversized dialog. */
.modal-backdrop{overflow-y:auto!important;overscroll-behavior:contain!important;align-items:center!important}
.modal-card-v5{max-height:calc(100dvh - 36px)!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important}
.modal-card-v5 .modal-head{position:sticky!important;top:-22px!important;z-index:5!important;background:var(--surface)!important;padding-top:22px!important;padding-bottom:10px!important}

/* Mobile workspace switch is explicit inside the slide-out navigation. */
.mobile-workspace-switch{display:none}

/* Registration: never let placeholders be clipped on phones. */
.register-grid input{min-width:0!important;text-overflow:ellipsis!important}

/* Smart Distribution: align to the feed and reduce visual weight. */
.smart-distribution-card{margin-top:0!important;transform:none!important;top:auto!important;background:linear-gradient(155deg,#102b51,#143866)!important;border:1px solid #214c7d!important}
.smart-distribution-card .eyebrow{letter-spacing:.12em!important}.smart-distribution-card .trustbar i{background:linear-gradient(90deg,#24a8e8,#49d8df)!important}

@media(max-width:1180px) and (min-width:701px){.premium-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){
  /* Page intros become a consistent centered mobile pattern. */
  .page-head{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:14px!important;margin-bottom:20px!important}
  .page-head>div{width:100%!important}.page-head .eyebrow{justify-content:center!important}.page-head h1{margin-left:auto!important;margin-right:auto!important}.page-head p{margin-left:auto!important;margin-right:auto!important;max-width:94%!important}
  .page-head>.btn,.page-head-actions{margin:0 auto!important;justify-content:center!important}.page-head-actions .btn{flex:0 1 auto!important}
  .filterbar{justify-content:flex-start!important;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none!important;padding-bottom:3px!important;-webkit-overflow-scrolling:touch}.filterbar::-webkit-scrollbar{display:none}.filterbar button{flex:0 0 auto!important}
  .premium-steps{grid-template-columns:1fr!important;gap:8px!important;padding:10px!important}.premium-steps .step{min-height:68px!important;padding:11px 13px!important}.premium-steps .step-copy b{font-size:12px!important}.premium-steps .step-copy small{font-size:11px!important}
  .register-grid{grid-template-columns:1fr!important;gap:0!important}.register-grid .full{grid-column:auto!important}.register-grid .field{margin:7px 0!important}
  .modal-backdrop{display:flex!important;align-items:flex-end!important;padding:10px!important}.modal-card-v5{width:100%!important;max-height:calc(100dvh - 20px)!important;border-radius:20px 20px 12px 12px!important;padding:18px!important}.modal-card-v5 .modal-head{top:-18px!important;padding-top:18px!important}
  .identity-upload-head{grid-template-columns:1fr!important}.identity-preview-picker{min-height:145px!important}.identity-preview-picker+div{grid-template-columns:1fr 1fr!important}
  .smart-distribution-card{margin-top:2px!important;width:100%!important}
  .profile-grid .panel:last-child .btn.danger{display:flex!important;margin:16px auto 0!important;justify-content:center!important;min-width:190px!important}
  .mobile-workspace-switch{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;padding:5px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:12px!important;background:rgba(3,16,35,.35)!important}.mobile-workspace-switch button{min-height:38px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#829cbd!important;font-size:11px!important;font-weight:900!important;letter-spacing:.055em!important}.mobile-workspace-switch button.active{background:#176ef2!important;color:#fff!important;box-shadow:0 7px 18px rgba(21,105,238,.22)!important}
  .stats.stats-equal{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.stats.stats-equal .stat{min-height:88px!important;padding:13px!important}.stats.stats-equal .stat .v{font-size:23px!important}.stats.stats-equal .stat .t{font-size:12px!important;line-height:1.25!important}
}


/* ===== V7.3 SIGNATURE LOGIN — recognisable Primizis identity ===== */
@media(min-width:861px){
  .login-v54{grid-template-columns:minmax(0,1.42fr) minmax(430px,.78fr)!important;background:#071426!important}
  .login-v54 .login-visual{padding:38px clamp(48px,5vw,84px) 38px!important;background:
    radial-gradient(circle at 86% 72%,rgba(37,111,255,.27),transparent 28%),
    radial-gradient(circle at 72% 82%,rgba(156,70,255,.09),transparent 24%),
    linear-gradient(135deg,#07172f 0%,#0a2b59 57%,#1e3671 100%)!important}
  .login-v54 .login-copy{max-width:760px!important;padding:28px 0!important}
  .login-v54 .login-card-logo{display:none!important}
  .login-v54 .login-card-head{display:block!important;margin-bottom:22px!important}
  .login-v54 .login-side{padding-left:clamp(34px,4vw,58px)!important;padding-right:clamp(34px,4vw,58px)!important}
  .login-v54 .login-card{width:min(100%,450px)!important;padding:30px!important;border-color:rgba(76,113,158,.44)!important;background:linear-gradient(160deg,rgba(15,34,58,.98),rgba(10,27,48,.98))!important;box-shadow:0 28px 80px rgba(0,0,0,.27),inset 0 1px 0 rgba(255,255,255,.025)!important}
}
.login-v54 .login-welcome{position:relative;padding-left:30px!important;background:rgba(10,37,71,.56)!important;border-color:rgba(112,170,241,.30)!important}
.login-v54 .login-welcome:before{content:"";position:absolute;left:13px;width:7px;height:7px;border-radius:50%;background:#37d7ff;box-shadow:0 0 0 5px rgba(55,215,255,.09),0 0 18px rgba(55,215,255,.55)}
.login-v54 .login-copy h1{margin:24px 0 18px!important;max-width:740px!important}
.login-v54 .login-copy h1 .accent{background:linear-gradient(90deg,#38d9ff 0%,#27baff 55%,#8e7cff 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.login-v54 .login-copy>p{max-width:670px!important;color:#d8e5f5!important}
.login-v54 .login-value-flow{display:flex!important;align-items:stretch!important;gap:8px!important;margin-top:25px!important;flex-wrap:nowrap!important}
.login-v54 .login-value-flow>span{min-width:0;display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid rgba(124,173,230,.18);border-radius:9px;background:rgba(7,27,53,.36);font-size:10px!important;letter-spacing:.055em!important;color:#a9c3e3!important;white-space:nowrap}
.login-v54 .login-value-flow>span b{display:grid;place-items:center;width:21px;height:21px;border-radius:6px;background:rgba(31,128,255,.13);color:#58d7ff;font-size:9px;letter-spacing:0}
.login-v54 .login-value-flow>i{align-self:center;flex:0 0 15px;height:1px!important;width:15px!important;border-radius:0!important;background:linear-gradient(90deg,rgba(57,207,255,.25),rgba(120,104,255,.7))!important;position:relative}
.login-v54 .login-value-flow>i:after{content:"";position:absolute;right:-1px;top:-2px;width:5px;height:5px;border-top:1px solid #778cff;border-right:1px solid #778cff;transform:rotate(45deg)}
.login-v54 .login-footer-inline{margin-top:14px!important;padding-left:2px!important;font-size:11px!important;letter-spacing:.145em!important;color:#88b7e7!important}
.login-v54 .login-orbit{right:-175px!important;bottom:-170px!important;width:560px!important;height:560px!important;border-color:rgba(76,202,255,.20)!important;box-shadow:0 0 0 64px rgba(66,183,255,.032),0 0 0 128px rgba(115,86,255,.018)!important}
.login-v54 .login-orbit:before,.login-v54 .login-orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(103,145,255,.13)}
.login-v54 .login-orbit:before{inset:82px}.login-v54 .login-orbit:after{inset:164px}
.login-v54 .orbit-dot{position:absolute;z-index:2;width:8px;height:8px;border-radius:50%;box-shadow:0 0 18px currentColor}
.login-v54 .dot-a{left:72px;top:118px;background:#27d5ff;color:#27d5ff}.login-v54 .dot-b{left:190px;top:28px;background:#a44cff;color:#a44cff}.login-v54 .dot-c{left:30px;top:260px;background:#ff9b31;color:#ff9b31}
.login-v54 .login-card-head h2{font-size:30px!important;letter-spacing:-.02em!important}
.login-v54 .login-card-head p{color:#8facd0!important;font-size:13px!important}
.login-v54 .auth-tabs{padding:4px!important;border:1px solid rgba(75,112,157,.45)!important;border-radius:12px!important;background:rgba(5,19,37,.58)!important}
.login-v54 .auth-tabs button{min-height:43px!important;border-radius:9px!important;transition:background .18s ease,color .18s ease,box-shadow .18s ease!important}
.login-v54 .auth-tabs button.active{background:linear-gradient(135deg,#173a68,#1a3153)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important}
.login-v54 .login-fields{gap:15px!important}
.login-v54 .field{gap:7px!important}
.login-v54 .field input{min-height:52px!important;background:rgba(19,38,65,.94)!important;border-color:#2a476d!important;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important}
.login-v54 .field input:hover{border-color:#365b88!important}
.login-v54 .field input:focus{background:#142b49!important;border-color:#2c96ff!important;box-shadow:0 0 0 3px rgba(44,150,255,.10),0 8px 26px rgba(0,0,0,.10)!important}
.login-v54 .auth-input-icon{color:#7398c8!important}.login-v54 .auth-input-wrap:focus-within .auth-input-icon{color:#45cfff!important}
.login-v54 .auth-reassurance{margin-top:1px!important;color:#7fa4d0!important;font-size:12px!important}
.login-v54 .login-submit{margin-top:18px!important;min-height:52px!important;background:linear-gradient(105deg,#1688ff 0%,#2868ff 60%,#6d55f7 120%)!important;box-shadow:0 13px 32px rgba(31,105,255,.24)!important;transition:transform .18s ease,box-shadow .18s ease!important}
.login-v54 .login-submit:hover{transform:translateY(-1px);box-shadow:0 16px 36px rgba(31,105,255,.31)!important}
@media(max-width:1180px) and (min-width:861px){
  .login-v54{grid-template-columns:minmax(0,1.18fr) minmax(410px,.82fr)!important}
  .login-v54 .login-value-flow>span{padding:7px 8px;font-size:9px!important}.login-v54 .login-value-flow>i{flex-basis:9px;width:9px!important}
}
@media(max-width:860px){
  .login-v54 .login-side{padding:18px 14px max(22px,env(safe-area-inset-bottom))!important;align-items:center!important}
  .login-v54 .login-card{width:min(100%,460px)!important;padding:24px 20px!important;background:linear-gradient(165deg,rgba(14,33,57,.98),rgba(8,25,45,.98))!important;border-color:rgba(64,105,153,.48)!important;box-shadow:0 24px 70px rgba(0,0,0,.24)!important}
  .login-v54 .login-card-head{gap:12px!important;margin-bottom:20px!important}
  .login-v54 .login-card-logo{display:block!important;width:48px!important;height:48px!important}
  .login-v54 .login-card-head h2{font-size:27px!important}
  .login-v54 .login-card-head p{font-size:12px!important;white-space:nowrap!important}
  .login-v54 .auth-tabs{margin-bottom:18px!important}
  .login-v54 .login-fields{gap:14px!important}
  .login-v54 .login-submit{margin-top:16px!important}
}
@media(max-width:390px){
  .login-v54 .login-card{padding:21px 17px!important}
  .login-v54 .login-card-logo{width:43px!important;height:43px!important}
  .login-v54 .login-card-head{gap:10px!important}
  .login-v54 .login-card-head h2{font-size:25px!important}
  .login-v54 .login-card-head p{font-size:10.8px!important;letter-spacing:-.025em!important}
}



/* ===== V7.5 LOCKED REFINEMENTS ===== */
/* Login remains V7.3; keep a single brand on mobile and prevent helper copy from wrapping/clipping. */
@media(max-width:860px){.login-v54 .login-mobile-brand{display:none!important}.login-v54 .login-card-head p{white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important}.login-v54 .register-grid{grid-template-columns:1fr!important;gap:0!important}}
.login-v54 input::placeholder{text-overflow:ellipsis}

/* Current level medal inherits the exact visual language of the corresponding level. */
.current-level-medal{border-width:1px!important;box-shadow:0 10px 26px rgba(0,0,0,.18)!important}
.current-level-medal.level-initie{background:linear-gradient(145deg,#13bff4,#0879ff)!important;border-color:#4fdcff!important}
.current-level-medal.level-engage{background:linear-gradient(145deg,#22d8b2,#0aa98e)!important;border-color:#65efd2!important}
.current-level-medal.level-reconnu{background:linear-gradient(145deg,#8d70ff,#6548e9)!important;border-color:#b5a4ff!important}
.current-level-medal.level-influent{background:linear-gradient(145deg,#f06bc7,#c83a9e)!important;border-color:#ff9cdd!important}
.current-level-medal.level-eminent{background:linear-gradient(145deg,#ffae45,#ef7818)!important;border-color:#ffc87c!important}
.current-level-medal.level-prestige{background:linear-gradient(145deg,#ffd75b,#ffad21)!important;border-color:#ffe690!important}

/* Campaign stepper: hierarchy only. Titles uppercase; descriptions use normal sentence case. */
.premium-steps .step-copy small{text-transform:none!important;letter-spacing:0!important;font-weight:650!important}

/* Smart Facebook identity selector: compact when closed, scalable to many identities when open. */
.campaign-identity-field{display:grid;gap:10px;position:relative}
.campaign-identity-label{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}
.campaign-identity-label>div{display:grid;gap:3px;min-width:0}.campaign-identity-label small{color:var(--muted);font-size:12px;line-height:1.35}
.identity-refresh-icon{width:36px;height:36px;flex:0 0 36px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:#86a9d1;display:grid;place-items:center;cursor:pointer}
.identity-refresh-icon:hover{border-color:#2c75c9;color:#57b9ff}
.identity-select{position:relative;z-index:18}.identity-select-trigger{width:100%;min-height:72px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 13px;border:1px solid #294765;border-radius:13px;background:#10233c;color:var(--ink);text-align:left;cursor:pointer;transition:.18s}
.identity-select-trigger:hover,.identity-select.open .identity-select-trigger{border-color:#2b87f4;box-shadow:0 0 0 3px rgba(37,133,255,.08)}
.identity-select-photo{width:46px;height:46px;border-radius:11px;overflow:hidden;display:grid;place-items:center;background:#0b294b;color:#fff;flex:0 0 46px}.identity-select-photo img{width:100%;height:100%;object-fit:cover}
.identity-select-copy{min-width:0;display:grid;gap:5px}.identity-select-copy>div{display:flex;align-items:center;gap:8px;min-width:0}.identity-select-copy b{font-size:14px;color:#f5f9ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.identity-select-copy small{display:block;color:#789bc5;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.identity-select-placeholder{display:flex;align-items:center;gap:12px;min-width:0}.identity-select-placeholder>div{display:grid;gap:3px}.identity-select-placeholder b{font-size:14px}.identity-select-placeholder small{font-size:11px;color:var(--muted)}
.identity-chevron{width:32px;height:32px;border-radius:9px;background:#0b1d33;display:grid;place-items:center;color:#83a7d1;transform:rotate(90deg);transition:transform .18s}.identity-select.open .identity-chevron{transform:rotate(-90deg)}
.identity-select-menu{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:80;padding:10px;border:1px solid #294b72;border-radius:14px;background:#0b1b30;box-shadow:0 22px 54px rgba(0,0,0,.38)}
.identity-search{height:42px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid #263f60;border-radius:10px;background:#10233b;color:#7399c5}.identity-search input{height:auto!important;min-height:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important;font-size:13px!important}
.identity-filter-tabs{display:flex;gap:6px;margin:9px 0}.identity-filter-tabs button{border:1px solid #263f60;border-radius:8px;background:#0d2037;color:#86a3c4;padding:7px 10px;font-size:10px;font-weight:900;letter-spacing:.055em;cursor:pointer}.identity-filter-tabs button.active{background:#176ef2;border-color:#2f8dff;color:#fff}
.identity-option-list{max-height:300px;overflow-y:auto;overscroll-behavior:contain;display:grid;gap:5px;padding-right:2px;scrollbar-gutter:stable}
.identity-option{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.identity-option:hover{background:#102741;border-color:#1d426b}.identity-option.selected{background:#102c50;border-color:#247ee5}.identity-option .identity-select-photo{width:40px;height:40px;flex-basis:40px;border-radius:9px}.identity-selected-check{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#187af2;color:#fff}.identity-no-result{padding:24px 12px;text-align:center;color:var(--muted);font-size:13px}
@media(max-width:700px){.campaign-identity-label{align-items:center}.campaign-identity-label small{font-size:11px}.identity-select-menu{position:fixed;left:12px;right:12px;top:auto;bottom:calc(78px + env(safe-area-inset-bottom));max-height:min(70dvh,560px);padding:12px;border-radius:18px}.identity-option-list{max-height:min(48dvh,390px)}.identity-select-trigger{min-height:68px}.identity-select-copy b{font-size:13px}.identity-select-copy small{font-size:10.5px}}

/* ===== V7.6 — Audience spacing + Smart Distribution visual parity ===== */
/* Keep stacked Audience panels visually separated instead of sharing a border edge. */
.audience-panel + .panel{margin-top:16px!important}

/* Smart Distribution now follows the same dark premium card language as AUDIENCE RÉELLE. */
.smart-distribution-card{
  background:linear-gradient(145deg,#07152d,#173a6d)!important;
  border:0!important;
  border-radius:20px!important;
  padding:21px!important;
  box-shadow:0 16px 36px rgba(6,25,55,.15)!important;
  color:#fff!important;
}
.smart-distribution-card:after{display:none!important}
.smart-distribution-card .smart-icon{
  background:rgba(35,205,194,.10)!important;
  border:1px solid rgba(57,219,204,.24)!important;
  color:#35d7c5!important;
}
.smart-distribution-card .smart-card-head h3{color:#fff!important}
.smart-distribution-card>p{color:#b7c8e0!important}
.smart-distribution-card .smart-metrics{border-color:rgba(255,255,255,.08)!important}
.smart-distribution-card .smart-metrics>div{border-color:rgba(255,255,255,.08)!important}
.smart-distribution-card .smart-metrics span{color:#b7c8e0!important}
.smart-distribution-card .smart-metrics b{color:#fff!important}
.smart-distribution-card .smart-trust span{color:#8eabd0!important}
.smart-distribution-card .smart-trust b{color:#fff!important}
.smart-distribution-card .trustbar{background:rgba(255,255,255,.11)!important}
.smart-distribution-card .trustbar i{background:linear-gradient(90deg,#11ce96,#64edc5)!important}

@media(max-width:700px){
  .audience-panel + .panel{margin-top:12px!important}
  .smart-distribution-card{padding:18px!important;border-radius:18px!important}
}


/* ===== V7.7 — Campaign micro-polish + reliable admin identity media ===== */
/* Step descriptions must remain secondary, but not miniature. */
.premium-steps .step-copy b{font-size:13.5px!important;line-height:1.18!important}
.premium-steps .step-copy small{font-size:12.25px!important;line-height:1.3!important;color:#86a9d1!important;font-weight:650!important}
.premium-steps .step.active .step-copy small{color:#a9d2ff!important}

/* Identity search: one real full-width search field, not a tiny input floating inside a box. */
.identity-search{
  min-height:46px!important;
  height:46px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:0 14px!important;
  border:1px solid #2a486b!important;
  border-radius:11px!important;
  background:#10243e!important;
  color:#789fc9!important;
  transition:border-color .18s,box-shadow .18s,background .18s!important;
}
.identity-search:focus-within{border-color:#2b87f4!important;box-shadow:0 0 0 3px rgba(37,133,255,.09)!important;background:#112842!important}
.identity-search svg{flex:0 0 auto!important}
.identity-search input{
  flex:1 1 auto!important;
  width:100%!important;
  min-width:0!important;
  height:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#f3f8ff!important;
  font-size:13.5px!important;
  line-height:44px!important;
  appearance:none!important;
}
.identity-search input::placeholder{color:#718fb3!important;opacity:1!important}
.identity-filter-tabs{margin:10px 0 8px!important}
.identity-filter-tabs button{min-height:32px!important;padding:7px 12px!important;font-size:10.5px!important}

/* Campaign preview: eyebrow + identity + title form one compact visual unit. */
.campaign-preview-v5{gap:12px!important}
.preview-top{align-items:flex-start!important}
.preview-summary{display:grid!important;gap:7px!important;min-width:0!important}
.preview-eyebrow{margin:0!important;line-height:1!important}
.preview-page-line{gap:12px!important;align-items:center!important}
.preview-page-copy{display:grid!important;gap:3px!important;min-width:0!important}
.preview-page-copy h2{margin:0!important;font-size:27px!important;line-height:1.08!important}
.preview-page-copy p{margin:0!important;line-height:1.25!important}
.preview-tags{margin-top:0!important}

/* Identity images always keep a clean fallback surface if a file cannot be rendered. */
.admin-identity-main .identity-photo{background:#0b294b!important;border-color:#294b72!important}
.admin-identity-main .identity-photo img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}

@media(max-width:700px){
  .premium-steps .step-copy b{font-size:13px!important}
  .premium-steps .step-copy small{font-size:12px!important}
  .identity-search{height:48px!important;min-height:48px!important}
  .identity-search input{height:46px!important;min-height:46px!important;line-height:46px!important;font-size:14px!important}
  .preview-page-copy h2{font-size:24px!important}
}


/* V7.8 — coordonnées de paiement Admin ↔ Annonceur */
.advertiser-payment-panel{margin-bottom:16px;background:var(--surface);border-color:var(--line)}
.payment-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.payment-panel-head h2{margin:4px 0 5px;font-size:22px}.payment-panel-head p{margin:0;color:var(--muted);font-size:14px}.payment-panel-head>svg{color:var(--blue);background:var(--surface-2);border:1px solid var(--line);padding:10px;box-sizing:content-box;border-radius:12px}
.payment-method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.payment-method-card{appearance:none;text-align:left;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:13px;padding:14px;display:grid;gap:8px;cursor:pointer;min-width:0}.payment-method-card:hover,.payment-method-card.active{border-color:var(--blue);box-shadow:0 0 0 2px rgba(22,119,255,.09)}.payment-method-card.active{background:rgba(22,119,255,.08)}.payment-method-card div{display:flex;justify-content:space-between;align-items:center;gap:10px;min-width:0}.payment-method-card b{font-size:15px}.payment-method-card span{color:var(--blue);font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payment-method-card small{color:var(--muted);font-size:12px}.payment-empty{grid-column:1/-1;border:1px dashed var(--line);border-radius:12px;padding:14px;color:var(--muted)}
.payment-instructions{margin-top:12px;border-top:1px solid var(--line);padding-top:12px;display:flex;gap:9px;align-items:flex-start;color:var(--muted);font-size:13px}.payment-instructions svg{color:var(--cyan);flex:0 0 auto}.selected-payment-summary{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;padding:12px 14px;display:grid;gap:3px;margin-bottom:12px}.selected-payment-summary span,.selected-payment-summary small{color:var(--muted);font-size:12px}.selected-payment-summary b{font-size:17px}
.admin-payment-settings{margin-bottom:14px}.admin-payment-settings .section-head{align-items:flex-start}.admin-payment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.admin-payment-card{border:1px solid var(--line);background:var(--surface-2);border-radius:14px;padding:14px;transition:.18s ease}.admin-payment-card.disabled{opacity:.62}.admin-payment-card.enabled{border-color:rgba(22,119,255,.42)}.admin-payment-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.admin-payment-card-head>b{font-size:17px}.payment-enabled{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;white-space:nowrap}.payment-enabled input{width:18px;height:18px;accent-color:var(--blue)}.admin-payment-card .field{margin-bottom:10px}.admin-payment-card .field:last-child{margin-bottom:0}.payment-instructions-field{margin:14px 0 0!important}.payment-instructions-field textarea{min-height:86px;resize:vertical}
@media(max-width:980px){.payment-method-grid,.admin-payment-grid{grid-template-columns:1fr}.admin-payment-settings .section-head{display:grid;gap:12px}.admin-payment-settings .section-head .btn{width:100%}}
@media(max-width:780px){.advertiser-payment-panel{padding:16px}.payment-panel-head h2{font-size:20px}.payment-panel-head>svg{display:none}.payment-method-card{padding:13px}.payment-method-card div{align-items:flex-start;flex-direction:column;gap:4px}.payment-method-card span{max-width:100%}.admin-payment-card-head{align-items:flex-start;flex-direction:column}.payment-enabled{white-space:normal}}
/* V7.9 Admin Finances */
.finance-tabs{margin:0 0 18px;overflow-x:auto;white-space:nowrap}.finance-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:14px}.finance-stats.secondary .stat-card{min-height:118px}.finance-explain{margin-bottom:18px}.finance-formula{display:grid;grid-template-columns:1fr auto auto 1fr auto auto 1fr auto;align-items:center;gap:12px;padding:16px;border:1px solid var(--border);border-radius:14px;background:rgba(8,20,42,.35)}.finance-formula span{font-size:12px;color:var(--muted);text-transform:uppercase;font-weight:700}.finance-formula b,.finance-formula strong{font-size:15px}.finance-formula i{font-style:normal;color:var(--muted)}.finance-flow,.finance-amount{font-weight:800;white-space:nowrap}.finance-flow.income,.finance-amount.income{color:#58d6bb}.finance-flow.expense,.finance-amount.expense{color:#ff9b9b}.finance-op-type{display:grid;grid-template-columns:1fr 1fr;gap:8px}.finance-op-type button{min-height:42px;border:1px solid var(--border);border-radius:11px;background:transparent;color:var(--muted);font-weight:800}.finance-op-type button.active{background:rgba(45,119,255,.14);border-color:rgba(72,137,255,.55);color:var(--text)}.finance-ledger-row{grid-template-columns:minmax(0,1fr) auto}.finance-operation-modal{max-height:min(760px,92vh);overflow:auto}
@media(max-width:1100px){.finance-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-formula{grid-template-columns:1fr auto;gap:8px}.finance-formula i{display:none}}
@media(max-width:640px){.finance-stats{grid-template-columns:1fr}.finance-tabs{margin-left:-2px;margin-right:-2px}.finance-formula{grid-template-columns:1fr}.finance-formula b,.finance-formula strong{text-align:left}.finance-ledger-row{grid-template-columns:1fr}.finance-amount{margin-top:8px}}

/* V8.0 · Admin Finances — Compta-inspired */
.finance-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0 20px}.finance-kpi{min-height:150px;padding:20px 22px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(145deg,rgba(14,29,47,.96),rgba(9,18,31,.98));display:flex;flex-direction:column;justify-content:space-between}.finance-kpi-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.finance-kpi h3{font-size:12px;letter-spacing:.07em;color:var(--muted);margin:0;text-transform:uppercase}.finance-kpi strong{font-size:27px;line-height:1.1}.finance-kpi strong small{font-size:12px;color:var(--muted);font-weight:700}.finance-kpi p{margin:0;color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.finance-kpi.income strong{color:#5ee7b7}.finance-kpi.earnings strong{color:#efb083}.finance-kpi.expense strong{color:#ff826f}.finance-kpi.net strong{color:#5ee7b7}.finance-operations-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:20px 0 12px}.finance-operations-toolbar .toolbar-actions{display:flex;gap:10px;flex-wrap:wrap}.finance-table-panel{padding:0;overflow:hidden}.finance-table-filters{display:grid;grid-template-columns:minmax(260px,1.8fr) repeat(3,minmax(150px,.7fr));gap:10px;padding:16px 18px;border-bottom:1px solid var(--border)}.finance-table-filters input,.finance-table-filters select{height:44px}.finance-table{width:100%;border-collapse:collapse}.finance-table th{padding:14px 12px;text-align:left;font-size:11px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--border)}.finance-table td{padding:15px 12px;border-bottom:1px solid var(--border);font-size:13px;vertical-align:middle}.finance-table tr:last-child td{border-bottom:0}.finance-table .amount-income{color:#5ee7b7;font-weight:800}.finance-table .amount-expense{color:#ff7d7d;font-weight:800}.finance-table .muted-cell{color:var(--muted)}.finance-table-actions{display:flex;gap:7px;justify-content:flex-end}.finance-reset-btn{border-color:rgba(255,91,110,.35)!important;color:#ff8998!important}.finance-operation-modal-v2{width:min(760px,calc(100vw - 28px));max-height:min(88vh,760px);overflow:auto}.finance-operation-modal-v2 .modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.finance-operation-modal-v2 .full{grid-column:1/-1}.finance-operation-modal-v2 .finance-op-type{margin:0 0 14px}.finance-amount-input{font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:.02em}.finance-secondary-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 20px}.finance-secondary-strip>div{padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:rgba(12,28,48,.72)}.finance-secondary-strip span{display:block;font-size:11px;color:var(--muted);text-transform:uppercase}.finance-secondary-strip b{display:block;margin-top:6px;font-size:17px}.finance-source-note{font-size:12px;color:var(--muted);margin-top:10px}
@media(max-width:1050px){.finance-kpi-grid{grid-template-columns:repeat(2,1fr)}.finance-table-filters{grid-template-columns:1fr 1fr}.finance-table-panel{overflow-x:auto}.finance-table{min-width:900px}}@media(max-width:650px){.finance-kpi-grid{grid-template-columns:1fr}.finance-secondary-strip{grid-template-columns:1fr}.finance-operations-toolbar{align-items:stretch;flex-direction:column}.finance-operations-toolbar .toolbar-actions{display:grid;grid-template-columns:1fr 1fr}.finance-table-filters{grid-template-columns:1fr}.finance-operation-modal-v2 .modal-grid{grid-template-columns:1fr}.finance-operation-modal-v2 .full{grid-column:auto}}

/* V8.1 · Admin Finances refinement */
.finance-summary{padding:18px 20px;margin-bottom:20px}.finance-summary-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.finance-summary-head h2{margin:4px 0 0;font-size:20px}.finance-summary-badge{font-size:10px;font-weight:800;letter-spacing:.06em;color:#74aaff;border:1px solid rgba(70,132,255,.28);border-radius:999px;padding:7px 10px;background:rgba(35,98,210,.08)}.finance-summary-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:12px;align-items:center;padding:14px 16px;border:1px solid rgba(126,160,205,.12);background:rgba(5,15,28,.28);border-radius:13px}.finance-summary-flow>div{min-width:0}.finance-summary-flow span{display:block;font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:800}.finance-summary-flow b{display:block;margin-top:5px;font-size:16px}.finance-summary-flow i{font-style:normal;color:var(--muted);font-weight:900}.finance-summary-flow .result b{color:#5ee7b7}.finance-summary-foot{display:flex;gap:24px;flex-wrap:wrap;margin-top:12px;font-size:12px;color:var(--muted)}.finance-summary-foot b{color:var(--text);margin-left:6px}.finance-pagination{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border:1px solid var(--border);border-top:0;border-radius:0 0 14px 14px;background:rgba(6,16,29,.72);font-size:12px;color:var(--muted)}.finance-pagination>div{display:flex;align-items:center;gap:10px}.finance-pagination select,.finance-pagination button{height:38px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--text);padding:0 12px}.finance-pagination button:disabled{opacity:.35}.finance-empty{text-align:center;padding:34px 18px;color:var(--muted)}.finance-empty h3{margin:0 0 5px;color:var(--text);font-size:17px}.finance-operation-modal-v2{width:min(720px,calc(100vw - 28px));max-height:min(84vh,700px)}.finance-operation-modal-v2 textarea{min-height:86px}.finance-operation-modal-v2 .modal-grid{gap:11px 14px}.finance-operation-modal-v2 .field{margin:0}.finance-kpi h3{white-space:nowrap;font-size:11px}.finance-kpi{min-height:142px}
@media(max-width:900px){.finance-summary-flow{grid-template-columns:1fr 1fr}.finance-summary-flow i{display:none}.finance-pagination{align-items:flex-start;gap:12px;flex-direction:column}.finance-pagination>div{width:100%;justify-content:space-between}.finance-kpi h3{white-space:normal}}
@media(max-width:650px){.finance-summary-head{align-items:flex-start;flex-direction:column}.finance-summary-flow{grid-template-columns:1fr}.finance-pagination>div{flex-wrap:wrap;justify-content:flex-start}}

/* V8.2 Admin Finances polish */
.finance-table-filters input,.finance-table-filters select{background:#081525!important;color:var(--text)!important;border:1px solid var(--border)!important;border-radius:10px!important;box-shadow:none!important;padding:0 13px!important;outline:none}.finance-table-filters input::placeholder{color:var(--muted)!important}.finance-table-filters input:focus,.finance-table-filters select:focus{border-color:rgba(52,132,255,.72)!important;box-shadow:0 0 0 3px rgba(39,119,255,.10)!important}.finance-table-filters select{color-scheme:dark}.finance-table-filters option{background:#0b192b;color:#eef5ff}.finance-operation-modal-v2 textarea{display:none}.finance-operation-modal-v2{max-height:min(82vh,650px)}

/* PRIMIZIS V8.5 — full symbol integration */
.brandmark-logo{width:40px!important;height:40px!important;flex:0 0 40px!important;overflow:visible!important;border-radius:0!important}
.brandmark-logo img,.boot-logo img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;border-radius:0!important;display:block!important}
.login-v54 .login-card-logo{object-fit:contain!important;object-position:center!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}


/* PRIMIZIS V8.6 — complete official logo everywhere in the interface */
.brand-full-logo-wrap{display:flex;align-items:center;justify-content:flex-start;width:150px;height:72px;min-width:0;overflow:visible;background:transparent;box-shadow:none}
.brand-full-logo{display:block;width:150px;height:72px;object-fit:contain;object-position:center;filter:none}
.brand-full-logo-wrap.compact{width:76px;height:64px;justify-content:center}
.brand-full-logo-wrap.compact .brand-full-logo{width:76px;height:64px}
.boot-logo img,.boot-logo-wrap img,.fatal-logo{width:190px!important;height:145px!important;object-fit:contain!important;object-position:center!important;background:transparent!important;border-radius:0!important;box-shadow:none!important}
.boot-mark.boot-logo{width:210px!important;height:155px!important;background:transparent!important}
.login-v54 .login-mobile-brand .brand-full-logo-wrap{width:170px;height:90px}
.login-v54 .login-mobile-brand .brand-full-logo{width:170px;height:90px}
.login-v54 .login-card-logo{width:118px!important;height:88px!important;object-fit:contain!important;object-position:center!important}
.module-error img,.fatal-card .fatal-logo{object-fit:contain!important}
@media(max-width:780px){
  .brand-full-logo-wrap{width:145px;height:68px}
  .brand-full-logo{width:145px;height:68px}
  .brand-full-logo-wrap.compact{width:145px;height:68px}
  .brand-full-logo-wrap.compact .brand-full-logo{width:145px;height:68px}
  .login-v54 .login-mobile-brand .brand-full-logo-wrap{width:160px;height:82px}
  .login-v54 .login-mobile-brand .brand-full-logo{width:160px;height:82px}
  .login-v54 .login-card-logo{width:100px!important;height:78px!important}
}


/* ===== PRIMIZIS FINAL BRAND POLISH ===== */
.brand-full-logo,.login-card-logo,.boot-logo img,.boot-logo-wrap img,.fatal-logo,.module-error img{mix-blend-mode:lighten;}
.brand-full-logo{filter:none!important;}
.brand-full-logo-wrap{isolation:isolate;}
.login-card-logo{filter:none!important;}
.boot-logo-main{width:170px;height:170px;display:grid;place-items:center;overflow:visible;background:transparent!important;box-shadow:none!important;}
.boot-logo-main img{width:170px;height:170px;object-fit:contain;border-radius:18px;display:block;}
.boot{gap:14px;text-align:center;background:radial-gradient(circle at 50% 42%,rgba(20,91,190,.10),transparent 34%);}
.boot>span{font-size:13px;color:#8198b8;letter-spacing:.01em;}
.boot-progress{width:170px;height:3px;margin-top:2px;}
.fatal-logo{border-radius:16px;}
.module-error-v61>img{width:82px;height:82px;object-fit:contain;background:transparent;border-radius:14px;}
@media(max-width:560px){.boot-logo-main,.boot-logo-main img{width:145px;height:145px;}.boot-progress{width:150px;}}

/* ===== PRIMIZIS BOOST PDC DESIGN SYSTEM · 2026-09 ===== */
:root{
  --primizis-night:#050b1b;--primizis-navy:#071426;--primizis-panel:#0b1d36;
  --primizis-blue:#087eff;--primizis-cyan:#00d9ff;--primizis-violet:#7b2cff;--primizis-magenta:#f000d4;
}
:root[data-theme="dark"]{
  --bg:#050b18;--surface:#09182b;--surface-2:#0c2039;--line:#1b3858;
  --blue:#087eff;--blue-2:#6245ff;--cyan:#00d9ff;--navy:#050d1e;--navy-2:#102b52;
  --muted:#8da8ca;--ink:#f6f9ff;
}
body{background:radial-gradient(circle at 68% -20%,rgba(0,126,255,.055),transparent 34%),var(--bg)}

/* Sidebar: two genuinely separate layouts */
.sidebar{background:radial-gradient(circle at 0 0,rgba(0,217,255,.055),transparent 24%),linear-gradient(180deg,#07162c 0%,#081d39 58%,#07162c 100%);border-right:1px solid rgba(70,151,255,.14);box-shadow:12px 0 36px rgba(0,0,0,.18);overflow:hidden!important}
.side-top{min-width:0}.brand-full-logo-wrap{flex:0 0 auto;overflow:hidden}
.brand-full-logo{mix-blend-mode:lighten;filter:saturate(1.06) contrast(1.02)!important}
.side-mode-card{min-width:0;background:linear-gradient(110deg,rgba(8,126,255,.08),rgba(123,44,255,.035));border-color:rgba(75,154,255,.20)}
.nav-item.active{background:linear-gradient(135deg,#087eff 0%,#2868ff 68%,#6b3cff 145%);box-shadow:0 10px 24px rgba(8,126,255,.22)}
.nav-item.active::after{content:"";position:absolute;right:8px;width:4px;height:4px;border-radius:50%;background:#d74cff;box-shadow:0 0 10px rgba(240,0,212,.7)}
.nav-item{position:relative}
.collapse-btn{border:1px solid rgba(93,155,225,.12)}

.shell.side-collapsed{--side:84px}
.side-collapsed .sidebar{width:84px!important;min-width:84px!important;max-width:84px!important;padding:20px 12px!important}
.side-collapsed .sidebar-inner{width:60px;min-width:60px;max-width:60px;overflow:hidden;grid-template-rows:auto 1fr auto!important;gap:14px}
.side-collapsed .side-top{width:60px;display:grid!important;justify-items:center!important;gap:10px;margin-bottom:4px}
.side-collapsed .brand-full-logo-wrap.compact{width:60px!important;height:66px!important;min-width:60px!important;overflow:hidden!important}
.side-collapsed .brand-full-logo-wrap.compact .brand-full-logo{width:60px!important;height:66px!important;object-fit:contain!important}
.side-collapsed .side-mode-card,.side-collapsed .mode-label,.side-collapsed .nav-caption,.side-collapsed .workspace-copy,.side-collapsed .mobile-workspace-switch{display:none!important}
.side-collapsed .sidebar-scroll{width:60px!important;padding:0!important;overflow:hidden!important}
.side-collapsed .nav-group{width:60px;justify-items:center}
.side-collapsed .nav-item{width:54px!important;height:46px;padding:0!important;display:grid!important;place-items:center!important;gap:0!important}
.side-collapsed .nav-item>span:last-child{display:none!important}
.side-collapsed .nav-ico{width:22px!important;flex:0 0 22px!important}
.side-collapsed .collapse-btn{width:36px;height:36px;margin:auto;background:rgba(12,43,78,.9);color:#9ec5f3;border:1px solid rgba(65,145,235,.2)}
.side-collapsed .sidebar-foot{width:60px}.side-collapsed .account-mini{width:60px;display:grid!important;place-items:center!important}.side-collapsed .account-copy,.side-collapsed .logout-mini{display:none!important}

/* Main surfaces: restrained PDC accents */
.topbar{background:color-mix(in srgb,#061225 94%,transparent);border-bottom-color:#173451}
.mission-hero{background:radial-gradient(circle at 90% 105%,rgba(123,44,255,.16),transparent 34%),linear-gradient(135deg,#0874f5 0%,#079fe9 100%)!important}
.trust-hero{background:radial-gradient(circle at 100% 0,rgba(123,44,255,.08),transparent 42%),linear-gradient(135deg,#0a1d38,#123663)!important}
.btn.primary{background:linear-gradient(120deg,#087eff 0%,#2868ff 62%,#7043ff 100%)}
.mode-switch button.active{box-shadow:inset 0 0 0 1px rgba(0,217,255,.18),0 0 18px rgba(8,126,255,.08)}

/* Login derived from the PDC: night + cyan + restrained violet/magenta */
.login-v51,.login-v54{background:#050b1b!important}
.login-v51 .login-visual,.login-v54 .login-visual{background:radial-gradient(circle at 78% 62%,rgba(8,126,255,.22),transparent 35%),radial-gradient(circle at 92% 92%,rgba(123,44,255,.13),transparent 30%),radial-gradient(circle at 12% 10%,rgba(0,217,255,.055),transparent 25%),linear-gradient(145deg,#050c1e 0%,#071a35 52%,#0b2854 100%)!important}
.login-v51 .login-side,.login-v54 .login-side{background:radial-gradient(circle at 100% 100%,rgba(123,44,255,.06),transparent 30%),linear-gradient(145deg,#050b18,#071426)!important}
.login-v51 .login-card,.login-v54 .login-card{background:linear-gradient(155deg,rgba(11,29,54,.98),rgba(7,20,38,.98))!important;border-color:#214567!important;box-shadow:0 28px 80px rgba(0,0,0,.36),0 0 0 1px rgba(0,217,255,.025) inset!important}
.login-v51 .login-hero-line.accent,.login-v54 .login-hero-line.accent{color:#23d7ff!important;text-shadow:0 0 24px rgba(0,217,255,.08)}
.login-v51 .login-orbit,.login-v54 .login-orbit{border-color:rgba(0,217,255,.20)!important;box-shadow:0 0 0 54px rgba(8,126,255,.035),0 0 0 108px rgba(123,44,255,.018)!important}
.login-v51 .login-card-logo,.login-v54 .login-card-logo,.login-v51 .login-brand .brand-full-logo,.login-v54 .login-brand .brand-full-logo{mix-blend-mode:lighten;filter:saturate(1.08) contrast(1.02)!important}
.login-v51 .login-submit,.login-v54 .login-submit{background:linear-gradient(110deg,#087eff 0%,#2868ff 58%,#7043ff 100%)!important;box-shadow:0 12px 28px rgba(8,126,255,.18)}
.auth-tabs button.active{background:linear-gradient(110deg,rgba(8,126,255,.28),rgba(123,44,255,.12))!important}
.auth-input-wrap:focus-within{border-color:#168eff!important;box-shadow:0 0 0 3px rgba(0,217,255,.07)!important}

@media(max-width:1100px) and (min-width:781px){
  .shell{--side:84px!important}.sidebar{width:84px!important;min-width:84px!important;max-width:84px!important;padding:20px 12px!important}
  .sidebar .sidebar-inner{width:60px;overflow:hidden}.sidebar .side-mode-card{display:none!important}.sidebar .brand-full-logo-wrap{width:60px!important;height:66px!important}.sidebar .brand-full-logo{width:60px!important;height:66px!important}.sidebar .sidebar-scroll{width:60px;padding:0;overflow:hidden}.sidebar .nav-item{width:54px;height:46px;padding:0;display:grid;place-items:center}.sidebar .nav-group{justify-items:center}.sidebar .account-mini{display:grid;place-items:center}
}

/* ===== PRIMIZIS V8.7 · PDC NIGHT ATMOSPHERE GLOBAL ===== */
:root[data-theme="dark"]{
  --bg:#07172f!important;
  --surface:#0a203d!important;
  --surface-2:#0d294d!important;
  --line:rgba(83,151,220,.20)!important;
  --shadow-soft:0 14px 34px rgba(0,5,18,.16)!important;
}
html[data-theme="dark"],html[data-theme="dark"] body{background:#07172f!important}
html[data-theme="dark"] body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:
 radial-gradient(circle at 76% 26%,rgba(18,93,190,.16),transparent 34%),
 radial-gradient(circle at 96% 88%,rgba(96,43,185,.065),transparent 28%),
 linear-gradient(135deg,#061329 0%,#09234a 58%,#0b2d5b 125%)}
.app-main{position:relative;isolation:isolate;background:transparent!important}
.app-main::before{content:"";position:fixed;left:var(--side);right:0;top:var(--top);bottom:0;z-index:-1;pointer-events:none;background:
 radial-gradient(circle at 76% 38%,rgba(19,100,205,.12),transparent 35%),
 radial-gradient(circle at 92% 96%,rgba(123,44,255,.045),transparent 28%),
 linear-gradient(145deg,rgba(6,19,41,.96) 0%,rgba(8,31,63,.96) 55%,rgba(10,43,86,.94) 130%)}
.app-main::after{content:"";position:fixed;width:640px;height:640px;right:-270px;bottom:-330px;z-index:-1;pointer-events:none;border:1px solid rgba(0,217,255,.055);border-radius:50%;box-shadow:0 0 0 82px rgba(8,126,255,.018),0 0 0 164px rgba(123,44,255,.010)}
.content{position:relative;background:transparent!important}
.topbar{background:rgba(6,19,40,.84)!important;border-bottom-color:rgba(74,142,211,.18)!important;box-shadow:0 8px 28px rgba(0,7,20,.10);backdrop-filter:blur(20px) saturate(1.08)}
.sidebar{background:radial-gradient(circle at 20% 4%,rgba(0,217,255,.055),transparent 23%),linear-gradient(180deg,rgba(7,24,50,.98),rgba(8,31,62,.98))!important;border-right-color:rgba(75,146,218,.17)!important}

/* Softer cards: surfaces, not a wall of outlined rectangles */
.stat,.panel,.mission-card,.activity-row,.campaign-row,.advertiser-payment-panel,.admin-payment-card,.review-card,.support-admin-card,.payment-method-card,.selected-payment-summary{background:linear-gradient(145deg,rgba(10,32,61,.88),rgba(8,27,52,.86))!important;border-color:rgba(84,151,218,.16)!important;box-shadow:0 14px 32px rgba(0,5,18,.10)!important}
.stat:hover,.mission-card:hover,.campaign-row:hover{border-color:rgba(47,148,255,.28)!important}
.stat-icon{background:rgba(9,48,91,.72)!important}
.search-pill,.icon-btn,.mode-switch{background:rgba(8,29,56,.72)!important;border-color:rgba(80,147,214,.18)!important}
.mode-switch button.active{background:linear-gradient(120deg,rgba(8,126,255,.17),rgba(72,71,255,.10))!important;border:1px solid rgba(0,217,255,.14)!important}

/* Advertiser dashboard: remove flat-black feeling */
.audience-panel,.smart-distribution-card{background:radial-gradient(circle at 100% 0,rgba(48,104,205,.13),transparent 46%),linear-gradient(145deg,rgba(12,39,75,.92),rgba(11,34,65,.90))!important;border-color:rgba(85,151,220,.16)!important}
.empty-state,.campaign-empty{background:rgba(7,29,57,.48)!important;border-color:rgba(63,139,215,.20)!important}

/* Login: make the right side belong to the same visual world as the left */
.login-v51 .login-side,.login-v54 .login-side{background:radial-gradient(circle at 100% 82%,rgba(123,44,255,.055),transparent 30%),radial-gradient(circle at 20% 18%,rgba(8,126,255,.075),transparent 30%),linear-gradient(145deg,#061329 0%,#081d3b 62%,#0a2851 125%)!important}
.login-v51 .login-card,.login-v54 .login-card{background:linear-gradient(150deg,rgba(10,34,65,.88),rgba(7,25,49,.88))!important;border-color:rgba(82,151,220,.24)!important;box-shadow:0 30px 80px rgba(0,5,18,.24)!important;backdrop-filter:blur(16px)}

@media(max-width:780px){
 .app-main::before{left:0}.app-main::after{opacity:.55}
}

/* ===== PRIMIZIS V8.8 · THEME CONTRAST + FORM SYSTEM ===== */
/* Dark: remove muddy/black-brown form surfaces and strengthen reading hierarchy */
:root[data-theme="dark"]{
  --field-bg:#102947;--field-bg-hover:#133052;--field-border:#315579;--field-placeholder:#7796b9;
  --muted:#9bb3d1!important;--ink:#f7faff!important;
}
:root[data-theme="dark"] .field input,:root[data-theme="dark"] .field select,:root[data-theme="dark"] .field textarea,
:root[data-theme="dark"] .auth-input-wrap,:root[data-theme="dark"] .register-grid input,
:root[data-theme="dark"] .settings-password input,:root[data-theme="dark"] .quantity-control input,
:root[data-theme="dark"] .quantity-control button{
  background:var(--field-bg)!important;border-color:var(--field-border)!important;color:#f6f9ff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
}
:root[data-theme="dark"] .field input:hover,:root[data-theme="dark"] .field select:hover,:root[data-theme="dark"] .field textarea:hover,:root[data-theme="dark"] .auth-input-wrap:hover{background:var(--field-bg-hover)!important;border-color:#3d668f!important}
:root[data-theme="dark"] .field input:focus,:root[data-theme="dark"] .field select:focus,:root[data-theme="dark"] .field textarea:focus,:root[data-theme="dark"] .auth-input-wrap:focus-within{background:#143252!important;border-color:#1e96ff!important;box-shadow:0 0 0 3px rgba(0,217,255,.075)!important}
:root[data-theme="dark"] input::placeholder,:root[data-theme="dark"] textarea::placeholder{color:var(--field-placeholder)!important;opacity:1!important}
:root[data-theme="dark"] .field>span,:root[data-theme="dark"] .field-label{color:#eaf2ff!important}
:root[data-theme="dark"] .page-head p,:root[data-theme="dark"] .panel p,:root[data-theme="dark"] .stat .t{color:#9db6d6!important}

/* Light is a complete theme, not a partial inversion of Night. */
:root:not([data-theme="dark"]){
  --bg:#f3f7fc!important;--surface:#ffffff!important;--surface-2:#edf4fc!important;--ink:#0a1c35!important;--muted:#5f7592!important;--line:#d2e0ef!important;
  --blue:#087eff!important;--blue-2:#554cff!important;--cyan:#00a9dc!important;--navy:#eaf2fb!important;--navy-2:#dceafb!important;
  --shadow:0 16px 42px rgba(24,61,105,.09)!important;--shadow-soft:0 8px 24px rgba(24,61,105,.07)!important;
}
:root:not([data-theme="dark"]) body{background:linear-gradient(145deg,#f7faff 0%,#edf4fc 62%,#e8f1fb 100%)!important;color:var(--ink)!important}
:root:not([data-theme="dark"]) body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 78% 18%,rgba(8,126,255,.07),transparent 34%),radial-gradient(circle at 95% 92%,rgba(123,44,255,.035),transparent 27%)}
:root:not([data-theme="dark"]) .app-main::before{background:radial-gradient(circle at 78% 34%,rgba(8,126,255,.055),transparent 36%),linear-gradient(145deg,rgba(248,251,255,.98),rgba(236,244,252,.98))!important}
:root:not([data-theme="dark"]) .app-main::after{border-color:rgba(8,126,255,.06)!important;box-shadow:0 0 0 82px rgba(8,126,255,.018),0 0 0 164px rgba(123,44,255,.008)!important}
:root:not([data-theme="dark"]) .sidebar{background:linear-gradient(180deg,#081a34 0%,#0a2850 100%)!important;color:#eaf4ff!important;border-right-color:rgba(38,102,170,.20)!important}
:root:not([data-theme="dark"]) .topbar{background:rgba(255,255,255,.90)!important;border-bottom-color:#d8e4f0!important;box-shadow:0 8px 28px rgba(33,70,112,.07)!important}
:root:not([data-theme="dark"]) .search-pill,:root:not([data-theme="dark"]) .icon-btn,:root:not([data-theme="dark"]) .mode-switch{background:#f5f8fc!important;border-color:#d4e1ef!important;color:#526c8b!important}
:root:not([data-theme="dark"]) .profile-trigger{color:#0b1d36!important}.profile-trigger .avatar{color:#126be5}
:root:not([data-theme="dark"]) .stat,:root:not([data-theme="dark"]) .panel,:root:not([data-theme="dark"]) .mission-card,:root:not([data-theme="dark"]) .activity-row,:root:not([data-theme="dark"]) .campaign-row,:root:not([data-theme="dark"]) .advertiser-payment-panel,:root:not([data-theme="dark"]) .admin-payment-card,:root:not([data-theme="dark"]) .review-card,:root:not([data-theme="dark"]) .support-admin-card,:root:not([data-theme="dark"]) .payment-method-card,:root:not([data-theme="dark"]) .selected-payment-summary{background:#fff!important;border-color:#d7e4f1!important;color:#0a1c35!important;box-shadow:0 10px 28px rgba(30,67,108,.06)!important}
:root:not([data-theme="dark"]) .audience-panel,:root:not([data-theme="dark"]) .smart-distribution-card{background:linear-gradient(145deg,#f8fbff,#edf5ff)!important;border-color:#d5e4f3!important;color:#0a1c35!important}
:root:not([data-theme="dark"]) .empty-state,:root:not([data-theme="dark"]) .campaign-empty{background:#f7faff!important;border-color:#cbddec!important;color:#213b5b!important}
:root:not([data-theme="dark"]) .page-head h1,:root:not([data-theme="dark"]) .panel h1,:root:not([data-theme="dark"]) .panel h2,:root:not([data-theme="dark"]) .panel h3,:root:not([data-theme="dark"]) .section-head h2,:root:not([data-theme="dark"]) .stat .v{color:#081a33!important}
:root:not([data-theme="dark"]) .page-head p,:root:not([data-theme="dark"]) .panel p,:root:not([data-theme="dark"]) .stat .t,:root:not([data-theme="dark"]) .field small{color:#607794!important}
:root:not([data-theme="dark"]) .field>span,:root:not([data-theme="dark"]) .field-label{color:#18314f!important}
:root:not([data-theme="dark"]) .field input,:root:not([data-theme="dark"]) .field select,:root:not([data-theme="dark"]) .field textarea,:root:not([data-theme="dark"]) .auth-input-wrap,:root:not([data-theme="dark"]) .settings-password input,:root:not([data-theme="dark"]) .quantity-control input,:root:not([data-theme="dark"]) .quantity-control button{background:#f7faff!important;border-color:#c8d9ea!important;color:#102641!important;box-shadow:none!important}
:root:not([data-theme="dark"]) .field input:hover,:root:not([data-theme="dark"]) .field select:hover,:root:not([data-theme="dark"]) .field textarea:hover{background:#fff!important;border-color:#a9c3df!important}
:root:not([data-theme="dark"]) .field input:focus,:root:not([data-theme="dark"]) .field select:focus,:root:not([data-theme="dark"]) .field textarea:focus,:root:not([data-theme="dark"]) .auth-input-wrap:focus-within{background:#fff!important;border-color:#1688ff!important;box-shadow:0 0 0 3px rgba(8,126,255,.10)!important}
:root:not([data-theme="dark"]) input::placeholder,:root:not([data-theme="dark"]) textarea::placeholder{color:#8296ae!important;opacity:1!important}
/* KYC/upload blocks: no burned white-on-white or inherited night text */
:root:not([data-theme="dark"]) .kyc-card,:root:not([data-theme="dark"]) .kyc-upload,:root:not([data-theme="dark"]) .upload-card,:root:not([data-theme="dark"]) .document-upload{background:#fff!important;border-color:#d2e1ef!important;color:#102641!important}
:root:not([data-theme="dark"]) .kyc-card *,:root:not([data-theme="dark"]) .kyc-upload *,:root:not([data-theme="dark"]) .upload-card *,:root:not([data-theme="dark"]) .document-upload *{text-shadow:none}
/* Preserve branded heroes in both themes while keeping their copy white */
.mission-hero,.trust-hero,.wallet-hero,.points-hero{color:#fff}
.mission-hero h1,.mission-hero h2,.mission-hero h3,.trust-hero h1,.trust-hero h2,.trust-hero h3,.wallet-hero h1,.wallet-hero h2,.wallet-hero h3,.points-hero h1,.points-hero h2,.points-hero h3{color:#fff!important}

/* ===== PRIMIZIS V8.9 · DAY DEPTH + HERO BALANCE ===== */
/* Dark dashboard: the level card must carry the same visual weight as Missions. */
:root[data-theme="dark"] .trust-hero{
  background:
    radial-gradient(circle at 14% 18%,rgba(0,217,255,.13),transparent 28%),
    radial-gradient(circle at 94% 4%,rgba(123,44,255,.16),transparent 38%),
    linear-gradient(128deg,#0d2d58 0%,#17477c 56%,#183d73 100%)!important;
  border:1px solid rgba(77,166,255,.22)!important;
  box-shadow:0 18px 42px rgba(0,9,30,.18),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
:root[data-theme="dark"] .trust-hero .prestige-medal{
  background:linear-gradient(145deg,#17d6f5 0%,#098cff 58%,#6650ff 130%)!important;
  border:1px solid rgba(113,229,255,.72)!important;
  box-shadow:0 10px 30px rgba(0,174,255,.20),0 0 24px rgba(92,77,255,.10)!important;
}
:root[data-theme="dark"] .trust-hero .trustbar{background:rgba(159,205,255,.20)!important;height:9px!important}
:root[data-theme="dark"] .trust-hero .trustbar i{background:linear-gradient(90deg,#00d9ff,#087eff,#7b2cff)!important}
:root[data-theme="dark"] .trust-hero p{color:#c5d8ef!important}

/* Primizis Day: glacier-blue depth instead of white sheets. */
:root:not([data-theme="dark"]){--day-bg:#eaf3fd;--day-surface:#f8fbff;--day-surface-2:#edf5fe;--day-line:#c9dbed}
:root:not([data-theme="dark"]) body{background:linear-gradient(145deg,#f2f7fd 0%,#e7f1fc 58%,#deecfa 100%)!important}
:root:not([data-theme="dark"]) .app-main::before{background:
  radial-gradient(circle at 77% 23%,rgba(0,169,220,.075),transparent 31%),
  radial-gradient(circle at 93% 84%,rgba(123,44,255,.040),transparent 27%),
  linear-gradient(145deg,#f2f7fd 0%,#e7f1fc 58%,#deecfa 100%)!important}
:root:not([data-theme="dark"]) .app-main::after{opacity:1!important;border-color:rgba(8,126,255,.085)!important;box-shadow:0 0 0 82px rgba(8,126,255,.025),0 0 0 164px rgba(123,44,255,.013)!important}
:root:not([data-theme="dark"]) .topbar{background:rgba(240,247,254,.92)!important;border-bottom-color:#c9dced!important;box-shadow:0 8px 26px rgba(32,72,116,.065)!important}
:root:not([data-theme="dark"]) .search-pill,:root:not([data-theme="dark"]) .icon-btn,:root:not([data-theme="dark"]) .mode-switch{background:rgba(248,251,255,.86)!important;border-color:#c9dced!important}

/* Three readable levels: canvas -> cards -> inner/empty surfaces. */
:root:not([data-theme="dark"]) .stat,:root:not([data-theme="dark"]) .panel,:root:not([data-theme="dark"]) .mission-card,:root:not([data-theme="dark"]) .activity-row,:root:not([data-theme="dark"]) .campaign-row{
  background:linear-gradient(145deg,#fbfdff,#f5f9fe)!important;border-color:#cbdced!important;box-shadow:0 10px 26px rgba(35,75,118,.055)!important}
:root:not([data-theme="dark"]) .empty-state,:root:not([data-theme="dark"]) .campaign-empty{
  background:linear-gradient(145deg,#f1f7fd,#eaf3fc)!important;border-color:#bdd4e9!important;color:#193653!important}
:root:not([data-theme="dark"]) .stat-icon{background:#e2eef9!important;border:1px solid #c8ddef!important}
:root:not([data-theme="dark"]) .page-head p,:root:not([data-theme="dark"]) .panel p,:root:not([data-theme="dark"]) .stat .t{color:#526d8d!important}

/* Smart Distribution had inherited night copy on an almost-white card. */
:root:not([data-theme="dark"]) .side-card,:root:not([data-theme="dark"]) .smart-distribution-card{
  background:radial-gradient(circle at 100% 0,rgba(0,217,255,.10),transparent 40%),linear-gradient(145deg,#e7f3ff,#dcecff)!important;
  color:#0b2340!important;border:1px solid #b9d5ec!important;box-shadow:0 16px 34px rgba(32,75,120,.09)!important}
:root:not([data-theme="dark"]) .side-card h1,:root:not([data-theme="dark"]) .side-card h2,:root:not([data-theme="dark"]) .side-card h3,
:root:not([data-theme="dark"]) .smart-distribution-card h1,:root:not([data-theme="dark"]) .smart-distribution-card h2,:root:not([data-theme="dark"]) .smart-distribution-card h3{color:#0a2442!important}
:root:not([data-theme="dark"]) .side-card p,:root:not([data-theme="dark"]) .smart-distribution-card p{color:#526f90!important}
:root:not([data-theme="dark"]) .side-card .info-list>div,:root:not([data-theme="dark"]) .smart-distribution-card .info-list>div{color:#496987!important;border-bottom-color:#c6d9eb!important}
:root:not([data-theme="dark"]) .side-card .info-list b,:root:not([data-theme="dark"]) .smart-distribution-card .info-list b{color:#102d4d!important}
:root:not([data-theme="dark"]) .side-card .trustbar,:root:not([data-theme="dark"]) .smart-distribution-card .trustbar{background:#c8dcef!important}

/* Light advertiser audience panel: differentiated, but no dark island. */
:root:not([data-theme="dark"]) .audience-panel{background:linear-gradient(145deg,#e9f4ff,#dcecff)!important;border-color:#bed7ec!important;color:#0b2340!important}
:root:not([data-theme="dark"]) .audience-panel h1,:root:not([data-theme="dark"]) .audience-panel h2,:root:not([data-theme="dark"]) .audience-panel h3{color:#0a2442!important}
:root:not([data-theme="dark"]) .audience-panel p{color:#526f90!important}

/* Light fields stay blue-white, never grey/brown. */
:root:not([data-theme="dark"]) .field input,:root:not([data-theme="dark"]) .field select,:root:not([data-theme="dark"]) .field textarea,:root:not([data-theme="dark"]) .auth-input-wrap,:root:not([data-theme="dark"]) .settings-password input{background:#edf5fd!important;border-color:#bfd4e8!important}

/* ===== PRIMIZIS V9.0 · SMART LIGHT READABILITY + MODAL FRAME ===== */
/* Smart Distribution — every metric remains readable in Primizis Day. */
:root:not([data-theme="dark"]) .smart-distribution-card{background:radial-gradient(circle at 100% 0,rgba(0,205,235,.11),transparent 42%),linear-gradient(145deg,#e4f2ff 0%,#d7e9fb 100%)!important;border-color:#afd0e9!important}
:root:not([data-theme="dark"]) .smart-distribution-card>p{color:#456887!important}
:root:not([data-theme="dark"]) .smart-distribution-card .smart-metrics{border-top-color:#b9d2e7!important;border-bottom-color:#b9d2e7!important}
:root:not([data-theme="dark"]) .smart-distribution-card .smart-metrics>div{border-bottom-color:#bfd6e9!important}
:root:not([data-theme="dark"]) .smart-distribution-card .smart-metrics span{color:#4d6d8c!important;font-weight:600!important}
:root:not([data-theme="dark"]) .smart-distribution-card .smart-metrics b{color:#102d4d!important;font-weight:900!important}
:root:not([data-theme="dark"]) .smart-distribution-card .smart-trust span{color:#587796!important}
:root:not([data-theme="dark"]) .smart-distribution-card .smart-trust b{color:#102d4d!important;font-weight:900!important}
:root:not([data-theme="dark"]) .smart-distribution-card .trustbar{background:#bdd5e9!important}
:root:not([data-theme="dark"]) .smart-distribution-card .trustbar i{background:linear-gradient(90deg,#00bcd9,#087eff,#7450ff)!important}

/* Facebook identity dialog — desktop frame with stable header/footer and integrated scrolling. */
.modal-card-v5{width:min(100%,560px)!important;max-height:calc(100dvh - 36px)!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin!important;scrollbar-color:#3d668f #0b203b!important;padding:22px!important}
.modal-card-v5::-webkit-scrollbar{width:8px}.modal-card-v5::-webkit-scrollbar-track{background:#0b203b;border-radius:8px}.modal-card-v5::-webkit-scrollbar-thumb{background:#3d668f;border-radius:8px;border:2px solid #0b203b}.modal-card-v5::-webkit-scrollbar-thumb:hover{background:#4d7ba8}
.modal-card-v5 .modal-head{position:sticky!important;top:-22px!important;z-index:12!important;margin:-1px -1px 8px!important;padding:22px 1px 12px!important;background:linear-gradient(180deg,var(--surface) 0%,var(--surface) 86%,rgba(0,0,0,0) 100%)!important}
.modal-card-v5 .modal-actions{position:sticky!important;bottom:-22px!important;z-index:12!important;margin:18px -1px -1px!important;padding:13px 1px 22px!important;background:linear-gradient(0deg,var(--surface) 0%,var(--surface) 82%,rgba(0,0,0,0) 100%)!important;border-top:1px solid rgba(77,125,174,.18)!important}
.modal-card-v5 .identity-preview-picker{background:#102a49!important;border-color:#315579!important}
.modal-card-v5 .choice-card{background:#102a49!important;border-color:#315579!important;color:#eaf2ff!important}
.modal-card-v5 .choice-card.active{background:linear-gradient(145deg,#173b65,#214b78)!important;border-color:#248cff!important;box-shadow:0 0 0 2px rgba(36,140,255,.08)!important}
.modal-card-v5 .field input,.modal-card-v5 .field select,.modal-card-v5 .field textarea{background:#112e4e!important;border-color:#376087!important;color:#f6f9ff!important}
.modal-card-v5 .field input:focus,.modal-card-v5 .field select:focus,.modal-card-v5 .field textarea:focus{border-color:#2195ff!important;box-shadow:0 0 0 3px rgba(33,149,255,.09)!important}

@media(max-width:700px){
 .modal-card-v5{width:100%!important;max-height:calc(100dvh - 20px)!important;padding:18px!important;scrollbar-width:thin!important}
 .modal-card-v5 .modal-head{top:-18px!important;padding-top:18px!important}
 .modal-card-v5 .modal-actions{bottom:-18px!important;padding-bottom:18px!important}
}

/* ===== V8 — DARK LEVEL DEPTH + PRIMIZIS DAY CAMPAIGN BUILDER ===== */
/* Dark only: richer level hero, less washed-out / matsatso. */
:root[data-theme="dark"] .trust-hero{
  background:
    radial-gradient(circle at 17% 52%,rgba(0,217,255,.13),transparent 25%),
    radial-gradient(circle at 88% 18%,rgba(123,44,255,.11),transparent 34%),
    linear-gradient(118deg,#0a2a50 0%,#103c6e 48%,#183e78 76%,#243b78 100%)!important;
  border-color:rgba(61,144,255,.34)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 16px 38px rgba(2,18,42,.18)!important;
}
:root[data-theme="dark"] .trust-hero .prestige-medal{
  background:linear-gradient(145deg,#13c8ef,#0b82ff 64%,#654dff)!important;
  box-shadow:0 10px 28px rgba(4,148,255,.20),0 0 30px rgba(64,90,255,.09)!important;
}
:root[data-theme="dark"] .trust-hero .trustbar{background:rgba(139,188,240,.18)!important}

/* Light campaign builder: no dark island inside Primizis Day. */
:root:not([data-theme="dark"]) .builder-card-v5{
  background:linear-gradient(155deg,rgba(255,255,255,.94),rgba(242,248,255,.96))!important;
  border-color:#c8dcef!important;
  box-shadow:0 16px 40px rgba(42,91,151,.08)!important;
}
:root:not([data-theme="dark"]) .premium-steps{
  background:linear-gradient(135deg,#e7f2ff,#edf4ff 58%,#f3efff)!important;
  border-color:#c6d9ef!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82)!important;
}
:root:not([data-theme="dark"]) .premium-steps .step{
  background:linear-gradient(180deg,#f8fbff,#eef5fd)!important;
  border-color:#cadbef!important;
  color:#163555!important;
  box-shadow:0 5px 14px rgba(44,88,139,.045)!important;
}
:root:not([data-theme="dark"]) .premium-steps .step-index{
  background:#e3effc!important;
  border-color:#bfd5ed!important;
  color:#426b96!important;
}
:root:not([data-theme="dark"]) .premium-steps .step-copy b{color:#16324f!important}
:root:not([data-theme="dark"]) .premium-steps .step-copy small{color:#6885a5!important}
:root:not([data-theme="dark"]) .premium-steps .step.active{
  background:linear-gradient(135deg,#d8ebff 0%,#dce9ff 58%,#e9e1ff 100%)!important;
  border-color:#4094ff!important;
  box-shadow:0 8px 20px rgba(28,119,255,.10),inset 0 1px 0 rgba(255,255,255,.85)!important;
}
:root:not([data-theme="dark"]) .premium-steps .step.active .step-index{
  background:linear-gradient(145deg,#168cff,#386dff)!important;
  border-color:#5ba6ff!important;color:#fff!important;
}
:root:not([data-theme="dark"]) .premium-steps .step.active .step-copy b{color:#0c3d72!important}
:root:not([data-theme="dark"]) .premium-steps .step.active .step-copy small{color:#527aa5!important}
:root:not([data-theme="dark"]) .premium-steps .step.active:after{background:linear-gradient(90deg,#0d8dff,#4c75ff,#7b4dff)!important}
:root:not([data-theme="dark"]) .premium-steps .step.done{
  background:linear-gradient(180deg,#edf8ff,#eaf5fb)!important;border-color:#bcdcea!important;
}
:root:not([data-theme="dark"]) .premium-steps .step.done .step-index{background:#ddf6f6!important;border-color:#a9dfe2!important;color:#0a9fac!important}
:root:not([data-theme="dark"]) .premium-steps .step.done .step-copy b{color:#17435a!important}
:root:not([data-theme="dark"]) .premium-steps .step.done .step-copy small{color:#62849a!important}

/* Inputs remain distinct from informational/empty callouts. */
:root:not([data-theme="dark"]) .builder-card-v5 .field input,
:root:not([data-theme="dark"]) .builder-card-v5 .field select{
  background:#eaf3fd!important;border-color:#bfd4eb!important;color:#102a46!important;
}
:root:not([data-theme="dark"]) .builder-card-v5 .field input::placeholder{color:#829bb7!important}
:root:not([data-theme="dark"]) .page-empty-callout{
  background:linear-gradient(135deg,#edf6ff,#f2f7ff)!important;
  border-color:#bed8f1!important;
  box-shadow:inset 3px 0 0 rgba(24,126,255,.42)!important;
}
:root:not([data-theme="dark"]) .page-empty-callout b{color:#15314e!important}
:root:not([data-theme="dark"]) .page-empty-callout span{color:#66809d!important}
:root:not([data-theme="dark"]) .page-empty-callout .btn{
  background:#f8fbff!important;color:#245c91!important;border-color:#b8d1eb!important;
}
:root:not([data-theme="dark"]) .page-empty-callout .btn:hover{background:#e8f3ff!important;border-color:#6daeff!important;color:#0c66c9!important}
:root:not([data-theme="dark"]) .identity-refresh-icon{
  background:#e9f3fd!important;border-color:#bfd6ee!important;color:#4b7ca8!important;
}
:root:not([data-theme="dark"]) .identity-refresh-icon:hover{background:#dcecff!important;border-color:#79b4f0!important;color:#087eff!important}

/* ===== V9 — MEMBER LEVEL HERO MATCHES POINTS HERO (DARK ONLY) ===== */
/* Requested: copy the visual treatment of the Points hero onto the INITIE/current-level block. */
:root[data-theme="dark"] .trust-hero{
  background:radial-gradient(circle at 92% 12%,rgba(54,220,255,.38),transparent 28%),linear-gradient(145deg,#07152d,#18447f)!important;
  border-color:rgba(62,126,196,.18)!important;
  box-shadow:var(--shadow-soft)!important;
}

/* V12 CRUD admin identities */
.admin-identity-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.admin-identity-actions select{min-width:128px}.admin-identity-actions .btn{min-height:38px}.identity-row-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.danger-soft{border-color:rgba(255,76,118,.35)!important;color:#ff7898!important;background:rgba(255,76,118,.08)!important}.danger-soft:hover{background:rgba(255,76,118,.16)!important;border-color:rgba(255,76,118,.55)!important}
.admin-user-manage{display:grid;grid-template-columns:auto minmax(220px,1fr) auto auto auto auto auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.admin-user-identity{min-width:0;display:flex;flex-direction:column}.admin-user-identity span,.admin-user-identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-edit-selects{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:1100px){.admin-user-manage{grid-template-columns:auto 1fr auto}.admin-user-manage select,.admin-user-manage>.btn{grid-column:auto}.admin-edit-selects{grid-template-columns:1fr}}

/* V13 — comptes admin + modal identité compacte */
.admin-user-manage-v13{grid-template-columns:auto minmax(280px,1fr) auto auto!important;gap:14px!important;padding:16px 4px!important}
.admin-account-badges{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.account-chip{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.04em}
.account-chip.status.active{color:#17c995}.account-chip.status.suspended{color:#ffad19}.account-chip.status.disabled{color:#ff6680}
.admin-row-actions{display:flex;align-items:center;gap:8px}.admin-row-actions .btn{white-space:nowrap}
@media(max-width:1050px){.admin-user-manage-v13{grid-template-columns:auto 1fr!important}.admin-account-badges,.admin-row-actions{grid-column:2;justify-content:flex-start}}

/* La fenêtre Facebook tient sur un écran desktop, sans scroll interne. */
@media(min-width:700px) and (min-height:650px){
 .modal-card-v5{width:min(94vw,680px)!important;max-height:none!important;overflow:visible!important;padding:18px 20px!important}
 .modal-card-v5 .modal-head{position:static!important;margin:0 0 8px!important;padding:0!important;background:none!important}
 .modal-card-v5 .modal-head h2{margin-top:2px!important}.modal-card-v5 .helper-copy{margin:3px 0 0!important}
 .modal-card-v5 .identity-upload-head{display:grid!important;grid-template-columns:150px 1fr!important;gap:14px!important;align-items:stretch!important;margin:10px 0!important}
 .modal-card-v5 .identity-preview-picker{min-height:92px!important;height:92px!important;padding:8px!important}
 .modal-card-v5 .choice-grid.two{height:92px!important;gap:10px!important}.modal-card-v5 .choice-card{min-height:92px!important;padding:10px!important}
 .modal-card-v5 .field{margin-top:9px!important;gap:5px!important}.modal-card-v5 .field input,.modal-card-v5 .field select{min-height:46px!important;padding:10px 13px!important}
 .modal-card-v5 .modal-actions{position:static!important;margin:12px 0 0!important;padding:0!important;background:none!important;border-top:0!important}
}

/* V13.1 · Mobile loading alignment fix */
@media (max-width:560px){
  .boot{
    width:100%;
    min-height:100svh;
    padding-left:0!important;
    padding-right:0!important;
    justify-items:center!important;
    text-align:center!important;
  }
  .boot .boot-logo-main{
    width:145px!important;
    height:145px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    place-self:center!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .boot .boot-logo-main img{
    width:145px!important;
    height:145px!important;
    max-width:145px!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:50% 50%!important;
    transform:none!important;
  }
  .boot .boot-progress{
    width:150px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .boot>span{width:100%;text-align:center!important;}
}