@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@500;700;800&family=Manrope:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap');

:root{
  --bg:#f7f8fc; --bg2:#eef0f7; --card:#ffffff; --card-border:#e4e7f0;
  --text:#172033; --muted:#667085; --accent:#6B4FF7; --accent2:#2369A8; --accent3:#9B5CFF;
  --good:#2f8f5b; --warn:#d56a32; --bad:#c1443a;
  --brand-terracotta-1:#9B5CFF; --brand-terracotta-2:#6B4FF7; --brand-cream:#F7F5FF;
  --wb-color:#CB11AB; --ozon-color:#005BFF; --ym-color:#FC3F1D;
  --font-display:'Manrope',"Segoe UI",sans-serif;
  --font-body:'Manrope',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace;
}
:root[data-theme="light"]{ --bg:#f7f8fc; --bg2:#eef0f7; --card:#ffffff; --card-border:#e4e7f0;
  --text:#172033; --muted:#667085; --accent:#6B4FF7; --accent2:#2369A8; --accent3:#9B5CFF; }

*{box-sizing:border-box}
html,body{overflow-x:hidden}
body{margin:0;background:
    repeating-linear-gradient(115deg, color-mix(in srgb, var(--accent) 5%, transparent) 0 2px, transparent 2px 34px),
    linear-gradient(180deg,var(--bg),var(--bg2) 85%);
  color:var(--text);
  font-family:var(--font-body);line-height:1.55;min-height:100vh;
  font-feature-settings:"tnum" 1;}
a{color:inherit}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}

header.top{position:sticky;top:0;z-index:10;backdrop-filter:blur(10px);
  background:color-mix(in srgb, var(--bg) 80%, transparent);border-bottom:1px solid var(--card-border)}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:15px 0;gap:16px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:17px;
  letter-spacing:-.01em;text-decoration:none;text-transform:uppercase}
.brand .dot{width:10px;height:10px;border-radius:3px;background:var(--accent);
  box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);
  animation:pulse-dot 2.4s ease-in-out infinite}
@keyframes pulse-dot{0%,100%{opacity:1}50%{opacity:.45}}
nav.top-links{display:flex;gap:18px;font-size:13px;color:var(--muted);flex-wrap:wrap;
  font-weight:600;text-transform:uppercase;letter-spacing:.02em}
nav.top-links a{text-decoration:none;position:relative;padding:6px 0}
nav.top-links a.active,nav.top-links a:hover{color:var(--text)}
nav.top-links a.active{color:var(--accent)}
nav.top-links a.active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--accent)}

.brand-banner{padding:14px 0;border-bottom:1px solid var(--card-border);
  background:color-mix(in srgb, var(--accent) 7%, transparent)}
.brand-banner-eyebrow{color:var(--accent);font-weight:800;font-size:11px;letter-spacing:.08em;
  text-transform:uppercase;margin-bottom:6px;font-family:var(--font-mono)}
.brand-banner-title{font-family:var(--font-display);font-weight:700;font-size:18px;margin-bottom:10px;letter-spacing:-.005em}
.platform-badges{display:flex;gap:9px;flex-wrap:wrap}
.pbadge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;
  font-size:11.5px;font-weight:700;color:var(--pc);
  background:color-mix(in srgb, var(--pc) 14%, transparent);
  border:1px solid color-mix(in srgb, var(--pc) 30%, transparent)}
.pbadge::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--pc);flex:none}

.side-strip{position:fixed;top:0;bottom:0;width:160px;display:flex;flex-direction:column;
  align-items:center;justify-content:flex-start;gap:22px;padding:36px 0;overflow-y:auto;
  z-index:0;text-decoration:none;color:inherit;scrollbar-width:none}
.side-strip::-webkit-scrollbar{display:none}
.side-strip.left{left:0}
.side-strip.right{right:0}
.side-strip::before{content:"";position:fixed;top:0;bottom:0;width:160px;z-index:-1;
  background:linear-gradient(180deg,
    color-mix(in srgb, var(--accent) 20%, transparent) 0%,
    color-mix(in srgb, var(--accent2) 16%, transparent) 25%,
    color-mix(in srgb, var(--accent) 16%, transparent) 50%,
    color-mix(in srgb, var(--accent2) 16%, transparent) 75%,
    color-mix(in srgb, var(--accent) 20%, transparent) 100%)}
.side-strip.left::before{left:0}
.side-strip.right::before{right:0}
.side-strip::after{content:"";position:fixed;top:0;bottom:0;width:1px;
  background:linear-gradient(180deg, transparent, var(--card-border) 15%, var(--card-border) 85%, transparent)}
.side-strip.left::after{left:159px}
.side-strip.right::after{right:159px}
.strip-tile{width:66px;height:66px;border-radius:19px;flex:none;display:flex;align-items:center;justify-content:center;
  font-size:29px;position:relative;background:linear-gradient(135deg,var(--brand-terracotta-1, var(--accent)),var(--brand-terracotta-2, var(--accent2)));
  box-shadow:0 16px 26px -12px color-mix(in srgb, var(--accent) 55%, transparent),
    inset -7px -9px 13px rgba(0,0,0,.2), inset 5px 6px 10px rgba(255,255,255,.35)}
.strip-tile::after{content:"";position:absolute;left:50%;top:100%;width:2px;height:22px;transform:translateX(-50%);
  background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 45%, transparent), transparent)}
