:root{--bg:#f5f6f8;--ink:#192437;--muted:#788394;--line:#e7ebf0;--accent:#7558db;--accent-soft:#f0ecfb;--sidebar:226px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 Inter,"Segoe UI",Arial,sans-serif}body[data-market=ozon]{--accent:#1269e8;--accent-soft:#eaf2ff}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:7px;background:white;padding:9px 14px;color:var(--ink)}button:hover{border-color:var(--accent);color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a3bbef;outline-offset:3px}button:disabled{opacity:.5;cursor:wait}input{border:1px solid var(--line);border-radius:6px;padding:9px;color:var(--ink);background:white}h1,h2,h3,p{margin:0}h1{font-size:34px;letter-spacing:-1.1px;line-height:1.3;font-weight:650}h2{font-size:17px;letter-spacing:-.3px}h3{font-size:13px}.muted{color:var(--muted)}.sidebar{width:var(--sidebar);position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:30px 20px;display:flex;flex-direction:column}.brand{font-weight:760;letter-spacing:1.5px;font-size:18px;display:flex;align-items:center;gap:10px}.brand-icon{background:#202c3e;color:white;padding:7px 8px;border-radius:8px;font-size:16px;letter-spacing:-.5px}.nav-label{font-size:10px;color:#98a1ae;font-weight:650;letter-spacing:1.7px;margin:47px 8px 16px}.market-link{padding:12px 10px;display:flex;align-items:center;gap:10px;border-radius:9px;margin:6px 0;font-weight:600}.market-link small{display:block;color:var(--muted);font-weight:400;font-size:11px}.market-link.active{background:var(--accent-soft)}.market-icon{display:grid;place-items:center;color:white;width:30px;height:30px;border-radius:8px;font-size:15px;font-weight:800}.wb{background:#9454db}.ozon{background:#1269e8}.arrow{margin-left:auto;color:var(--muted)}.sidebar-note{margin-top:auto;color:#5c6777;font-size:11px;padding:15px 5px;border-top:1px solid var(--line)}.sidebar-note p{color:#929aa7;margin-top:8px;line-height:1.8}.dot{display:inline-block;width:6px;height:6px;background:#45a080;border-radius:50%;margin-right:5px}.logout button{background:none;border:0;font-size:11px;color:var(--muted);padding:12px 4px}.main{margin-left:var(--sidebar);padding:0 38px;max-width:1840px}header{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.eyebrow{font-size:10px;letter-spacing:1.5px;color:#8290a2;font-weight:650}.eyebrow span{margin:0 13px;color:#c0c8d3}.status{border:1px solid #dcebe4;background:#eff8f3;color:#3c7f64;font-size:11px;padding:6px 11px;border-radius:30px}.status.stale{background:#fff4de;color:#906818;border-color:#eed6a8}.heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:34px}.heading .muted{margin-top:8px;font-size:13px}.market-pill{display:inline-block;font-size:11px;vertical-align:middle;margin-left:14px;padding:4px 8px;border:1px solid #dbe1e8;border-radius:5px;letter-spacing:0;color:#6a7787;font-weight:500}.date-control{display:flex;align-items:center;gap:9px;padding:5px 6px 5px 13px;background:white;border:1px solid var(--line);border-radius:9px}.date-control label{font-size:9px;font-weight:650;color:#8b95a4}.date-control input{border:0;padding:6px 0;font-size:12px;display:block;width:116px}.date-control button{background:var(--ink);color:white;padding:9px 12px;font-size:12px}.period-line{display:flex;justify-content:space-between;align-items:center;margin:24px 0 17px;font-size:11px;color:var(--muted)}.presets{display:flex;gap:4px}.presets button{padding:5px 10px;background:none;border-color:transparent;font-size:11px}.presets .selected{background:white;border-color:var(--line);color:var(--ink)}.kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-bottom:22px}.kpi{background:white;border:1px solid var(--line);border-radius:10px;padding:18px 17px;min-height:144px}.kpi .label{font-size:11px;color:#69778b;display:flex;justify-content:space-between;gap:5px}.kpi .label b{color:#abb4c1;font-size:15px;font-weight:400}.kpi .value{font-size:29px;font-weight:630;letter-spacing:-.8px;margin:13px 0 8px;white-space:nowrap}.kpi .value small{font-size:12px;color:#91a0b2;letter-spacing:0;font-weight:400}.kpi .sub{font-size:10px;color:#8290a2;line-height:1.6}.kpi:first-child{border-top:3px solid var(--accent);padding-top:16px}.panel{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:23px 24px 4px}.panel-head p{font-size:11px;color:var(--muted);margin-top:5px}.legend{display:flex;gap:18px;font-size:10px;color:#728095}.legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}.orders-dot{background:var(--accent)}.sales-dot{background:#58b49e}.chart{height:228px;padding:18px 22px 12px}.chart svg{width:100%;height:100%;overflow:visible}.chart text{font:10px "Segoe UI",sans-serif;fill:#96a2b2}.detail{margin-top:22px}.tabbar{display:flex;gap:15px;align-items:center;padding:0 22px;border-bottom:1px solid var(--line);min-height:67px}.tabbar button{border:0;border-bottom:2px solid transparent;border-radius:0;padding:21px 0;font-size:12px;color:#7c8899}.tabbar .selected{color:var(--accent);border-color:var(--accent);font-weight:600}.tabbar input{margin-left:auto;font-size:11px;width:240px;background:#f9fafc}.table-scroll{overflow-x:auto;max-height:590px}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{padding:13px 22px;background:#fafbfc;color:#8b97a7;font-size:10px;font-weight:550;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:1}td{padding:14px 22px;border-bottom:1px solid #f0f2f5;font-size:12px}tbody tr:hover{background:#fafbfe}.num{text-align:right;font-variant-numeric:tabular-nums}th button{border:0;background:none;padding:0;color:inherit;font:inherit}.product-cell{display:flex;align-items:center;gap:12px;min-width:280px;max-width:400px;white-space:normal}.product-cell img,.image-placeholder{width:36px;height:45px;object-fit:cover;border-radius:5px;background:#f0f2f6;flex-shrink:0}.product-cell strong{display:block;font-size:11px;font-weight:600}.product-cell small{display:block;color:#94a0b0;margin-top:3px;font-size:10px}.table-footer{padding:13px 22px;font-size:10px;color:#97a1ae;display:flex;justify-content:space-between}.tag{font-size:9px;padding:3px 7px;border-radius:4px;background:#f1f5f9;color:#76859a}.methodology{margin:22px 0 30px;color:#8b95a4;max-width:1100px;font-size:10px}.methodology h3{margin-bottom:7px;color:#647286}.methodology p{margin:4px 0;line-height:1.8}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:20px 0;font-size:9px;color:#9ba6b5;letter-spacing:1px}footer span{letter-spacing:.3px}#error{background:#fff2e6;color:#91613b;border:1px solid #f3d9bd;padding:15px;border-radius:8px;margin:15px 0}.empty{text-align:center;padding:40px;color:#8b97a7}.login{display:grid;place-items:center;min-height:100vh}.login-card{background:white;padding:38px;border:1px solid var(--line);border-radius:14px;max-width:440px;width:calc(100% - 32px)}.login-card h1{font-size:26px;margin:30px 0 8px}.login-card form{margin:25px 0}.login-card label{display:block;font-size:12px;margin:16px 0}.login-card input{display:block;width:100%;margin-top:6px}.login-card button{background:#202c3e;color:white;width:100%;margin-top:8px}.login-card small{color:var(--muted);font-size:10px}.error{color:#b44242;font-size:12px}@media(min-width:1600px){.main{padding:0 55px}.kpi{padding:23px}.kpi:first-child{padding-top:21px}.chart{height:265px}}@media(max-width:1200px){:root{--sidebar:190px}.sidebar{padding:25px 15px}.main{padding:0 22px}.heading{align-items:flex-start;flex-direction:column}.kpis{gap:8px}.kpi{padding:15px 11px}.kpi:first-child{padding-top:13px}.kpi .value{font-size:24px}.tabbar{gap:12px}.tabbar input{width:185px}}@media(max-width:800px){.sidebar{position:static;width:100%;height:auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:14px 16px;border-right:0;border-bottom:1px solid var(--line)}.sidebar .brand{font-size:14px}.brand-icon{font-size:13px}.sidebar nav{display:flex;gap:7px}.market-link{padding:6px;margin:0;font-size:11px;gap:7px}.market-link small,.nav-label,.sidebar-note,.logout,.arrow{display:none}.market-icon{width:24px;height:24px;font-size:12px}.main{margin-left:0;padding:0 16px}header{height:57px}.eyebrow{font-size:8px;letter-spacing:1px}.status{font-size:9px;padding:4px 8px}h1{font-size:29px}.heading{margin-top:24px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi:last-child{grid-column:1/-1;min-height:105px}.kpi:last-child .value{margin:6px 0}.kpi{min-height:130px}.panel-head{padding:18px 16px 0;align-items:flex-start;flex-direction:column}.chart{height:220px;padding:16px 12px}.legend{font-size:9px}.tabbar{padding:0 14px;flex-wrap:wrap;gap:14px}.tabbar button{padding:16px 0}.tabbar input{width:100%;margin:0 0 12px}.date-control{width:100%;gap:8px;justify-content:space-between}.date-control input{width:105px}td,th{padding:12px 14px}.table-footer{padding:12px 14px;gap:12px}.period-line{gap:10px;font-size:10px;align-items:flex-start}.presets{flex-shrink:0}.presets button{font-size:10px;padding:3px 6px}footer{font-size:8px;gap:15px}}