:root{--v: #7257f5;--v-hover: #5f45e0;--v-light: #f0edfe;--v-border: #d9d0fb;--m: #37d2a2;--m-text: #1a9e77;--m-bg: #e3f8f1;--sidebar: #15172a;--bg: #f4f5f8;--card-border: #e7e8ef;--divider: #f1f2f7;--ink: #1c1e2e;--muted: #7a7e92;--faint: #9a9db0;--faint2: #b4b7c8;--head-bg: #fafafc}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:Manrope,system-ui,Arial,sans-serif;color:var(--ink);background:var(--bg)}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:228px;flex-shrink:0;background:var(--sidebar);color:#fff;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;padding:20px 18px 18px}.brand .mark{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--v),var(--m));display:grid;place-items:center;font-weight:800}.brand .name{font-weight:800;font-size:17px;letter-spacing:-.4px}.nav{display:flex;flex-direction:column;gap:2px;padding:6px 10px;flex:1}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;cursor:pointer;font-size:13.5px;font-weight:500;color:#a2a6bf;background:transparent;border:0;text-align:left}.nav-item:hover{background:#7257f538}.nav-item.active{background:#7257f552;color:#fff;font-weight:800}.nav-item .dot{width:6px;height:6px;border-radius:2px;background:#ffffff2e;flex-shrink:0}.nav-item.active .dot{background:var(--m)}.profile{padding:14px 16px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:10px}.avatar{width:32px;height:32px;border-radius:50%;background:var(--v);display:grid;place-items:center;font-weight:700;font-size:13px}.profile .pname{font-size:13px;font-weight:700}.profile .prole{font-size:11px;color:#8b8fa8}.main{flex:1;display:flex;flex-direction:column;min-width:0}.header{height:56px;background:#fff;border-bottom:1px solid var(--card-border);display:flex;align-items:center;justify-content:space-between;padding:0 22px;flex-shrink:0}.header h1{font-size:17px;font-weight:800;letter-spacing:-.4px;margin:0}.pills{display:flex;gap:8px}.pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;border-radius:99px;padding:5px 11px;background:var(--bg);border:1px solid var(--card-border);color:var(--muted)}.pill .pdot{width:6px;height:6px;border-radius:50%;background:var(--m)}.pill.gray .pdot{background:var(--faint2)}.content{overflow:auto;padding:20px 22px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.kpi{background:#fff;border:1px solid var(--card-border);border-radius:14px;padding:16px 18px;box-shadow:0 1px 3px #15172a0a}.kpi .label{font-size:12px;color:var(--muted);font-weight:600}.kpi .value{font-size:28px;font-weight:800;letter-spacing:-1px;margin-top:4px}.kpi .cap{font-size:11.5px;color:var(--faint)}.kpi.dark{background:#1c1e2e;color:#fff}.kpi.dark .label{color:#b4b7c8}.kpi.mint .value{color:var(--m-text)}.kpi.violet .value{color:var(--v)}.cols{display:flex;gap:16px;align-items:flex-start}.tree{width:240px;flex-shrink:0;background:#fff;border:1px solid var(--card-border);border-radius:14px;padding:12px;box-shadow:0 1px 3px #15172a0a}.tree-title{font-size:11px;font-weight:800;text-transform:uppercase;color:var(--faint);padding:4px 6px 8px}.node{display:flex;align-items:center;justify-content:space-between;padding:8px;border-radius:9px;cursor:pointer;font-size:13px}.node:hover{background:var(--bg)}.node.sel{background:var(--v-light)}.node .nm{display:flex;align-items:center;gap:8px;font-weight:700}.node.shop{margin-left:12px;font-weight:600;font-size:12.5px}.count{font-size:11px;font-weight:700;color:var(--v);background:var(--v-light);border-radius:99px;padding:2px 8px}.badge-mp{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:11px;flex-shrink:0}.badge-mp.ozon{background:#1769ff}.badge-mp.wb{background:linear-gradient(135deg,#a03cf0,#f43f8e)}.panel{flex:1;min-width:0;background:#fff;border:1px solid var(--card-border);border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #15172a0a}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;flex-wrap:wrap}.panel-head .ttl{display:flex;align-items:center;gap:10px}.panel-head .shop-name{font-size:16px;font-weight:800}.panel-head .sub{font-size:12px;color:var(--muted)}.badge-test{font-size:10.5px;font-weight:800;color:#b26b00;background:#fff4e0;border:1px solid #f2ddb0;border-radius:6px;padding:2px 6px}.btn{font-size:14px;font-weight:800;border-radius:10px;padding:10px 18px;cursor:pointer;border:0}.btn.primary{background:var(--v);color:#fff;box-shadow:0 4px 12px #7257f559}.btn.primary:hover{background:var(--v-hover)}.btn.primary:disabled{opacity:.5;cursor:default;box-shadow:none}table.sum{width:100%;border-collapse:collapse}table.sum th{text-align:left;font-size:10.5px;font-weight:800;text-transform:uppercase;color:var(--faint);background:var(--head-bg);padding:10px 18px}table.sum th.r,table.sum td.r{text-align:right}table.sum td{padding:12px 18px;border-top:1px solid var(--divider);font-size:13.5px}table.sum .sku{font-weight:700}table.sum .nm{font-size:11.5px;color:var(--faint)}table.sum .qty{font-size:22px;font-weight:800;letter-spacing:-.8px}.empty{padding:40px;text-align:center;color:var(--muted)}.placeholder{background:#fff;border:1px solid var(--card-border);border-radius:16px;padding:40px;text-align:center;color:var(--muted);box-shadow:0 1px 3px #15172a0a}.toast{position:fixed;right:20px;bottom:20px;background:var(--sidebar);color:#fff;border-radius:12px;padding:12px 16px;font-size:13px;box-shadow:0 8px 24px #15172a59;display:flex;align-items:center;gap:8px}.toast .pdot{width:8px;height:8px;border-radius:50%;background:var(--m)}.login-wrap{display:grid;place-items:center;height:100vh;color:var(--muted)}.login-card{background:#fff;border:1px solid var(--card-border);border-radius:16px;padding:28px;width:340px;box-shadow:0 8px 24px #15172a14;display:flex;flex-direction:column;gap:12px}.login-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;color:var(--ink)}.login-brand .mark{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--v),var(--m));display:grid;place-items:center;color:#fff}.login-card h2{margin:4px 0 6px;font-size:20px;color:var(--ink)}.login-card label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:600;color:var(--muted)}.login-card input{border:1px solid var(--card-border);border-radius:9px;padding:10px 12px;font-size:14px;font-family:inherit}.login-card input:focus{outline:none;border-color:var(--v)}.login-card .btn{margin-top:6px}.login-err{color:#c0392b;font-size:12.5px}.logout{background:transparent;border:0;color:#a2a6bf;cursor:pointer;font-size:16px;padding:4px;border-radius:6px}.logout:hover{background:#ffffff14;color:#fff}.profile .pname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fld{width:100%;border:1px solid var(--card-border);border-radius:9px;padding:9px 11px;font-size:13px;font-family:inherit;background:#fafafc}.fld:focus{outline:none;border-color:var(--v)}.fld.mono{font-family:monospace;margin-top:8px}.ptile{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px;border-radius:9px;border:1px solid var(--card-border);background:#fff;cursor:pointer;font-weight:700;font-size:13px;font-family:inherit}.ptile[data-on=true]{border-color:var(--v);background:var(--v-light)}.chk{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);margin-top:10px}.chk input{accent-color:var(--v)}.disc{font-size:11.5px;color:var(--faint);margin-top:10px}.fld-ro{flex:1;font-size:12px;font-weight:600;color:var(--muted)}.fld-ro>div{margin-top:5px;font-size:20px;font-weight:800;color:var(--ink);background:var(--bg);border:1px solid var(--card-border);border-radius:9px;padding:8px 12px}