.strip-tile:last-child::after{display:none}
.strip-tile:nth-child(3n+2){background:linear-gradient(135deg, var(--accent2), color-mix(in srgb, var(--accent2) 60%, black 20%))}
.strip-tile:nth-child(3n){background:linear-gradient(135deg, var(--accent3, var(--accent)), color-mix(in srgb, var(--accent3, var(--accent)) 55%, black 25%))}
.strip-promo{gap:0;padding:40px 14px;text-align:center;transition:transform .18s ease;justify-content:center}
.strip-promo:hover{transform:scale(1.04)}
.strip-promo .strip-tile{width:76px;height:76px;font-size:34px;border-radius:22px;margin-bottom:16px}
.strip-promo .strip-tile::after{display:none}
.strip-promo .strip-label{font-family:var(--font-display);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px}
.strip-promo .strip-teaser{font-size:11.5px;color:var(--muted);line-height:1.35;max-width:126px}
@media (max-width:1400px){ .side-strip{display:none} }

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:7px;
  padding:11px 20px;font-weight:700;font-size:13px;text-decoration:none;border:1.5px solid var(--card-border);
  cursor:pointer;background:var(--card);color:var(--text);transition:transform .12s ease, box-shadow .12s ease, filter .12s ease, border-color .12s ease;
  text-transform:uppercase;letter-spacing:.03em}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--accent);color:#ffffff;border-color:var(--accent);
  box-shadow:0 4px 0 0 color-mix(in srgb, var(--accent) 55%, #000 25%)}
.btn-primary:hover{filter:brightness(1.06)}
.btn-accent{background:var(--accent2);color:#eafff9;border-color:var(--accent2);
  box-shadow:0 4px 0 0 color-mix(in srgb, var(--accent2) 55%, #000 25%)}
.btn-accent:hover{filter:brightness(1.08)}
.btn-ghost{background:transparent}
.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}
.btn-sm{padding:7px 14px;font-size:11.5px;border-radius:6px}
.btn-lg{padding:15px 26px;font-size:15px;border-radius:9px}

.file-input{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.file-input-native{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0}
.file-input-name{font-size:13px;color:var(--muted)}
.btn-danger{color:var(--bad);border-color:var(--bad)}

main{padding:38px 0 80px}
h1{font-family:var(--font-display);font-size:26px;margin:0 0 6px;letter-spacing:-.01em;font-weight:700;text-wrap:balance}
h2{font-family:var(--font-display);font-size:16px;margin:0 0 14px;font-weight:600;letter-spacing:-.005em}
.lead{color:var(--muted);font-size:15px;margin:0 0 28px;max-width:62ch}

.card{background:var(--card);border:1px solid var(--card-border);border-radius:11px;padding:22px;margin-bottom:20px;min-width:0;
  position:relative;overflow:hidden;
  box-shadow:0 1px 0 color-mix(in srgb, var(--card-border) 70%, transparent);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
.card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:var(--card-border);transition:background .18s ease}
.card:hover{transform:translateY(-2px);border-color:color-mix(in srgb, var(--accent) 40%, var(--card-border));
  box-shadow:0 14px 30px -20px color-mix(in srgb, var(--accent) 45%, transparent)}
.card:hover::before{background:linear-gradient(90deg,var(--accent),var(--accent2))}
.grid{display:grid;gap:18px}
.grid>*{min-width:0}
.grid-2{grid-template-columns:1fr 1fr}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
@media (max-width:800px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}

.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;min-width:0}
.field label{font-size:12.5px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.02em}
.field input,.field select,.field textarea{width:100%;background:var(--bg2);border:1.5px solid var(--card-border);border-radius:7px;
  padding:11px 13px;color:var(--text);font-size:14px;font-family:inherit;transition:border-color .15s ease, box-shadow .15s ease}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent);
  box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent)}
.field textarea{min-height:70px;resize:vertical}
.field-row{display:flex;gap:10px;align-items:center}
.field-row label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text)}

.stat{display:flex;flex-direction:column;gap:4px}
.stat .label{font-size:11.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:700}
.stat .value{font-family:var(--font-mono);font-size:24px;font-weight:700}
.stat .value.good{color:var(--good)}
.stat .value.bad{color:var(--bad)}

table{width:100%;border-collapse:collapse;font-size:13px}
th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--card-border)}
td{font-family:var(--font-mono)}
th{color:var(--muted);font-weight:700;white-space:nowrap;font-family:var(--font-body);
  text-transform:uppercase;font-size:11px;letter-spacing:.03em}
.table-wrap{overflow-x:auto}

.badge{display:inline-block;border-radius:4px;padding:3px 10px;font-size:11px;font-weight:800;
  text-transform:uppercase;letter-spacing:.02em;font-family:var(--font-body)}
.badge-good{background:color-mix(in srgb, var(--good) 18%, transparent);color:var(--good)}
.badge-bad{background:color-mix(in srgb, var(--bad) 18%, transparent);color:var(--bad)}
.badge-warn{background:color-mix(in srgb, var(--warn) 20%, transparent);color:var(--warn)}
.badge-muted{background:color-mix(in srgb, var(--muted) 18%, transparent);color:var(--muted)}

.flash{border-radius:8px;padding:13px 16px;font-size:14px;margin-bottom:16px;border-left:3px solid transparent}
.flash.success{background:color-mix(in srgb, var(--good) 14%, transparent);color:var(--good);border-left-color:var(--good)}
.flash.error{background:color-mix(in srgb, var(--bad) 14%, transparent);color:var(--bad);border-left-color:var(--bad)}
.flash.info{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent);border-left-color:var(--accent)}

.muted{color:var(--muted);overflow-wrap:anywhere}

.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden}
.login-card{width:min(420px,100%);background:var(--card);border:1.5px solid var(--card-border);border-radius:14px;padding:36px 32px;
  box-shadow:0 30px 60px -30px color-mix(in srgb, var(--accent) 35%, transparent);position:relative;z-index:1}
.login-card::before,.login-card::after{content:"";position:absolute;width:16px;height:16px;border:2px solid var(--accent);opacity:.6}
.login-card::before{top:-1px;left:-1px;border-right:none;border-bottom:none;border-top-left-radius:8px}
.login-card::after{bottom:-1px;right:-1px;border-left:none;border-top:none;border-bottom-right-radius:8px}
.login-card h1{font-size:21px;text-align:center;margin-bottom:6px}
.login-card .sub{text-align:center;color:var(--muted);font-size:14px;margin-bottom:26px}

