*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f6f7f9;--surface:#fff;--surface-2:#fafbfc;--ink:#0f1620;--ink-2:#2f3a48;--ink-3:#5d6a7b;--ink-4:#8a94a3;--ink-5:#b4bcc8;--line:#e5e8ee;--line-2:#eef0f4;--line-3:#f3f5f8;--navy:#1b2a3b;--navy-2:#26374d;--gold:#c8a84b;--accent:var(--gold);--danger:#b04040;--ok:#2e7d4f;--radius:10px;--radius-sm:7px;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--sans:"Poppins", -apple-system, system-ui, sans-serif;--shadow-sm:0 1px 2px #0f16200a, 0 1px 1px #0f162005;--shadow:0 4px 16px #0f16200f, 0 1px 2px #0f16200a;--row-pad:11px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--sans);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}.app{flex-direction:column;min-height:100vh;display:flex}.muted{color:var(--ink-4)}.mono{font-family:var(--mono);font-size:12.5px}.hdr{background:var(--surface);border-bottom:1px solid var(--line);flex-shrink:0}.hdr-inner{justify-content:space-between;align-items:center;gap:20px;max-width:1400px;margin:0 auto;padding:14px 32px;display:flex}.mark{align-items:center;gap:12px;display:flex}.mark-logo{object-fit:cover;border-radius:7px;flex-shrink:0;width:36px;height:36px;display:block}.mark-name{letter-spacing:-.01em;font-size:14px;font-weight:600}.mark-name span{color:var(--ink-3);font-weight:400}.mark-crumbs{color:var(--ink-4);margin-top:2px;font-size:12px}.mark-crumbs strong{color:var(--ink-2);font-weight:500}.mark-crumbs .sep{color:var(--ink-5);margin:0 6px}.hdr-right{align-items:center;gap:18px;display:flex}.hdr-meta{flex-direction:column;align-items:flex-end;font-size:11px;display:flex}.hdr-meta-k{color:var(--ink-4);text-transform:uppercase;letter-spacing:.08em}.hdr-meta-v{color:var(--ink-2);margin-top:2px;font-size:12px;font-weight:500}.hdr-divider{background:var(--line);width:1px;height:28px}.hdr-user{align-items:center;gap:10px;display:flex}.hdr-avatar{background:linear-gradient(135deg, var(--navy), var(--navy-2));color:#fff;letter-spacing:.02em;border-radius:50%;place-items:center;width:32px;height:32px;font-size:11px;font-weight:600;display:grid}.hdr-user-text{font-size:12px;line-height:1.3}.hdr-user-text .muted{font-size:11px}.work{flex:1;grid-template-columns:380px 1fr;align-items:start;gap:28px;width:100%;max-width:1400px;margin:0 auto;padding:28px 32px 48px;display:grid}@media (width<=1100px){.work{grid-template-columns:1fr}.pane-left{position:static!important}}.pane-left{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:12px;padding:26px 24px 22px;position:sticky;top:20px}.pane-title{margin-bottom:22px}.pane-kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:600}.pane-title h1{letter-spacing:-.015em;color:var(--ink);margin:4px 0 6px;font-size:22px;font-weight:600}.pane-sub{color:var(--ink-3);margin:0;font-size:13px;line-height:1.55}.sec{border-top:1px solid var(--line-2);padding:18px 0}.sec:first-of-type{border-top:none;padding-top:0}.sec-head{align-items:center;gap:10px;margin-bottom:12px;display:flex}.sec-dot{background:var(--line);width:8px;height:8px;box-shadow:0 0 0 3px var(--line-3);border-radius:50%}.sec.active .sec-dot{background:var(--accent);box-shadow:0 0 0 3px #fbf6e4}.sec.done .sec-dot{background:var(--ok);box-shadow:0 0 0 3px #ecf6f0}.sec.locked .sec-dot{background:var(--ink-5)}.sec-label{color:var(--ink-3);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:600}.sec.locked{opacity:.55}.drop{text-align:center;cursor:pointer;background:var(--surface-2);border:1.5px dashed #cbd3de;border-radius:10px;padding:24px 18px;transition:all .15s}.drop:hover,.drop.over{border-color:var(--navy);background:#f2f5f9}.drop-head{color:var(--ink);font-size:14px;font-weight:500}.drop-sub{color:var(--ink-3);margin-top:4px;font-size:13px}.browse{color:var(--navy);border-bottom:1px solid var(--line);font-weight:500}.drop-foot{color:var(--ink-4);border-top:1px dashed var(--line-2);font-size:11px;font-family:var(--mono);margin-top:12px;padding-top:12px}.file-card{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.file-icon-wrap{background:var(--navy);width:36px;height:36px;color:var(--accent);border-radius:7px;flex-shrink:0;place-items:center;display:grid}.file-card-text{flex:1;min-width:0}.file-card-name{font-family:var(--mono);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.file-card-sub{color:var(--ink-3);margin-top:2px;font-size:11.5px}.file-card-sub strong{color:var(--ink);font-weight:600}.field{flex-direction:column;gap:6px;transition:opacity .2s;display:flex}.field.muted{opacity:.45;pointer-events:none}.field input{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:7px;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.field input:focus{border-color:var(--navy);outline:none;box-shadow:0 0 0 3px #1b2a3b14}.field input:disabled{color:var(--ink-5);background:#f5f6f8}.helper{color:var(--ink-4);font-size:11.5px;line-height:1.4}.btn{cursor:pointer;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px 18px;font-family:inherit;font-size:13.5px;font-weight:500;transition:background .15s,border-color .15s,transform 80ms;display:inline-flex}.btn.primary{background:var(--navy);color:#fff}.btn.primary:hover:not(:disabled){background:var(--navy-2)}.btn.primary:active:not(:disabled){transform:translateY(1px)}.btn.primary:disabled{opacity:.4;cursor:not-allowed}.btn.ghost{color:var(--ink-2);border-color:var(--line);background:0 0}.btn.ghost:hover{background:var(--surface-2);border-color:var(--ink-5)}.btn-kbd{font-size:10.5px;font-family:var(--mono);background:#ffffff29;border-radius:3px;margin-left:4px;padding:1px 6px}.link{color:var(--ink-3);cursor:pointer;text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);background:0 0;border:none;padding:0;font-family:inherit;font-size:12.5px}.link:hover{color:var(--ink);-webkit-text-decoration-color:var(--ink-3);text-decoration-color:var(--ink-3)}.done-block{flex-direction:column;gap:12px;display:flex}.done-file{background:#ecf6f0;border:1px solid #cfe6d8;border-radius:7px;padding:10px 12px}.done-file-name{font-family:var(--mono);color:#1d5a36;font-size:12.5px;font-weight:500}.done-file-sub{color:#2e7d4f;margin-top:2px;font-size:11.5px}.done-actions{gap:10px;display:flex}.done-actions .btn{flex:1;width:auto}.pane-foot{border-top:1px dashed var(--line);margin-top:24px;padding-top:18px}.foot-row{color:var(--ink-4);justify-content:space-between;padding:4px 0;font-size:11.5px;display:flex}.foot-row span:last-child{color:var(--ink-2);font-family:var(--mono);font-size:11px}.pane-right{flex-direction:column;gap:18px;min-width:0;display:flex}.empty{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;align-items:center;gap:32px;padding:44px 40px 48px;display:flex}.empty-frame{border:1px solid var(--line-2);opacity:.7;border-radius:8px;width:100%;max-width:640px;overflow:hidden}.empty-tabs{background:var(--surface-2);border-bottom:1px solid var(--line-2);gap:14px;padding:10px 14px;display:flex}.empty-th{color:var(--ink-4);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:600}.empty-row{border-bottom:1px solid var(--line-3);gap:14px;padding:12px 14px;display:flex}.empty-row:last-child{border-bottom:none}.empty-cell{align-items:center;display:flex}.empty-bar{background:var(--line-2);border-radius:3px;height:8px}.empty-msg{text-align:center;max-width:420px}.empty-title{color:var(--ink);margin-bottom:4px;font-size:15px;font-weight:600}.empty-sub{color:var(--ink-3);font-size:13px;line-height:1.55}.summary{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:12px;grid-template-columns:260px 1fr auto;align-items:center;gap:28px;padding:20px 24px;display:grid}.summary-file-name{font-family:var(--mono);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.summary-file-sub{color:var(--ink-3);margin-top:2px;font-size:11.5px}.summary-bar{flex-direction:column;gap:10px;min-width:0;display:flex}.sbar{background:var(--line-2);border-radius:4px;height:8px;display:flex;overflow:hidden}.sbar-fill{height:100%}.sbar-mapped{background:#2e7d4f}.sbar-manual{background:#1b5ba3}.sbar-substituted{background:#b07c2a}.sbar-flagged{background:#c8a84b}.sbar-unmapped{background:#b04040}.sbar-legend{flex-wrap:wrap;gap:16px;display:flex}.legend{align-items:center;gap:6px;font-size:11.5px;display:flex}.legend-dot{border-radius:50%;width:7px;height:7px}.legend-l{color:var(--ink-3)}.legend-n{color:var(--ink);font-weight:600;font-family:var(--mono);font-size:11.5px}.summary-right{text-align:right}.summary-big{color:var(--ink);letter-spacing:-.02em;font-feature-settings:"tnum";font-size:30px;font-weight:600;line-height:1}.summary-big-sub{color:var(--ink-3);text-transform:uppercase;letter-spacing:.1em;margin-top:4px;font-size:11px}.preview-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;padding:0 2px;display:flex}.preview-title{align-items:baseline;gap:10px;display:flex}.preview-title h2{letter-spacing:-.01em;margin:0;font-size:17px;font-weight:600}.preview-sub{color:var(--ink-3);font-size:12.5px;font-family:var(--mono)}.preview-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.search{background:var(--surface);border:1px solid var(--line);color:var(--ink-4);border-radius:7px;align-items:center;gap:8px;min-width:260px;padding:7px 12px;transition:border-color .15s,box-shadow .15s;display:flex}.search:focus-within{border-color:var(--navy);box-shadow:0 0 0 3px #1b2a3b14}.search input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit;font-size:13px}.search input::placeholder{color:var(--ink-5)}.status-tabs{background:var(--surface);border:1px solid var(--line);border-radius:7px;gap:2px;padding:3px;display:flex}.st-tab{color:var(--ink-3);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:5px;padding:5px 10px;font-family:inherit;font-size:12px;transition:background .15s,color .15s}.st-tab:hover{color:var(--ink)}.st-tab.on{background:var(--navy);color:#fff}.sheet-chips{flex-wrap:wrap;gap:6px;padding:0 2px;display:flex}.chip{background:var(--surface);border:1px solid var(--line);color:var(--ink-3);cursor:pointer;border-radius:20px;padding:5px 12px;font-family:inherit;font-size:12px;transition:all .12s}.chip:hover{border-color:var(--ink-5);color:var(--ink)}.chip.on{background:var(--ink);border-color:var(--ink);color:#fff}.tbl-wrap{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:12px;overflow:hidden}.tbl{border-collapse:collapse;table-layout:fixed;width:100%;font-size:13px}.tbl thead{background:var(--surface-2);border-bottom:1px solid var(--line)}.th{text-align:left;color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;padding:10px 14px;font-size:11px;font-weight:500}.th:hover{color:var(--ink)}.th.right{text-align:right}.th.sorted{color:var(--ink)}.sort-arrow{color:var(--ink-5);margin-left:6px;font-size:11px;display:inline-block}.th.sorted .sort-arrow{color:var(--accent)}.tbl tbody .row{border-top:1px solid var(--line-3);transition:background .1s}.tbl tbody .row:first-child{border-top:none}.tbl tbody .row:hover{background:var(--surface-2)}.tbl td{padding:var(--row-pad,11px) 14px;color:var(--ink-2);vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tbl td.right{text-align:right}.tbl td.mono{font-family:var(--mono);color:var(--ink);font-size:12px}.tbl td.mono.muted{color:var(--ink-3)}.row-sheet{color:var(--ink-4);background:var(--line-3);vertical-align:1px;border-radius:10px;margin-left:8px;padding:1px 7px;font-size:10.5px;display:inline-block}.dash{color:var(--ink-5)}.row-unmapped td.mono:first-child{color:#8a2a2a}.row-unmapped td:nth-child(5){color:var(--ink-5)}.sku-input,.desc-input{font-family:var(--mono);color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:4px;width:100%;max-width:160px;padding:3px 8px;font-size:12px;transition:border-color .15s,box-shadow .15s}.desc-input{font-family:var(--sans);max-width:360px;font-size:13px}.desc-input.inline{width:calc(100% - 60px);min-width:160px;max-width:100%;color:var(--ink-2);background:0 0;border:1px solid #0000;padding:3px 6px}.desc-input.inline:hover{border-color:var(--line);background:var(--surface-2)}.desc-input.inline:focus{border-color:var(--navy);background:var(--surface);color:var(--ink);box-shadow:0 0 0 2px #1b2a3b14}.sku-input:focus,.desc-input:focus{border-color:var(--navy);background:var(--surface);outline:none;box-shadow:0 0 0 2px #1b2a3b14}.sku-input::placeholder,.desc-input::placeholder{color:var(--ink-5);font-style:italic}.tbl-empty{text-align:center;color:var(--ink-4);font-size:13px;padding:48px 20px!important}.th-select{cursor:default!important;padding-left:14px!important;padding-right:0!important}.td-select{text-align:center;padding-left:14px!important;padding-right:0!important}.row-check{appearance:none;border:1.5px solid var(--ink-5);background:var(--surface);cursor:pointer;vertical-align:middle;border-radius:3px;width:14px;height:14px;margin:0;transition:border-color .12s,background .12s;display:inline-block;position:relative}.row-check:hover{border-color:var(--navy)}.row-check:checked{background:var(--navy);border-color:var(--navy)}.row-check:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:0;left:3px;transform:rotate(45deg)}.row-check:focus-visible{outline:none;box-shadow:0 0 0 2px #1b2a3b2e}.row.row-excluded td,.g-row.row-excluded{opacity:.45}.row.row-excluded td.td-select,.g-row.row-excluded .g-select{opacity:1}.row.row-excluded td.mono,.g-row.row-excluded .g-sku,.g-row.row-excluded .g-desc{text-decoration:line-through;-webkit-text-decoration-color:var(--ink-4);text-decoration-color:var(--ink-4)}.chip-status{white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:3px 9px 3px 8px;font-size:11.5px;font-weight:500;line-height:1.3;display:inline-flex}.chip-dot{border-radius:50%;width:6px;height:6px}.export-block{color:#8a2a2a;background:#fdf0f0;border:1px solid #f0d0d0;border-radius:7px;margin-top:10px;padding:10px 12px;font-size:12px;line-height:1.45}.export-block strong{font-weight:600}.error-banner{color:var(--danger);background:#fdf2f2;border:1px solid #f5c6c6;border-radius:8px;padding:12px 16px;font-size:13px}.view-toggle{background:var(--surface);border:1px solid var(--line);border-radius:7px;gap:2px;padding:3px;display:inline-flex}.vt-btn{color:var(--ink-3);cursor:pointer;background:0 0;border:none;border-radius:5px;align-items:center;gap:6px;padding:5px 10px;font-family:inherit;font-size:12px;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.vt-btn:hover{color:var(--ink)}.vt-btn.on{background:var(--navy);color:#fff}.groups{flex-direction:column;gap:14px;display:flex}.group{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:10px;overflow:hidden}.group-head{background:var(--surface-2);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.group-head-left{align-items:baseline;gap:10px;display:flex}.group-name{color:var(--ink);font-size:13px;font-weight:600}.group-count,.group-pct{color:var(--ink-3);font-size:11.5px;font-family:var(--mono)}.group-rows{flex-direction:column;display:flex}.g-row{border-top:1px solid var(--line-3);grid-template-columns:140px 1fr 90px 130px 110px;align-items:center;gap:14px;padding:9px 16px;font-size:13px;display:grid}.g-row.with-select{grid-template-columns:28px 140px 1fr 90px 130px 110px}.g-select{justify-content:center;align-items:center;display:flex}.g-row:first-child,.g-row.g-head{border-top:none}.g-row.g-head{background:var(--surface-2);border-bottom:1px solid var(--line-2);color:var(--ink-4);text-transform:uppercase;letter-spacing:.08em;padding:8px 16px;font-size:10.5px;font-weight:600}.g-row.g-head .g-right{text-align:right}.g-sku{color:var(--ink)}.g-desc{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.g-qty{text-align:right;color:var(--ink-2)}.g-row.row-unmapped .g-sku{color:#8a2a2a}.g-row.row-unmapped .mono{color:var(--ink-5)}.tbl-empty.stand{background:var(--surface);border:1px solid var(--line);text-align:center;color:var(--ink-4);border-radius:10px;padding:48px 20px;font-size:13px}