:root{--navy: #0e2a47;--navy-2: #16395e;--accent: #1f8fff;--bg: #f2f5f9;--card: #ffffff;--text: #16283c;--muted: #64748b;--green: #157f3d;--green-bg: #e5f6ec;--orange: #b45309;--orange-bg: #fef3e2;--red: #b91c1c;--red-bg: #fdeaea;--gray-bg: #eef1f5;--blue-bg: #e5f0fd;--radius: 10px}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;background:var(--bg);color:var(--text);font-size:14px}.topbar{background:linear-gradient(90deg,var(--navy),var(--navy-2));color:#fff;padding:0 22px;display:flex;align-items:center;gap:26px;height:58px}.topbar h1{font-size:16px;letter-spacing:.06em;margin:0;white-space:nowrap}.topbar h1 small{display:block;font-size:10px;font-weight:400;opacity:.75;letter-spacing:.12em}.topbar nav{display:flex;gap:4px;height:100%}.topbar nav a{color:#cfe0f2;text-decoration:none;padding:0 14px;display:flex;align-items:center;border-bottom:3px solid transparent;font-weight:500}.topbar nav a.active{color:#fff;border-bottom-color:var(--accent)}.topbar nav a:hover{color:#fff}.topbar .spacer{flex:1}.topbar .env{font-size:11px;background:#ffffff1f;padding:4px 10px;border-radius:20px}.page{max-width:1280px;margin:0 auto;padding:22px}.page-wide{max-width:1600px}h2{font-size:19px;margin:4px 0 16px}.card{background:var(--card);border-radius:var(--radius);box-shadow:0 1px 3px #0f284614;padding:18px;margin-bottom:18px}button,.btn{font:inherit;border:none;border-radius:8px;padding:9px 16px;cursor:pointer;font-weight:600;background:var(--gray-bg);color:var(--text)}button:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--accent);color:#fff}.btn-green{background:var(--green);color:#fff}.btn-red{background:var(--red-bg);color:var(--red)}.btn-orange{background:var(--orange);color:#fff}input,select,textarea{font:inherit;padding:7px 9px;border:1.5px solid #d4dbe4;border-radius:7px;width:100%;background:#fff;color:var(--text)}input:focus,select:focus{outline:none;border-color:var(--accent)}label{font-size:11.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.chip{display:inline-block;padding:3px 9px;border-radius:5px;font-size:11.5px;font-weight:600;letter-spacing:.02em;white-space:nowrap}.st-auto_validated{background:var(--green-bg);color:var(--green)}.st-validated{background:var(--blue-bg);color:#1055a8}.st-needs_review{background:var(--orange-bg);color:var(--orange)}.st-price_mismatch{background:var(--red-bg);color:var(--red)}.st-rejected,.st-error{background:var(--gray-bg);color:var(--muted)}.st-duplicate{background:#ede9fe;color:#6d28d9}.conf-sure input,input.conf-sure{border-color:#79c797;background:#f4fcf7}.conf-warn input,input.conf-warn{border-color:#f0b35c;background:#fff8ec}.conf-bad input,input.conf-bad{border-color:#e88;background:#fff2f2}.conf-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}.conf-sure .conf-dot{background:var(--green)}.conf-warn .conf-dot{background:var(--orange)}.conf-bad .conf-dot{background:var(--red)}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:8px 10px;border-bottom:2px solid #e2e8f0}td{padding:9px 10px;border-bottom:1px solid #edf1f5;vertical-align:middle}tr.clickable{cursor:pointer}tr.clickable:hover{background:#f6f9fd}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.dropzone{border:2.5px dashed #b6c4d4;border-radius:var(--radius);padding:48px 20px;text-align:center;color:var(--muted);background:#fbfdff;transition:all .15s;cursor:pointer}.dropzone.drag{border-color:var(--accent);background:var(--blue-bg);color:var(--accent)}.dropzone .big{font-size:34px;margin-bottom:8px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:18px}.stat{background:var(--card);border:1px solid #e4e9f0;border-radius:var(--radius);padding:14px 18px 12px;text-align:left;cursor:pointer;font:inherit;color:var(--text);transition:border-color .12s,box-shadow .12s}.stat:hover{border-color:#c4cfdc;box-shadow:0 2px 8px #0f284612}.stat.active{border-color:var(--navy);box-shadow:0 0 0 1px var(--navy) inset}.stat .l{font-size:11px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px}.stat .n{font-size:30px;font-weight:650;line-height:1.1;color:var(--navy);font-variant-numeric:tabular-nums}.stat .k-bar{height:3px;width:34px;border-radius:2px;margin-top:10px;background:#cbd5e1}.stat.k-green .k-bar{background:var(--green)}.stat.k-orange .k-bar{background:var(--orange)}.stat.k-red .k-bar{background:var(--red)}.stat.k-blue .k-bar{background:#1055a8}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}th.sortable:hover{color:var(--navy)}.sort-arrow{margin-left:5px;font-size:9px;color:#b6c2d0}.sort-arrow.on{color:var(--navy)}td.actions{width:40px;text-align:right}.btn-icon{background:none;border:none;padding:6px;cursor:pointer;color:#a4b1c0;border-radius:7px;line-height:0}.btn-icon:hover{color:var(--red);background:var(--red-bg)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e2a4773;display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:var(--card);border-radius:12px;padding:22px 24px;width:min(520px,calc(100vw - 40px));box-shadow:0 12px 40px #00000040}.modal h3{margin:0 0 10px;color:var(--navy)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.modal-list{max-height:260px;overflow-y:auto;margin:10px 0 14px;border:1px solid #e4e9f0;border-radius:8px}.modal-list-row{display:grid;grid-template-columns:1.4fr 1.2fr .9fr 1fr;gap:8px;padding:6px 10px;font-size:12.5px;align-items:center;border-bottom:1px solid #eef1f5}.modal-list-row:last-child{border-bottom:none}.modal-list-row .num{text-align:right;font-variant-numeric:tabular-nums}.bulk-bar{display:flex;align-items:center;gap:10px;background:var(--red-bg);border:1px solid #f0c8c8;border-radius:9px;padding:7px 12px;font-weight:600;font-size:13px;color:var(--red)}tr.row-selected{background:#fdf3f3}tr.row-selected:hover{background:#fbeaea}input[type=checkbox]{width:15px;height:15px;accent-color:var(--navy);cursor:pointer}.btn-danger{background:var(--red);color:#fff;border-color:var(--red)}.btn-danger:hover{filter:brightness(.92)}.review-grid{display:flex;gap:0;align-items:stretch;height:clamp(420px,58vh,760px);margin-bottom:14px}.review-grid>div:last-child{flex:1 1 0;min-width:300px;height:100%;overflow:auto}.review-grid>div:last-child>.card{margin-bottom:0;min-height:100%}.pdf-pane{height:100%;flex:0 0 auto;min-width:320px;overflow:auto;overscroll-behavior:contain}.split-divider{flex:0 0 10px;cursor:col-resize;margin:0 4px;background:linear-gradient(to right,transparent 3px,#c9d3df 3px,#c9d3df 7px,transparent 7px);border-radius:4px;height:100%}.split-divider:hover{background:linear-gradient(to right,transparent 2px,var(--accent) 2px,var(--accent) 8px,transparent 8px)}.review-grid table{font-size:12.5px}.review-grid table input{padding:5px 7px;font-size:12.5px}.review-grid td .muted.mono{white-space:normal;word-break:break-word}.field-block .snippet{white-space:normal;overflow:visible;text-overflow:unset}input.crossed{font-style:italic;color:#3b5a86;background:#f6f9fe}.corrob{font-size:10.5px;font-weight:600;padding:1px 6px;border-radius:4px;white-space:nowrap}.corrob-strong{background:#e6f7ee;color:#1f8a54}.corrob-weak{background:#eef3fb;color:#4a6fa5}.page-wide{padding-bottom:24px}.excel-preview{background:var(--card);border-radius:var(--radius);box-shadow:0 1px 3px #0f284614;padding:10px 16px 8px;margin-bottom:18px}.excel-preview-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:4px}.excel-preview-scroll{overflow-x:auto}.excel-preview table{font-size:11.5px;white-space:nowrap}.excel-preview th{padding:3px 8px;font-size:10px;position:sticky;top:0;background:var(--card)}.excel-preview td{padding:3px 8px;border-bottom:1px solid #f0f3f7}.excel-preview td.missing{color:var(--red);font-weight:700;font-style:italic;background:var(--red-bg);border-radius:4px}th.filterable{position:relative}th .th-flt{background:none;border:none;padding:0 2px;color:#9aa8b8;vertical-align:-2px;cursor:pointer}th .th-flt:hover{color:var(--navy)}th .th-flt.active{color:var(--blue)}.filter-pop{position:absolute;top:100%;left:0;z-index:50;background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:0 6px 18px #0f284626;min-width:190px;max-height:260px;overflow:auto;padding:6px;text-transform:none;letter-spacing:0;font-weight:400;font-size:12.5px;cursor:default}.filter-pop label{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:4px;cursor:pointer;white-space:nowrap;margin:0}.filter-pop label:hover{background:#f2f6fb}.filter-pop .fp-actions{display:flex;gap:4px;padding:5px 6px 2px;border-top:1px solid var(--border);margin-top:4px}.filter-pop .fp-actions button{background:none;border:none;color:var(--blue);font-size:11.5px;padding:2px 4px;cursor:pointer}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:24px}.login-card{width:380px;max-width:94vw;display:flex;flex-direction:column;gap:8px}.login-title{font-size:19px;margin:0;color:var(--navy);letter-spacing:.02em}.login-sub{margin:0 0 10px;color:var(--muted);font-size:12.5px;text-transform:uppercase;letter-spacing:.06em}.login-btn{margin-top:10px}.login-link{background:none;border:none;color:var(--blue);font-size:12.5px;cursor:pointer;margin-top:8px;align-self:flex-start;padding:0}.logout-btn{margin-left:10px;background:none;border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:8px;padding:5px 12px;font-size:12.5px;cursor:pointer}.logout-btn:hover{background:#ffffff1f}.upload-banner{display:flex;align-items:center;gap:10px;width:100%;border:none;cursor:pointer;text-align:left;background:#eaf2ff;color:var(--navy);font-size:13px;font-weight:600;padding:8px 20px;border-bottom:1px solid #cfe0fb}.upload-banner:hover{background:#dfeaff}.ub-spin{width:13px;height:13px;border-radius:50%;flex:0 0 auto;border:2px solid #9bc0f5;border-top-color:var(--blue);animation:ub-rot .8s linear infinite}@keyframes ub-rot{to{transform:rotate(360deg)}}.ub-bar{flex:1;max-width:260px;height:7px;border-radius:4px;background:#cfe0fb;overflow:hidden}.ub-fill{display:block;height:100%;background:var(--blue);border-radius:4px;transition:width .3s ease}.ub-pct{font-variant-numeric:tabular-nums}.queue-bar{display:flex;align-items:center;gap:10px;margin-bottom:14px;background:var(--card);border-radius:var(--radius);padding:10px 16px;box-shadow:0 1px 3px #0f284614}.queue-bar .spacer{flex:1}.view-tabs{display:flex;gap:6px;margin-bottom:8px}.view-tabs .tab{padding:6px 14px;border:1px solid var(--border);background:var(--card);border-radius:8px 8px 0 0;cursor:pointer;font-size:13px;color:var(--muted)}.view-tabs .tab.active{color:var(--navy);font-weight:700;border-bottom:2px solid var(--blue)}.annot-scroll{height:calc(100% - 38px);overflow:auto;background:#3c3f44;border-radius:8px;padding:12px}.annot-page{position:relative;width:100%;margin:0 auto 14px;box-shadow:0 2px 10px #0006;background:#fff}.annot-page img{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none}@keyframes hlflash{0%,to{box-shadow:none}50%{box-shadow:0 0 0 7px #2563eb66}}.annot-page .hl.hl-flash{animation:hlflash .8s ease 2}.field-block{cursor:pointer}.annot-page .hl{position:absolute;border-radius:4px;box-sizing:border-box;overflow:visible}.annot-page .hl.conf-sure{background:#35a95f24;border:2px solid rgba(53,169,95,.8)}.annot-page .hl.conf-warn{background:#eb943326;border:2px solid rgba(235,148,51,.85)}.annot-page .hl.conf-bad{background:#d6454524;border:2px solid rgba(214,69,69,.85)}.hl-badge{position:absolute;top:50%;left:100%;transform:translateY(-50%);margin-left:4px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;font-size:10px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #00000059;line-height:1}.hl.conf-sure .hl-badge{background:#2e8f53}.hl.conf-warn .hl-badge{background:#d97e1f}.hl.conf-bad .hl-badge{background:#c43c3c}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border-radius:9px;font-size:10.5px;font-weight:700;color:#fff;margin-right:6px;vertical-align:middle;line-height:1}.badge.b-sure,.conf-sure .badge{background:#2e8f53}.conf-warn .badge{background:#d97e1f}.badge.b-bad,.conf-bad .badge{background:#c43c3c}.badge.hollow,.conf-sure .badge.hollow,.conf-warn .badge.hollow,.conf-bad .badge.hollow{background:#fff;color:var(--muted);border:1.5px dashed #b6c2d0}.pdf-open-link{margin-bottom:8px}.pdf-open-link a{color:#cfd8e3;font-size:12.5px;text-decoration:none}.pdf-open-link a:hover{color:#fff;text-decoration:underline}.annot-loading{height:calc(100% - 38px);display:flex;align-items:center;justify-content:center;background:var(--gray-bg);border-radius:8px;color:var(--muted)}.progress{position:relative;background:var(--gray-bg);border-radius:20px;height:22px;overflow:hidden;min-width:160px}.progress-fill{height:100%;border-radius:20px;transition:width .3s}.progress-fill.p-green{background:#35a95f}.progress-fill.p-blue{background:var(--accent)}.upload-progress .current-file{font-size:12.5px;max-width:460px;margin:0 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-fill.p-orange{background:#eb9433}.progress-fill.p-red{background:#d64545}.progress-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--text);text-shadow:0 0 3px rgba(255,255,255,.8)}.pdf-pane iframe{width:100%;height:100%;border:1px solid #d4dbe4;border-radius:var(--radius);background:#525659}.fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}.field-block{min-width:0}.field-label{display:flex;align-items:center;gap:5px;white-space:nowrap;min-width:0}.field-label .fl-name{overflow:hidden;text-overflow:ellipsis}.field-label .fl-meta{margin-left:auto;flex-shrink:0;font-size:10.5px;color:var(--muted);font-weight:700;letter-spacing:0}.field-block .snippet{font-size:11px;color:var(--muted);margin-top:3px;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checks{margin:0;padding:0;list-style:none}.checks li{padding:6px 10px;border-radius:7px;margin-bottom:6px;font-size:13px}.checks li.ok{background:var(--green-bg);color:var(--green)}.checks li.ko{background:var(--orange-bg);color:var(--orange)}.actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.gap-pos{color:var(--red);font-weight:700}.gap-ok{color:var(--green);font-weight:600}.banner{padding:11px 15px;border-radius:9px;margin-bottom:14px;font-weight:500}.banner.info{background:var(--blue-bg);color:#1055a8}.banner.warn{background:var(--orange-bg);color:var(--orange)}.banner.err{background:var(--red-bg);color:var(--red)}.banner.ok{background:var(--green-bg);color:var(--green)}.muted{color:var(--muted)}.mono{font-variant-numeric:tabular-nums}.row{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.row>div{min-width:150px}.erp-grid{display:grid;gap:14px;margin-bottom:16px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.erp-card{display:flex;flex-direction:column;gap:8px;margin-bottom:0}.erp-card.stale{box-shadow:0 0 0 1px #f0b35c,0 1px 3px #0f284614}.erp-card-head{display:flex;align-items:center;gap:10px}.erp-card-head h3{margin:0;font-size:14.5px;color:var(--navy)}.erp-desc{font-size:12px;margin:0;line-height:1.45}.erp-meta{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;margin:4px 0 0}.erp-meta>div{min-width:0}.erp-meta dt{font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.erp-meta dd{margin:0;font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.erp-staged{font-size:12px;margin:2px 0 0;color:var(--navy)}.erp-actions{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:6px;flex-wrap:wrap}.erp-mapchip{font-size:11px;color:var(--green)}.erp-ellipsis{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.erp-ellipsis.wide{max-width:340px}.mapper-modal{width:96vw;max-width:1500px;max-height:94vh;display:flex;flex-direction:column;padding:0}.mapper-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border)}.mapper-body{flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:14px}.mapper-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 16px;border-top:1px solid var(--border)}.mapper-block{border:1px solid var(--border);border-radius:10px;overflow:hidden}.mapper-block-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:8px 12px;background:#f5f8fc;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.mapper-block-head .muted{text-transform:none;letter-spacing:0;font-weight:400}.mapper-hr{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;text-transform:none;letter-spacing:0;font-weight:400;font-size:12px}.mapper-hr select{padding:2px 6px;font-size:12px}.mapper-hint{font-size:11.5px;color:var(--muted);margin:0;padding:6px 12px;background:#f9fbfd;border-bottom:1px solid var(--border)}.mapper-fields{display:grid;gap:8px;padding:10px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.mapper-field{border:1px solid var(--border);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:6px}.mapper-field.active{border-color:var(--blue);background:#eff6ff}.mf-top{display:flex;align-items:center;gap:6px;min-width:0;font-size:12px}.mf-top .muted{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mf-req{color:var(--red);font-weight:700}.mf-auto{margin-left:auto;font-size:10px;padding:1px 6px;border-radius:4px;background:var(--green-bg);color:var(--green);flex-shrink:0}.mf-row{display:flex;gap:6px}.mf-row select{flex:1;min-width:0;font-size:12px;padding:4px 6px}.mf-row select.mf-fmt{flex:0 0 108px;font-size:11px}.mapper-preview{overflow:auto;max-height:min(52vh,400px)}.mapper-preview table{border-collapse:collapse;font-size:11px;width:max-content;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.mapper-preview th,.mapper-preview td{border:1px solid var(--border);padding:3px 8px;text-align:left;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--card)}.mapper-preview thead th{position:sticky;top:0;z-index:3;min-width:110px;vertical-align:bottom}.mapper-preview .mapped-key{display:block;font-size:10px;color:#9aa8b8}.mapper-preview .mapped-key.on{color:var(--blue);font-weight:700}.mapper-preview .h-lbl{font-weight:700;font-family:var(--font, inherit)}.mapper-preview .rownum{text-align:right;color:#9aa8b8;min-width:40px}.mapper-preview tbody tr{cursor:pointer}.mapper-preview tbody tr:hover td{background:#eff6ff}.mapper-preview tr.hdr-row td{background:#dbeafe;font-weight:700}.mapper-preview tr.above-row td{color:#9aa8b8}.mapper-preview .col-mapped{background:#f0f6ff}.mapper-preview .col-hl{background:#dbeafe!important}.fresh-modal{width:560px;max-width:94vw}.fresh-list{display:flex;flex-direction:column;gap:6px;margin:12px 0}.fresh-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--border);border-radius:8px;padding:8px 12px}.fresh-row.stale{border-color:#f0b35c;background:#fff8ec}.fresh-row.missing{border-color:#e88;background:#fff2f2}.fr-main{display:flex;align-items:center;gap:8px;min-width:0}.fr-dot{width:8px;height:8px;border-radius:50%;background:var(--green);flex-shrink:0}.fresh-row.stale .fr-dot{background:var(--orange)}.fresh-row.missing .fr-dot{background:var(--red)}.fr-label{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fr-req{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.fr-meta{font-size:11.5px;color:var(--muted);white-space:nowrap}