.range-bar{display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}
.range-presets{display:flex;gap:6px;flex-wrap:wrap}
.range-presets button.active{background:var(--accent);color:#ffffff;border-color:var(--accent)}
.range-custom{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.range-custom input[type=date]{background:var(--bg2);border:1.5px solid var(--card-border);border-radius:7px;
  padding:9px 11px;color:var(--text);font-family:inherit;font-size:13px}

.tabs{display:flex;gap:4px;margin-bottom:20px;border-bottom:1.5px solid var(--card-border);flex-wrap:wrap}
.tab{padding:10px 16px;font-size:13px;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;
  font-weight:700;text-transform:uppercase;letter-spacing:.02em}
.tab.active{color:var(--accent);border-bottom-color:var(--accent)}
.hidden{display:none !important}

.spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--card-border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.empty{color:var(--muted);font-size:14px;padding:20px 0;text-align:center}

/* Декоративный фон: тихий вращающийся "радар"-отблеск + точечная сетка вместо цветных пятен */
.bg-orbs{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.bg-orbs::before{content:"";position:absolute;inset:-20%;
  background-image:radial-gradient(color-mix(in srgb, var(--muted) 30%, transparent) 1px, transparent 1px);
  background-size:26px 26px;opacity:.25;
  -webkit-mask-image:radial-gradient(700px 500px at 50% 0%, #000 0%, transparent 75%);
          mask-image:radial-gradient(700px 500px at 50% 0%, #000 0%, transparent 75%)}
.bg-orbs span{position:absolute;border-radius:50%}
.bg-orbs span:nth-child(1){width:900px;height:900px;left:50%;top:-620px;margin-left:-450px;
  background:conic-gradient(from 0deg, transparent 0 85%, color-mix(in srgb, var(--accent) 55%, transparent) 92%, transparent 100%);
  filter:blur(2px);opacity:.5;animation:radar-spin 14s linear infinite;transform-origin:50% 690px}
.bg-orbs span:nth-child(2){width:460px;height:460px;right:-160px;top:6%;filter:blur(90px);opacity:.16;background:var(--accent2)}
.bg-orbs span:nth-child(3){width:360px;height:360px;left:-120px;bottom:-140px;filter:blur(90px);opacity:.14;background:var(--accent3)}
@keyframes radar-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion: reduce){
  .bg-orbs span{animation:none}
  .brand .dot{animation:none}
  .card{transition:none}
  .card:hover{transform:none}
}

/* MarketPilot AI interface refresh */
body{background:linear-gradient(180deg,#fbfbfe 0%,var(--bg) 100%)}
header.top{background:rgba(255,255,255,.9);border-bottom-color:var(--card-border);box-shadow:0 5px 24px rgba(31,24,74,.045)}
.topbar{min-height:72px;padding:11px 0}
.brand{font-size:18px;text-transform:none;letter-spacing:-.02em}
nav.top-links{font-size:12px;text-transform:none;letter-spacing:0;gap:15px}
nav.top-links a{padding:8px 5px}
.brand-banner{background:linear-gradient(90deg,rgba(230,185,63,.12),rgba(35,105,168,.07));padding:12px 0}
.brand-banner-eyebrow{color:var(--accent);letter-spacing:.04em}
.brand-banner-title{font-size:16px}
.side-strip{display:none!important}
.btn{border-radius:10px;text-transform:none;letter-spacing:0;padding:10px 16px;box-shadow:none}
.btn-primary{background:linear-gradient(135deg,#9B5CFF,#6B4FF7);color:#172033;border-color:transparent;box-shadow:0 8px 18px rgba(107,79,247,.18)}
.btn-accent{background:linear-gradient(135deg,#35c5d3,#249baa);color:#fff;border-color:transparent;box-shadow:0 8px 18px rgba(36,174,190,.18)}
main{padding-top:32px}
h1{font-size:29px;letter-spacing:-.035em}
h2{letter-spacing:-.02em}
.card{border-radius:15px;padding:22px;box-shadow:0 5px 22px rgba(31,24,74,.045)}
.card::before{height:2px;background:linear-gradient(90deg,transparent,var(--card-border),transparent)}
.card:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(31,24,74,.07)}
.field input,.field select,.field textarea{background:#fbfbfe;border-radius:9px}
table{font-size:12.5px}
th{background:#fafaff;color:#70778a;text-transform:none;letter-spacing:0;font-size:11.5px}
th,td{padding:11px 10px}
.stat .value{font-family:var(--font-body);font-size:25px;letter-spacing:-.025em}
.tabs{gap:7px}
.tab{border:1px solid transparent;border-radius:9px 9px 0 0;text-transform:none;letter-spacing:0}
.tab.active{background:#f2ecff;border-color:#e4d8ff;color:var(--accent)}
.login-card{border-radius:19px;box-shadow:0 28px 70px rgba(31,24,74,.14)}

.sp-sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#fff;border-right:1px solid var(--card-border);z-index:50;padding:18px 14px;display:flex;flex-direction:column;overflow-y:auto;box-shadow:8px 0 30px rgba(31,24,74,.035)}
.sp-logo{display:flex;align-items:center;gap:10px;text-decoration:none;padding:3px 8px 17px;font-size:18px;letter-spacing:-.02em}
.sp-logo>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(145deg,#9B5CFF,#6B4FF7);color:#172033;font-weight:800;box-shadow:0 8px 18px rgba(107,79,247,.22)}
.sp-logo .sp-mark{flex:none;filter:drop-shadow(0 8px 9px rgba(107,79,247,.20))}
.sp-group{margin-top:9px}.sp-group-title{padding:8px 11px 5px;color:#98a0b3;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.sp-group a{display:flex;align-items:center;gap:10px;padding:9px 11px;margin:2px 0;border-radius:9px;text-decoration:none;color:#596174;font-size:13px;font-weight:600;transition:.15s ease}
.sp-group a i{display:grid;place-items:center;width:24px;height:24px;font-style:normal;color:#838ba0;font-size:12px}
.sp-group a:hover{background:#f7f5fc;color:var(--accent)}.sp-group a.active{background:#f0eaff;color:var(--accent);font-weight:800}.sp-group a.active i{color:var(--accent)}
.sp-group a.locked{color:#a5aaba;background:#fafafa}.sp-group a.locked i{filter:grayscale(1);font-size:11px}.sp-group a.locked:hover{color:var(--accent);background:#f7f5fc}
.sp-site-link{margin-top:auto;border:1px solid var(--card-border);border-radius:9px;text-align:center;padding:9px;text-decoration:none;color:var(--muted);font-size:12px;font-weight:700}
.sp-menu-toggle{display:none;position:fixed;left:12px;bottom:12px;z-index:60;width:44px;height:44px;border:0;border-radius:13px;background:linear-gradient(145deg,#9B5CFF,#6B4FF7);color:#172033;font-size:20px;box-shadow:0 9px 22px rgba(107,79,247,.28)}
body:has(.sp-sidebar){padding-left:248px}body:has(.sp-sidebar) header.top{left:248px}body:has(.sp-sidebar) .wrap{max-width:1240px}
@media(max-width:1040px) and (min-width:641px){
  body:has(.sp-sidebar){padding-left:68px}body:has(.sp-sidebar) header.top{left:68px}
  .sp-sidebar{width:68px;padding:12px 7px;overflow-x:hidden;box-shadow:5px 0 22px rgba(31,24,74,.04)}
  .sp-logo{justify-content:center;padding:2px 0 14px}.sp-logo b{display:none}.sp-logo .sp-mark{width:36px;height:36px}
  .sp-group{margin-top:7px}.sp-group-title{display:none}.sp-group a{justify-content:center;padding:10px 5px;margin:3px 0;border-radius:10px}.sp-group a i{width:30px;height:30px;font-size:15px}.sp-group a span{display:none}
  .sp-site-link{font-size:0;padding:10px 4px}.sp-site-link:after{content:'↗';font-size:17px;color:var(--accent)}
  .sp-menu-toggle{display:none}
}
@media(max-width:640px){body:has(.sp-sidebar){padding-left:0}body:has(.sp-sidebar) header.top{left:0}.sp-sidebar{width:248px;transform:translateX(-105%);transition:transform .2s ease}.sp-menu-open .sp-sidebar{transform:translateX(0)}.sp-menu-toggle{display:block}.sp-menu-open:after{content:"";position:fixed;inset:0;background:rgba(21,25,39,.38);z-index:40}}


/* V6 CLEAN THEME: single source of truth; no legacy g-neutral layer. */
:root{color-scheme:light;--bg:#f5f7fc;--bg2:#eef2f8;--card:#fff;--card-border:#e4e9f3;--text:#14203a;--muted:#718099;--accent:#6b4ff7;--accent2:#3d7cf5;--accent3:#9b5cff;--brand-terracotta-1:#9b5cff;--brand-terracotta-2:#6b4ff7;--brand-cream:#f7f5ff;--warn:#d56a32}
html{background:#f5f7fc!important}body{background:#f5f7fc!important;background-image:none!important}
.btn-primary,.range-presets button.active{background:linear-gradient(135deg,#6b4ff7,#3d7cf5)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 8px 20px rgba(91,74,220,.16)!important}
.btn-primary:hover,.btn-primary:focus,.range-presets button.active:hover{background:linear-gradient(135deg,#5d3ff0,#326de8)!important;color:#fff!important}
button:focus,input:focus,select:focus,textarea:focus,.btn:focus{outline:none!important;border-color:#8e7af4!important;box-shadow:0 0 0 3px rgba(111,80,245,.12)!important}
.card:hover{border-color:#dcd5ff!important;box-shadow:0 12px 30px rgba(73,65,145,.08)!important}
.card:hover::before{background:linear-gradient(90deg,#6b4ff7,#3d7cf5)!important}
.flash.info{background:#f1edff!important;color:#5d43e5!important;border-left-color:#6b4ff7!important}
.login-card::before,.login-card::after{border-color:#6b4ff7!important}
.brand-banner{background:linear-gradient(90deg,rgba(107,79,247,.08),rgba(61,124,245,.06))!important}
/* Remove any g-neutral/g-neutral residue from old inline theme states. */
[style*="#E6B93F"],[style*="#6B5CFF"],[style*="#e6b93f"],[style*="#c99418"]{--legacy-g-neutral-disabled:#6b4ff7}


/* V5 layout rules migrated into V6 */
:root{--v5-bg:#f5f7fc;--v5-card:#fff;--v5-ink:#14203a;--v5-text:#4f5f7b;--v5-muted:#8190aa;--v5-line:#e5eaf3;--v5-purple:#6b4ff7;--v5-blue:#3d7cf5;--v5-green:#21aa70;--v5-orange:#f39a38;--v5-red:#e45163;--v5-shadow:0 10px 28px rgba(29,46,87,.07)}
html{background:var(--v5-bg)}body{background:var(--v5-bg)!important;color:var(--v5-ink)!important;padding-left:270px!important;padding-top:150px!important;min-width:0!important}.bg-orbs,.side-strip,header.top,.brand-banner{display:none!important}.wrap{width:min(100% - 44px,1500px)!important;max-width:none!important;margin:0 auto!important}.mp5-sidebar{position:fixed;left:0;top:0;bottom:0;width:270px;background:#fff;border-right:1px solid var(--v5-line);z-index:1100;padding:20px 16px;overflow:auto}.mp5-brand{display:flex;align-items:center;gap:12px;padding:4px 8px 18px;text-decoration:none;color:var(--v5-ink);border-bottom:1px solid var(--v5-line);margin-bottom:16px}.mp5-brand img{width:48px;height:48px;object-fit:cover;border-radius:14px;box-shadow:0 5px 16px rgba(68,62,171,.18)}.mp5-brand strong{font-size:21px;white-space:nowrap}.mp5-brand em{font-style:normal;color:var(--v5-purple)}.mp5-nav-title{padding:16px 12px 8px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#9aa5bb;font-weight:800}.mp5-sidebar nav a{display:flex;align-items:center;gap:11px;min-height:44px;padding:9px 12px;border-radius:11px;color:#42516c;text-decoration:none;font-weight:700;margin:2px 0;transition:.16s}.mp5-sidebar nav a i{width:28px;height:28px;border-radius:9px;background:#f2f4f9;display:grid;place-items:center;font-style:normal;color:#73819a}.mp5-sidebar nav a:hover{background:#f7f5ff;color:#563ee5!important}.mp5-sidebar nav a.active{background:#f1edff;color:#583fe6!important;box-shadow:inset 3px 0 0 #6d50f7}.mp5-sidebar nav a.active i{color:#fff;background:linear-gradient(135deg,#7655f4,#4c7df4)}
.mp5-topbar{position:fixed;left:270px;right:0;top:0;z-index:1050;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--v5-line);box-shadow:0 5px 18px rgba(35,49,84,.04);padding:10px 18px}.mp5-top-row{display:flex;align-items:center;gap:10px;min-width:0}.mp5-top-row+.mp5-top-row{margin-top:9px}.mp5-platforms,.mp5-periods{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.mp5-chip,.mp5-refresh,.mp5-top-action,.mp5-icon,.mp5-avatar{border:1px solid #dfe5ef;background:#fff;color:#4d5b73;border-radius:10px;min-height:36px;padding:8px 12px;font-weight:750;font-size:13px;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:.15s}.mp5-chip:hover,.mp5-refresh:hover,.mp5-top-action:hover,.mp5-icon:hover,.mp5-avatar:hover{color:#563ee5!important;background:#faf8ff!important;border-color:#cfc6f5!important}.mp5-chip.active,.mp5-refresh{background:linear-gradient(135deg,#6f50f5,#4b7df5)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 5px 14px rgba(91,74,220,.18)}.mp5-chip.wb:not(.active){color:#9b22b7}.mp5-chip.ozon:not(.active){color:#126fe7}.mp5-chip.ym:not(.active){color:#ef4a34}.mp5-store-wrap{display:flex;align-items:center;gap:7px;min-width:280px;color:#7d899e;font-size:12px;font-weight:700}.mp5-store-wrap select{height:36px;min-width:220px;max-width:330px;padding:6px 30px 6px 10px!important;font-size:13px!important;text-overflow:ellipsis}.mp5-status{margin-left:auto;font-size:12px;color:#648071;white-space:nowrap}.mp5-status:before{content:'●';color:#27b477;margin-right:6px}.mp5-status.error:before{color:#e65566}.mp5-icon,.mp5-avatar{width:38px;padding:0}.mp5-avatar{color:#fff!important;background:linear-gradient(135deg,#6d50f4,#4a7bf3)!important;border:0}.mp5-dates{margin-left:auto;display:flex;align-items:center;gap:8px;color:#7f8ba2;font-size:12px}.mp5-dates label{display:flex;align-items:center;gap:6px}.mp5-dates input{height:36px!important;padding:6px 9px!important;font-size:13px!important;min-width:138px!important}.mp5-menu{display:none}
main.wrap{padding-top:4px!important}h1{font-size:31px!important;letter-spacing:-.03em!important;color:#18223b!important}h2{color:#1b2741!important}.lead,.muted{color:#7a889f!important}.card{border:1px solid var(--v5-line)!important;background:#fff!important;border-radius:17px!important;box-shadow:var(--v5-shadow)!important}.btn,.btn-primary,.btn-ghost,button{transition:.15s}.btn:hover,.btn:focus,.btn-primary:hover,.btn-primary:focus,.btn-ghost:hover,.btn-ghost:focus{color:#563ee5!important;background:#f8f6ff!important;border-color:#c9c0f5!important;filter:none!important}.btn-primary,.btn.btn-primary{background:linear-gradient(135deg,#6f50f5,#4b7df5)!important;border-color:transparent!important;color:#fff!important}.btn-primary:hover,.btn.btn-primary:hover{background:linear-gradient(135deg,#6041ed,#396ceb)!important;color:#fff!important}.tabs .tab:hover,.tab:hover{color:#563ee5!important;background:#faf8ff!important}.tabs .tab.active,.tab.active{color:#fff!important;background:linear-gradient(135deg,#6f50f5,#4b7df5)!important;border-color:transparent!important}
input,select,textarea{border:1px solid #dce3ee!important;background:#fff!important;color:#25324a!important;border-radius:10px!important;min-height:42px!important;box-shadow:none!important}input:focus,select:focus,textarea:focus{border-color:#8e7af4!important;box-shadow:0 0 0 3px rgba(111,80,245,.11)!important}.field label,label{color:#60708b}.grid{gap:14px!important}.table-wrap{border:1px solid var(--v5-line)!important;border-radius:14px!important;overflow:auto!important}table{border-collapse:separate!important;border-spacing:0!important}thead th{background:#f8f9fc!important;color:#6c7890!important;white-space:nowrap!important}tbody tr:hover td{background:#faf9ff!important}
.analytics-kpis,.stat-row,.stats-grid{gap:13px!important}.analytics-kpi,.stat,.stat-tile,.promo-kpi,.cw-metric,.stats-grid>div{position:relative!important;overflow:visible!important;min-width:0!important;text-align:center!important;padding:16px 15px 38px!important;min-height:112px!important;border:1px solid var(--v5-line)!important;border-radius:15px!important;background:#fff!important;box-shadow:0 6px 18px rgba(34,49,87,.045)!important}.analytics-kpi small,.stat .label,.stat-tile .label,.promo-kpi small,.cw-metric small,.stats-grid>div small{display:block!important;text-align:center!important;color:#7d899e!important;font-size:11px!important;font-weight:750!important;line-height:1.2!important}.analytics-kpi strong,.stat .value,.stat-tile .value,.promo-kpi strong,.cw-metric strong,.stats-grid>div strong{display:block!important;width:100%!important;text-align:center!important;color:#14203a!important;font-size:24px!important;font-weight:850!important;line-height:1.12!important;letter-spacing:-.025em!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:break-word!important}.mp5-spark{position:absolute;left:12px;right:12px;bottom:7px;width:calc(100% - 24px);height:25px;overflow:visible;pointer-events:none}
body:has(#businessOverview) .analytics-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,.7fr) minmax(0,.7fr) auto!important;gap:12px!important;align-items:end!important}body:has(#businessOverview) #dashboardRanges{display:none!important}body:has(#businessOverview) .date-pair{grid-template-columns:1fr 1fr!important}body:has(#businessOverview) .platform-range{display:none!important}body:has(#businessOverview) .analytics-kpis{grid-template-columns:repeat(4,minmax(180px,1fr))!important}.dashboard-chart{min-height:260px!important;display:block!important;padding:8px!important;border:1px solid #edf0f5!important;border-radius:14px!important;background:linear-gradient(180deg,#fff,#fbfcff)!important;overflow:hidden!important}.mp5-wave-chart{width:100%;height:250px;display:block}.chart-series span{border-radius:999px!important;padding:6px 10px!important;font-size:11px!important}.section-actions select.chart-mode{min-width:150px!important}
body:has(#productsBody) .grid.grid-3{grid-template-columns:1.6fr .8fr!important}body:has(#productsBody) .field:has(#platformFilter){display:none!important}body:has(#productsBody) #productsBody td:nth-child(2){min-width:270px!important}.mp5-product-cell{display:flex;align-items:center;gap:12px;min-width:240px}.mp5-product-img{width:48px;height:58px;object-fit:cover;border-radius:10px;border:1px solid #e2e7f0;background:#f6f7fa}.mp5-product-placeholder{width:48px;height:58px;border-radius:10px;background:linear-gradient(145deg,#f0efff,#eef5ff);display:grid;place-items:center;font-size:20px}
.xrt-panel{border:1px solid var(--v5-line)!important;box-shadow:var(--v5-shadow)!important}.xrt-head{display:grid!important;grid-template-columns:1fr!important}.xrt-platform-box{display:none!important}.xrt-actions{display:grid!important;grid-template-columns:auto auto minmax(180px,1fr) auto!important;gap:10px!important;align-items:center!important}.xrt-step{display:flex;align-items:center;gap:8px}.xrt-step-num{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#eeeaff;color:#5d43e5;font-weight:850;font-size:12px}.xrt-file{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body:has(#positionForm) .tools-grid{grid-template-columns:1fr 1fr!important;gap:16px!important}body:has(#positionForm) .form-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}body:has(#positionForm) .tool-card{padding:20px!important}body:has(#positionForm) #positionPlatform{pointer-events:none;background:#f6f7fb!important}body:has(#positionForm) .compare-select{width:100%!important}body:has(#positionForm) #priceForm,body:has(#positionForm) #stockForm{padding:6px!important}.mp5-tools-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 0}
body:has(#financeOverview) .tabs{display:flex!important;gap:7px!important;flex-wrap:wrap!important;position:static!important}body:has(#financeOverview) .range-bar{display:none!important}body:has(#financeOverview) #financeOverviewCard>div:first-child .field:has(#financeStore),body:has(#financeOverview) #financeOverviewCard>div:first-child .field:has(#financePlatform){display:none!important}body:has(#financeOverview) #financeOverviewCard>div:first-child{justify-content:flex-end!important}body:has(#financeOverview) .grid-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}body:has(#financeOverview) #notificationCard .field-row{display:grid!important;grid-template-columns:160px minmax(240px,360px)!important;align-items:center!important}body:has(#financeOverview) #notificationBody .grid-4{gap:12px!important}
body:has(#profileForm) .stat .value,body:has(#marketplace-keys) .stat .value{font-size:16px!important;overflow:visible!important;word-break:break-word!important;text-align:left!important;padding:0 4px!important}body:has(#marketplace-keys) .grid-2>.card{min-width:0!important}.mp5-add-store{margin:0 0 16px;display:inline-flex}
body:has(#campaignWorkspace) .promo-toolbar{grid-template-columns:repeat(3,minmax(180px,1fr)) auto!important}body:has(#campaignWorkspace) .tabs{margin-top:10px!important}body:has(#campaignWorkspace) .cw-controlbar{grid-template-columns:repeat(4,minmax(160px,1fr))!important}.campaign-workspace,.promo-wide{overflow:visible!important}
body:has(#pricesBody) .grid.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.mp5-platform-note{font-size:12px;color:#7c899f;margin:4px 0 14px}
@media(max-width:1200px){body{padding-left:230px!important}.mp5-sidebar{width:230px}.mp5-topbar{left:230px}.mp5-store-wrap{min-width:220px}.mp5-store-wrap select{min-width:170px}.mp5-status{display:none}.analytics-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:880px){body{padding-left:0!important;padding-top:190px!important}.mp5-sidebar{transform:translateX(-100%);transition:.2s;width:270px}.mp5-topbar{left:0}.mp5-menu{display:block;position:fixed;z-index:1200;left:12px;top:12px;width:40px;height:40px;border-radius:10px;border:0;background:#6d50f4;color:#fff}.mp5-menu-open .mp5-sidebar{transform:none}.mp5-top-row{flex-wrap:wrap}.mp5-dates{margin-left:0}.mp5-store-wrap{min-width:100%}.mp5-store-wrap select{max-width:none;flex:1}.wrap{width:calc(100% - 24px)!important}.tools-grid{grid-template-columns:1fr!important}}


/* ============================================================
   MarketPilot V6 FINAL — one white/purple design system
   Visual layer only: no API/DOM contracts are removed.
   ============================================================ */
:root,:root[data-theme="light"],:root[data-theme="dark"]{
  color-scheme:light!important;
  --bg:#f7f8fc!important;--bg2:#f1f3f9!important;--card:#fff!important;--card-border:#e3e7f0!important;
  --text:#172033!important;--muted:#68758a!important;--accent:#6b4ff7!important;--accent2:#3d7cf5!important;--accent3:#9b5cff!important;
  --good:#24956a!important;--warn:#d56a32!important;--bad:#d14f5f!important;
}
html,body{background:#f7f8fc!important;color:#172033!important}
body{background:linear-gradient(180deg,#fbfbff 0%,#f6f7fb 100%)!important}
.btn-primary,.mp5-refresh,.mp5-chip.active{background:linear-gradient(135deg,#6b4ff7,#4c7df5)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 7px 18px rgba(90,72,220,.18)!important}
.btn-primary:hover,.mp5-refresh:hover,.mp5-chip.active:hover{background:linear-gradient(135deg,#6045ef,#3d70ec)!important;box-shadow:0 9px 22px rgba(90,72,220,.22)!important;filter:none!important}
.btn,.mp5-chip,.mp5-top-action,.mp5-icon{box-shadow:none!important}
.quick-range .active,.platform-range .active,.promo-module-nav button.active,.bidder-subtabs .btn.active,.range-presets button.active{background:#6b4ff7!important;border-color:#6b4ff7!important;color:#fff!important;box-shadow:none!important}
.analytics-toolbar input,.analytics-toolbar select,.chart-mode,.support-links a,.support-links span{background:#fff!important;border-color:#dfe4ee!important;color:#172033!important;box-shadow:none!important}
.utility-btn:hover,.support-links a:hover{background:#f7f4ff!important;border-color:#cfc7f6!important}
.support-fab{background:linear-gradient(135deg,#6b4ff7,#4b7df5)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 12px 28px rgba(83,70,205,.25)!important}
.support-panel{border-color:#e4e7f0!important}
.section-actions .badge{background:#f5f3ff!important;color:#5c49cf!important;border-color:#ddd7ff!important}
/* Prevent numeric clipping throughout KPI cards/tables. */
.metric,.analytics-kpi strong,.promo-kpi b,.stat .value,.mp5-kpi-value,[class*="kpi"] strong{overflow:visible!important;text-overflow:clip!important;white-space:normal!important;word-break:normal!important;line-height:1.15!important;font-variant-numeric:tabular-nums}
.analytics-kpis,.promo-kpis,.grid,.cards-grid{min-width:0}.analytics-kpi,.promo-kpi,.card{min-width:0}
/* Product media */
.mp5-product-cell{display:flex;align-items:center;gap:11px;min-width:240px}.mp5-product-img,.mp-v6x-seo-photo{width:50px;height:64px;border-radius:10px;object-fit:cover;border:1px solid #e4e7f0;background:#f4f5f9;flex:none}.mp5-product-placeholder{width:50px;height:64px;border-radius:10px;background:#f3f4f8;display:grid;place-items:center;color:#9aa4b5;flex:none}
.mp-v6x-donut-photo{width:32px;height:40px;border-radius:7px;object-fit:cover;border:1px solid #e3e7ef;flex:none}.donut-item:has(.mp-v6x-donut-photo){grid-template-columns:12px 34px minmax(0,1fr) minmax(90px,auto)!important}
/* V6 extension components */
.mp-v6x-section{margin-top:18px}.mp-v6x-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.mp-v6x-grid>.span2{grid-column:1/-1}.mp-v6x-grid label{display:grid;gap:6px;color:#68758a;font-size:12px;font-weight:750}.mp-v6x-grid input,.mp-v6x-grid select,.mp-v6x-docline input,.mp-v6x-docline select{min-height:42px;width:100%;border:1px solid #dfe4ee;border-radius:10px;background:#fff;color:#172033;padding:9px 11px;font:inherit}.mp-v6x-grid input:focus,.mp-v6x-grid select:focus{outline:none;border-color:#7b66ef;box-shadow:0 0 0 3px rgba(107,79,247,.1)}
.mp-v6x-modal-back{position:fixed;inset:0;z-index:5000;background:rgba(23,32,51,.48);backdrop-filter:blur(5px);display:grid;place-items:center;padding:18px}.mp-v6x-modal{width:min(1040px,100%);max-height:92vh;overflow:auto;background:#fff;border:1px solid #e1e5ee;border-radius:20px;box-shadow:0 30px 90px rgba(27,38,64,.3)}.mp-v6x-modal-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:18px 20px;background:rgba(255,255,255,.97);border-bottom:1px solid #edf0f5}.mp-v6x-modal-head h2{margin:0}.mp-v6x-close{width:38px;height:38px;border:1px solid #e1e5ee;border-radius:10px;background:#fff;font-size:22px;cursor:pointer}.mp-v6x-modal-body{padding:20px}
.mp-v6x-stepbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.mp-v6x-stepbar>*{padding:7px 10px;border-radius:999px;background:#f4f2ff;color:#5d4bcd;font-size:12px}.mp-v6x-picker-tools{display:flex!important;align-items:center;gap:12px}.mp-v6x-picker-tools>input{flex:1}.mp-v6x-check{display:flex!important;align-items:center;gap:7px;white-space:nowrap}.mp-v6x-check input{width:auto!important;min-height:auto!important}
.mp-v6x-picker{max-height:420px;overflow:auto;border:1px solid #e5e8ef;border-radius:13px;padding:8px;background:#fafbfe}.mp-v6x-product{display:grid!important;grid-template-columns:auto 58px minmax(0,1fr);gap:10px;align-items:center;padding:9px;border-radius:10px;color:#172033!important;font-size:13px!important}.mp-v6x-product:hover{background:#f2efff}.mp-v6x-product>input{width:auto!important;min-height:auto!important}.mp-v6x-product-media{width:54px;height:64px;border:1px solid #e1e5ee;border-radius:9px;background:#fff;display:grid;place-items:center;color:#9aa4b5}.mp-v6x-product-media img{width:100%;height:100%;object-fit:cover;border-radius:8px}.mp-v6x-product small{display:block;color:#68758a;margin-top:3px}.mp-v6x-product [data-item-bid]{max-width:120px;min-height:32px;margin-top:6px}
.mp-v6x-placements{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}.mp-v6x-placements label{display:flex!important;align-items:center;gap:6px;color:#38445a!important}.mp-v6x-placements input{width:auto!important;min-height:auto!important}.mp-v6x-preview,.mp-v6x-notice{padding:12px 14px;border:1px solid #dfe4ee;border-radius:11px;background:#f9f9fd;color:#526077}.mp-v6x-notice.error{border-color:#f0c8ce;background:#fff6f7;color:#a63c4b}.mp-v6x-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.mp-v6x-docline{display:grid;grid-template-columns:180px 1fr auto;gap:9px;align-items:center}.mp-v6x-docitem{padding:8px 0;border-bottom:1px solid #edf0f5}.mp-v6x-compare-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.mp-v6x-compare-card{border:1px solid #e3e7ef;border-radius:15px;background:#fff;padding:14px;min-width:0}.mp-v6x-compare-card>img,.mp-v6x-bigph{width:100%;height:180px;object-fit:contain;border-radius:12px;background:#f7f8fb;margin:10px 0}.mp-v6x-bigph{display:grid;place-items:center;color:#a5afbf;font-size:34px}.mp-v6x-compare-card h3{margin:6px 0}.mp-v6x-compare-card dl{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mp-v6x-compare-card dl div{padding:8px;border-radius:9px;background:#f7f8fb}.mp-v6x-compare-card dt{font-size:11px;color:#7b879a}.mp-v6x-compare-card dd{margin:3px 0 0;font-weight:750}
.mp-v6x-flow{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.mp-v6x-payment-help{margin-top:12px;padding:10px 12px;border-radius:10px;background:#f5f3ff;color:#5947c4;border:1px solid #ddd7ff}.mp-v6x-seo-photo{margin-right:11px}
@media(max-width:760px){.mp-v6x-grid,.mp-v6x-compare-cards{grid-template-columns:1fr}.mp-v6x-grid>.span2{grid-column:auto}.mp-v6x-docline{grid-template-columns:1fr}.mp-v6x-picker-tools{display:grid!important}.mp-v6x-product{grid-template-columns:auto 50px minmax(0,1fr)}}

/* V6 final: explicit photo column in Products */
body:has(#productsBody) #productsBody td:first-child,
body:has(#productsBody) table:has(#productsBody) th:first-child{width:72px;min-width:72px;text-align:center}
.mp5-product-photo{width:54px;display:grid;place-items:center;margin:auto}

/* ===== MarketPilot FINAL ONE FILE 2026-08-07 ===== */
.mp5-profile-link,.mp5-logout{border:1px solid #dfe5ef;background:#fff;color:#4d5b73;border-radius:10px;min-height:36px;padding:8px 12px;font-weight:800;font-size:13px;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;transition:.15s}
.mp5-profile-link:hover,.mp5-logout:hover{color:#563ee5;background:#faf8ff;border-color:#cfc6f5}
.mp5-logout{color:#a64752;background:#fff9fa;border-color:#f0dce0}
.mp5-top-row-main{gap:8px}.mp5-store-wrap{min-width:330px}.mp5-store-wrap span{white-space:nowrap}.mp5-store-wrap select{max-width:390px}
body[data-mp-page="accounting"] .range-bar{display:none!important}
body[data-mp-page="accounting"] #financeOverviewCard>div:first-child{display:none!important}
body[data-mp-page="accounting"] #financeOverviewCard{padding-top:18px}

/* login / register public experience */
.mp-login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,1.05fr) minmax(420px,.95fr);background:linear-gradient(135deg,#f7f8ff 0%,#fff 48%,#f1edff 100%);position:relative;overflow:hidden}
.mp-login-brand{position:relative;padding:70px clamp(38px,6vw,96px);display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 22% 22%,rgba(112,79,247,.18),transparent 36%),linear-gradient(145deg,#121a38 0%,#1b2451 54%,#38228c 100%);color:#fff;overflow:hidden}
.mp-login-brand:before,.mp-login-brand:after{content:"";position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}.mp-login-brand:before{width:420px;height:420px;right:-210px;top:-160px;background:rgba(129,92,255,.22)}.mp-login-brand:after{width:360px;height:360px;left:-180px;bottom:-170px;background:rgba(47,144,255,.16)}
.mp-login-logo{display:flex;align-items:center;gap:15px;font-size:24px;font-weight:900;margin-bottom:46px;position:relative;z-index:1}.mp-login-logo img{width:64px;height:64px;border-radius:18px;object-fit:cover;box-shadow:0 16px 40px rgba(0,0,0,.28)}.mp-login-logo em{font-style:normal;color:#c7b6ff}
.mp-login-brand h1{font-size:clamp(35px,4.2vw,64px);line-height:1.02;letter-spacing:-.045em;margin:0 0 20px;max-width:760px;position:relative;z-index:1}.mp-login-brand p{max-width:650px;font-size:18px;line-height:1.65;color:#dbe0ff;margin:0 0 32px;position:relative;z-index:1}
.mp-login-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;max-width:670px;position:relative;z-index:1}.mp-login-point{padding:14px 16px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.07);border-radius:14px;font-size:14px;color:#edf0ff;backdrop-filter:blur(8px)}.mp-login-point b{display:block;color:#fff;margin-bottom:3px}
.mp-login-formside{display:flex;align-items:center;justify-content:center;padding:50px clamp(26px,5vw,72px)}.mp-login-formside .login-card{width:min(500px,100%);padding:42px 40px;border-radius:24px;border:1px solid #e1e5f0;background:rgba(255,255,255,.96);box-shadow:0 30px 80px rgba(51,42,114,.15)}.mp-login-formside .login-card h1{text-align:left;font-size:30px;letter-spacing:-.025em}.mp-login-formside .login-card .sub{text-align:left;font-size:14px;margin-bottom:28px}.mp-login-formside .field input{min-height:50px;border-radius:12px;padding:12px 14px}.mp-login-formside .btn-primary{min-height:50px;border-radius:12px;font-size:15px}.mp-login-security{display:flex;gap:8px;align-items:center;margin-top:17px;color:#7b8599;font-size:12px}.mp-login-security:before{content:"●";color:#28b776}.mp-login-note{margin-top:28px;padding:14px;border-radius:12px;background:#f7f5ff;color:#6d648a;font-size:12.5px;line-height:1.5}
@media(max-width:900px){.mp-login-shell{grid-template-columns:1fr}.mp-login-brand{padding:42px 24px}.mp-login-brand h1{font-size:38px}.mp-login-points{grid-template-columns:1fr 1fr}.mp-login-formside{padding:28px 18px 44px}.mp-login-logo{margin-bottom:28px}}
@media(max-width:560px){.mp-login-points{grid-template-columns:1fr}.mp-login-brand p{font-size:15px}.mp-login-formside .login-card{padding:30px 22px}}

/* Strong, legible line/area charts */
.dashboard-chart{min-height:290px!important}.mp5-wave-chart{height:278px!important}.mp5-wave-chart path[stroke]{filter:drop-shadow(0 2px 3px rgba(67,56,151,.10))}.chart-series{min-height:30px}

/* Analytics circular mechanisms */
.mp-analytics-donut-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:center;padding:12px 0}.mp-analytics-donut{width:260px;height:260px;border-radius:50%;position:relative;box-shadow:0 14px 40px rgba(40,46,90,.10),inset 0 0 0 1px #edf0f6}.mp-analytics-donut:after{content:"";position:absolute;inset:62px;background:#fff;border-radius:50%;box-shadow:0 0 0 1px #edf0f6}.mp-analytics-donut-center{position:absolute;inset:0;z-index:2;display:grid;place-content:center;text-align:center;pointer-events:none;padding:80px}.mp-analytics-donut-center b{font-size:23px}.mp-analytics-donut-center span{font-size:11px;color:#8a95a9;text-transform:uppercase;letter-spacing:.06em;margin-top:3px}.mp-analytics-circle-legend{display:grid;gap:8px;max-height:290px;overflow:auto;padding-right:5px}.mp-analytics-circle-item{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 9px;border-radius:10px;background:#fafbfe}.mp-analytics-circle-item i{width:12px;height:12px;border-radius:4px}.mp-analytics-circle-item span{font-size:13px;overflow-wrap:anywhere}.mp-analytics-circle-item b{font-size:13px;text-align:right}.mp-stock-filter{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0 14px}.mp-stock-filter select{min-width:260px}.mp-stock-context{font-size:12px;color:#7d899e}.donut-wrap .donut{width:260px!important;height:260px!important}.donut-wrap .donut::after{inset:58px!important}.donut-wrap .donut-total{inset:58px!important}.donut-wrap .donut-total .n{font-size:28px!important}.donut-wrap .donut-legend{min-width:300px!important}
@media(max-width:760px){.mp-analytics-donut-layout{grid-template-columns:1fr}.mp-analytics-donut{margin:auto}.mp-analytics-circle-legend{max-height:none}}

/* Spotlight paid placement priority */
.spotlight-section-label{display:flex;align-items:center;gap:10px;margin:16px 0 10px;font-weight:900;font-size:15px;color:#2a3450}.spotlight-section-label small{font-weight:600;color:#8a95a9}.spotlight-grid+.spotlight-section-label{margin-top:24px}.spotlight-paid-grid .spotlight-product{border-color:#f5c46c;box-shadow:0 10px 30px rgba(224,154,40,.10)}.spotlight-priority-badge{display:inline-flex;padding:4px 8px;border-radius:999px;background:#fff3d7;color:#8d5d04;font-size:10px;font-weight:900}

/* FINAL ONE FILE — explicit organic/paid spotlight sections */
#wbSpotlightGrid{display:block!important}
.spotlight-feed-section{margin:0 0 22px}.spotlight-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 12px;padding:12px 14px;border:1px solid #e5e9f5;border-radius:14px;background:#fff}.spotlight-section-head>div{display:flex;flex-direction:column;gap:3px}.spotlight-section-head b{font-size:15px;color:#17233f}.spotlight-section-head span{font-size:12px;color:#77839d}.spotlight-feed-section.paid .spotlight-section-head{background:linear-gradient(135deg,#f7f2ff,#eef5ff);border-color:#dcd1ff}.spotlight-priority-badge{display:inline-flex!important;align-items:center!important;padding:6px 10px!important;border-radius:999px!important;background:#6b4df5!important;color:#fff!important;font-weight:800!important}.spotlight-section-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.spotlight-feed-section.paid .spotlight-product{border-color:#d7caff;box-shadow:0 8px 24px rgba(99,68,224,.10)}
@media(max-width:1180px){.spotlight-section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.spotlight-section-grid{grid-template-columns:1fr}}

/* RECHECK 2026-08-07 — stable paid-ad carousel and visible top-right account actions */
.spotlight-paid-carousel{display:flex;gap:12px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding:2px 2px 10px;scrollbar-width:thin}
.spotlight-paid-carousel .spotlight-product{flex:0 0 calc((100% - 36px)/4);scroll-snap-align:start;display:block!important}
.dashboard-spotlight .spotlight-paid-carousel .spotlight-product:nth-child(n){display:block!important}
@media(max-width:1180px){.spotlight-paid-carousel .spotlight-product{flex-basis:calc((100% - 12px)/2)}}
@media(max-width:700px){.spotlight-paid-carousel .spotlight-product{flex-basis:100%}}
.mp5-profile-link,.mp5-logout{min-height:36px;padding:8px 12px;border:1px solid #dfe5ef;border-radius:10px;background:#fff;text-decoration:none;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.mp5-profile-link{color:#4d5b73}.mp5-profile-link:hover{color:#563ee5;background:#faf8ff;border-color:#cfc6f5}

/* 2026-08-07 RECHECK: one canonical top filter; page-local controls stay in DOM for JS contracts. */
body[data-mp-page="dashboard"] #businessOverview .analytics-toolbar,
body[data-mp-page="dashboard"] #dashboardPlatforms{display:none!important}
body[data-mp-page="analytics"] .range-bar,
body[data-mp-page="analytics"] #platformPresets,
body[data-mp-page="analytics"] main>.card:has(#storeSelect){display:none!important}
body[data-mp-page="market"] .range-bar{display:none!important}
/* T3.127: the dashboard-specific desktop grid has higher specificity than
   generic responsive rules, so override it explicitly at both breakpoints. */
@media(max-width:1200px){body:has(#businessOverview) .analytics-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){body:has(#businessOverview) .analytics-kpis{grid-template-columns:1fr!important}}