:root{
  --bg:#f5f5f7; --surface:rgba(255,255,255,.86); --surface-solid:#fff; --text:#1d1d1f; --muted:#6e6e73;
  --line:rgba(0,0,0,.07); --line-strong:rgba(0,0,0,.11); --blue:#0071e3; --blue-soft:#eaf3ff; --green:#1f9d61;
  --orange:#ff9f0a; --red:#ff3b30; --purple:#a855f7; --shadow:0 14px 40px rgba(0,0,0,.055); --radius:22px;
  --sidebar:#15171b; --sidebar-soft:#24272d; --sidebar-text:#f5f5f7; --sidebar-muted:#9fa2aa;
}
*{box-sizing:border-box} html{background:var(--bg)} body{margin:0;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display",Inter,Helvetica,Arial,sans-serif;background:radial-gradient(circle at 76% -10%,#eef6ff 0,transparent 31%),var(--bg);font-size:15px;letter-spacing:-.01em}
button,input,select{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:236px minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#17191e 0%,#101216 100%);color:var(--sidebar-text);padding:22px 14px 16px;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.04);z-index:30}
.brand{display:flex;align-items:center;gap:11px;padding:2px 8px 24px}.brand-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#4da3ff,#0969da);font-weight:700;box-shadow:0 8px 22px rgba(0,113,227,.35)}
.brand strong{display:block;font-size:16px;letter-spacing:-.025em}.brand span{display:block;color:var(--sidebar-muted);font-size:11px;margin-top:2px}.nav-list{display:flex;flex-direction:column;gap:3px}.nav-item{width:100%;border:0;background:transparent;color:#c9cbd0;padding:10px 11px;border-radius:12px;display:flex;align-items:center;gap:11px;cursor:pointer;text-align:left;transition:.18s ease;min-height:44px}
.nav-item:hover{background:rgba(255,255,255,.06);color:#fff}.nav-item.active{background:var(--sidebar-soft);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}.nav-icon{width:19px;height:19px;opacity:.88;display:grid;place-items:center;font-size:16px}.nav-item span:last-child{font-size:14px;font-weight:500}.sidebar-bottom{margin-top:auto}
.store-switch{width:100%;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.045);color:#fff;border-radius:14px;padding:9px;display:grid;grid-template-columns:36px 1fr auto;gap:9px;align-items:center;text-align:left;cursor:pointer;min-height:54px}.store-avatar{width:34px;height:34px;border-radius:10px;background:#fff;color:#60636c;display:grid;place-items:center;font-weight:700}.store-switch b{display:block;font-size:12px}.store-switch small{display:block;color:#979aa2;margin-top:3px}.chevron{color:#a6a8ae}
.main{min-width:0}.topbar{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid var(--line);background:rgba(245,245,247,.76);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.crumbs{display:flex;gap:8px;align-items:center;font-size:13px}.crumbs span{color:var(--muted)}.crumbs b{font-weight:600}.top-actions{display:flex;gap:9px;align-items:center}.icon-btn,.mobile-menu{border:1px solid var(--line);background:rgba(255,255,255,.78);border-radius:11px;min-width:38px;height:38px;cursor:pointer;color:#34363b}.mobile-menu{display:none}.user-pill{height:38px;padding:0 12px 0 7px;border:1px solid var(--line);background:rgba(255,255,255,.78);border-radius:13px;display:flex;align-items:center;gap:8px;font-size:13px}.user-dot{width:27px;height:27px;border-radius:9px;background:#17191e;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:700}
.content{padding:28px 30px 50px;max-width:1600px;margin:0 auto}.page-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:24px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--blue);font-weight:650;margin-bottom:8px}.page-title{font-size:34px;line-height:1.05;letter-spacing:-.045em;margin:0;font-weight:700}.page-subtitle{margin:9px 0 0;color:var(--muted);font-size:14px;line-height:1.5}.range-control{display:flex;align-items:center;gap:8px}.segmented{display:flex;padding:4px;border-radius:12px;background:#e9e9ec}.segmented button{border:0;background:transparent;border-radius:9px;padding:8px 12px;color:#666a70;cursor:pointer;font-size:12px;font-weight:550}.segmented button.active{background:#fff;color:#1d1d1f;box-shadow:0 1px 5px rgba(0,0,0,.09)}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}.metric-card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(14px)}.metric-card{padding:18px 18px 17px;min-height:128px}.metric-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.metric-label{color:var(--muted);font-size:12px;font-weight:550}.metric-icon{width:34px;height:34px;border-radius:11px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center}.metric-value{font-size:29px;line-height:1;margin-top:17px;font-weight:700;letter-spacing:-.04em}.metric-foot{display:flex;align-items:center;gap:7px;margin-top:9px;color:var(--muted);font-size:11px}.trend-up{color:var(--green);font-weight:650}.trend-down{color:var(--red);font-weight:650}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr);gap:14px}.panel{padding:19px}.panel + .panel{margin-top:0}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:17px}.panel-title{font-weight:650;font-size:15px;letter-spacing:-.02em}.panel-sub{font-size:11px;color:var(--muted);margin-top:4px}.ghost-link{border:0;background:transparent;color:var(--blue);font-size:12px;cursor:pointer;padding:4px}.chart-wrap{height:270px;position:relative}.chart-grid{position:absolute;inset:8px 0 28px 0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.chart-grid i{display:block;border-top:1px solid #ececef}.sales-svg{position:absolute;inset:14px 2px 24px 2px;width:calc(100% - 4px);height:calc(100% - 38px);overflow:visible}.axis-labels{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:#999ba1;font-size:10px}.legend{display:flex;gap:14px;align-items:center;font-size:11px;color:#686b71}.legend span{display:flex;gap:6px;align-items:center}.legend i{width:7px;height:7px;border-radius:50%;display:inline-block}.wb-dot{background:#c026d3}.ozon-dot{background:#1685ff}
.side-stack{display:grid;gap:14px}.market-split{display:flex;align-items:center;gap:24px;padding:4px 3px 8px}.donut{width:122px;aspect-ratio:1;border-radius:50%;background:conic-gradient(#c026d3 0 57%,#1685ff 57% 100%);position:relative;flex:0 0 auto}.donut:after{content:"";position:absolute;inset:19px;border-radius:50%;background:#fff}.donut-center{position:absolute;inset:0;display:grid;place-content:center;text-align:center;z-index:1}.donut-center b{font-size:22px;letter-spacing:-.04em}.donut-center span{font-size:10px;color:var(--muted)}.split-list{display:grid;gap:13px;flex:1}.split-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;font-size:12px}.split-row small{color:var(--muted);font-size:10px}.market-logo{width:31px;height:31px;border-radius:9px;color:#fff;display:grid;place-items:center;font-size:9px;font-weight:800}.market-logo.wb{background:linear-gradient(145deg,#b900d6,#e42caa)}.market-logo.ozon{background:#056dff}
.alert-list{display:grid;gap:10px}.alert-item{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:14px;padding:10px 11px;background:rgba(255,255,255,.6)}.alert-symbol{width:34px;height:34px;border-radius:10px;background:#fff4e6;color:#e57e00;display:grid;place-items:center}.alert-item b{display:block;font-size:12px}.alert-item span{display:block;color:var(--muted);font-size:10px;margin-top:3px}.alert-count{font-weight:650;font-size:12px}.bottom-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:14px;margin-top:14px}
.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#96989e;font-weight:650;padding:0 10px 9px;border-bottom:1px solid var(--line)}.data-table td{padding:12px 10px;border-bottom:1px solid var(--line);font-size:12px;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.product-cell{display:flex;align-items:center;gap:10px}.product-thumb{width:42px;height:42px;border-radius:11px;background:linear-gradient(145deg,#fff,#eceef2);border:1px solid var(--line);display:grid;place-items:center;color:#80838a;font-weight:700}.product-cell b{display:block;font-size:12px}.product-cell small{display:block;color:var(--muted);margin-top:3px}.status{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:650}.status.ok{background:#e9f8f0;color:#157a49}.status.warn{background:#fff4e5;color:#b76500}.status.bad{background:#fff0ef;color:#c72c25}.review-score{display:flex;gap:5px;align-items:center}.stars{color:#ff9f0a;letter-spacing:.06em}.review-text{color:#55585e;line-height:1.35}.muted{color:var(--muted)}
.health-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin:15px 0 6px}.health-row:first-of-type{margin-top:5px}.health-row b{font-size:12px}.health-row span{font-size:11px;color:var(--muted)}.progress{height:7px;border-radius:99px;background:#eceef1;overflow:hidden}.progress i{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#2a8cff,#57b5ff)}.progress.purple i{background:linear-gradient(90deg,#bc2dd1,#df55b4)}
.products-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:14px}.search-box{flex:1;min-width:240px;height:42px;border:1px solid var(--line-strong);background:rgba(255,255,255,.8);border-radius:13px;padding:0 14px;outline:none}.search-box:focus{border-color:rgba(0,113,227,.5);box-shadow:0 0 0 3px rgba(0,113,227,.1)}.filter{height:42px;border:1px solid var(--line);background:#fff;border-radius:13px;padding:0 12px;color:#55585e}.product-panel{padding:0;overflow:hidden}.product-row{display:grid;grid-template-columns:minmax(260px,1.5fr) 90px minmax(190px,1fr) minmax(190px,1fr) 110px 100px;gap:10px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line);transition:.18s ease;cursor:pointer}.product-row:hover{background:#fafbfd}.product-row.header{min-height:42px;padding-top:10px;padding-bottom:10px;color:#8f9298;font-size:10px;text-transform:uppercase;letter-spacing:.05em;font-weight:650;cursor:default;background:#fbfbfc}.product-row.header:hover{background:#fbfbfc}.product-row:last-child{border-bottom:0}.market-cell b{font-size:12px}.market-cell span{display:block;color:var(--muted);font-size:10px;margin-top:4px}.price-line{display:flex;gap:8px;align-items:center}.total-stock{font-weight:700;font-size:13px}.stock-bar{height:5px;width:74px;border-radius:20px;background:#e7e8eb;margin-top:6px;overflow:hidden}.stock-bar i{display:block;height:100%;background:#47b881;border-radius:20px}.product-detail{margin-top:14px}.detail-head{display:grid;grid-template-columns:86px 1fr auto;gap:16px;align-items:center}.detail-photo{width:86px;height:86px;border-radius:18px;background:linear-gradient(145deg,#fff,#eceef2);border:1px solid var(--line);display:grid;place-items:center;font-size:26px;color:#8b8e94}.detail-title h2{margin:0;font-size:21px;letter-spacing:-.035em}.detail-title p{margin:5px 0 0;color:var(--muted);font-size:12px}.market-id-cards{display:flex;gap:9px}.id-card{border:1px solid var(--line);border-radius:14px;padding:10px 12px;min-width:188px;background:#fff}.id-card small{display:block;color:var(--muted);font-size:9px}.id-card b{font-size:11px;display:block;margin:2px 0 5px}.tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin:18px -2px 0;padding:0 2px}.tab{border:0;background:transparent;padding:0 0 10px;cursor:pointer;color:#666a70;font-size:11px}.tab.active{color:var(--blue);border-bottom:2px solid var(--blue);font-weight:650}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:15px}.mini-card{border:1px solid var(--line);border-radius:15px;padding:14px;background:#fff}.mini-card h3{margin:0 0 11px;font-size:12px}.price-table{display:grid;gap:7px}.price-table div{display:flex;justify-content:space-between;font-size:11px}.price-table span{color:var(--muted)}
.danger-panel{border:1px solid rgba(255,59,48,.18);background:#fff6f5;border-radius:15px;padding:13px 14px;margin-top:14px;display:flex;justify-content:space-between;gap:16px;align-items:center}.danger-panel b{font-size:12px;color:#c9342c}.danger-panel p{margin:4px 0 0;color:#7a5c59;font-size:10px}.danger-panel button{border:0;background:#fff;border-radius:10px;padding:8px 10px;color:#32343a;cursor:pointer;box-shadow:0 1px 5px rgba(0,0,0,.06)}
.placeholder{min-height:440px;display:grid;place-items:center;text-align:center}.placeholder div{max-width:390px}.placeholder h2{font-size:24px;letter-spacing:-.035em;margin:0}.placeholder p{color:var(--muted);line-height:1.55}.fade-in{animation:fadeIn .24s ease-out}@keyframes fadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.bottom-grid{grid-template-columns:1fr}.side-stack{grid-template-columns:1fr 1fr}.product-row{grid-template-columns:minmax(240px,1.4fr) 70px 1fr 1fr 90px}.product-row>:nth-child(6){display:none}.detail-head{grid-template-columns:74px 1fr}.market-id-cards{grid-column:1/-1}.detail-photo{width:74px;height:74px}}
@media(max-width:820px){.app-shell{display:block}.sidebar{position:fixed;left:0;top:0;width:240px;transform:translateX(-102%);transition:transform .22s ease;box-shadow:18px 0 40px rgba(0,0,0,.18)}body.menu-open .sidebar{transform:none}.topbar{height:60px;padding:0 16px}.mobile-menu{display:block}.crumbs{margin-right:auto;margin-left:10px}.user-pill span:last-child{display:none}.content{padding:20px 16px 40px}.page-head{align-items:flex-start;flex-direction:column}.page-title{font-size:30px}.range-control{width:100%;overflow:auto}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-card{min-height:116px;padding:15px}.dashboard-grid,.bottom-grid,.side-stack{grid-template-columns:1fr}.products-toolbar{overflow:auto}.filter{flex:0 0 auto}.product-panel{overflow-x:auto}.product-row{min-width:780px}.detail-grid{grid-template-columns:1fr}.market-id-cards{display:grid;grid-template-columns:1fr 1fr}.tabs{overflow-x:auto}.tab{white-space:nowrap}}
@media(max-width:520px){.metric-grid{grid-template-columns:1fr}.metric-card{min-height:auto}.page-title{font-size:28px}.market-split{align-items:flex-start}.donut{width:102px}.market-id-cards{grid-template-columns:1fr}.detail-head{grid-template-columns:60px 1fr}.detail-photo{width:60px;height:60px}.detail-title h2{font-size:18px}.danger-panel{align-items:flex-start;flex-direction:column}}
.icon-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mobile-menu{align-items:center;justify-content:center;gap:3px;flex-direction:column}.mobile-menu span{display:block;width:15px;height:1.5px;background:currentColor;border-radius:2px}.nav-icon svg,.metric-icon svg,.alert-symbol svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.metric-icon svg{width:17px;height:17px}.alert-symbol svg{width:17px;height:17px}.icon-btn:focus-visible,.mobile-menu:focus-visible,.nav-item:focus-visible,.filter:focus-visible,.tab:focus-visible,.ghost-link:focus-visible,.store-switch:focus-visible{outline:3px solid rgba(0,113,227,.28);outline-offset:2px}

body{overflow-x:hidden}
@media(max-width:820px){.main,.content,.page-head{min-width:0;max-width:100%;overflow-x:hidden}.page-subtitle{max-width:100%;white-space:normal;overflow-wrap:anywhere}}
.attention-panel{padding:19px 14px 16px}.attention-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.attention-tile{min-width:0;min-height:84px;border:1px solid transparent;background:transparent;border-radius:14px;padding:8px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;color:var(--text);transition:background .18s ease,border-color .18s ease}.attention-tile:hover{background:rgba(255,255,255,.72);border-color:var(--line-strong);box-shadow:0 4px 12px rgba(0,0,0,.035)}.attention-tile:focus-visible{outline:3px solid rgba(0,113,227,.28);outline-offset:2px}.attention-tile strong{max-width:100%;font-size:10px;line-height:1.1;letter-spacing:-.02em;white-space:nowrap}.attention-tile small{font-size:10px;line-height:1;color:var(--muted);font-weight:650}.attention-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center}.attention-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.attention-chat{background:#fff3e4;color:#b86b00}.attention-truck{background:#eaf4ff;color:#0879e6}.attention-help{background:#eaf8ef;color:#15885a}.attention-megaphone{background:#fff0f1;color:#d83a48}.attention-wallet{background:#f3edff;color:#7250cf}
.top-products-panel{margin-top:14px;padding:19px 19px 8px}.top-products-table{overflow-x:auto}.top-product-row{display:grid;grid-template-columns:minmax(300px,2fr) 130px 125px 95px 105px 75px;gap:14px;align-items:center;min-width:920px;padding:13px 8px;border-bottom:1px solid var(--line)}.top-product-row:last-child{border-bottom:0}.top-product-head{padding-top:2px;padding-bottom:10px;color:#96989e;font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:650}.top-product-row>span:not(.status),.top-product-row>b{font-size:12px}.top-product-row .status{justify-content:center;min-width:48px}.top-product-row .product-thumb{width:40px;height:40px}
@media(max-width:1180px){.attention-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}.attention-tile strong{font-size:10px}}
@media(max-width:820px){.attention-grid{grid-template-columns:repeat(5,88px);overflow-x:auto;padding-bottom:4px}.attention-tile{min-height:84px}.top-products-panel{padding-left:14px;padding-right:14px}.top-product-row{min-width:860px;grid-template-columns:minmax(280px,2fr) 120px 115px 90px 100px 70px}}

/* Marketplace share card: keep labels, percentages and totals aligned at all widths. */
.market-split{display:grid;grid-template-columns:108px minmax(0,1fr);gap:16px;align-items:center;padding:4px 0 8px}.donut{width:108px}.split-list{display:grid;gap:13px;min-width:0}.split-row{display:grid;grid-template-columns:30px minmax(74px,1fr) max-content;align-items:center;column-gap:9px;min-width:0}.split-row .market-logo{width:30px;height:30px}.market-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.market-copy>b{display:block;font-size:12px;line-height:1.2;white-space:nowrap}.market-copy small{display:block;font-size:10px;line-height:1.2;color:var(--muted);white-space:nowrap}.market-copy small strong{font:inherit;font-weight:650;color:#50535a}.market-amount{font-size:12px;line-height:1.15;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:-.015em}
@media(max-width:820px){.market-split{grid-template-columns:96px minmax(0,1fr);gap:14px}.donut{width:96px}.split-row{grid-template-columns:28px minmax(70px,1fr) max-content;column-gap:8px}.split-row .market-logo{width:28px;height:28px}.market-amount{font-size:11px}}