:root{--green-950: #0d2c1e;--green-900: #163f2c;--green-700: #1f5e3b;--green-100: #e8f1eb;--gold: #c9a227;--sand: #faf8f2;--ink: #202522;--muted: #69716c;--line: #dde3df;--surface: #ffffff;--danger: #b42318;--warning: #9a6700;--success: #137333;font-family:DM Sans,system-ui,sans-serif;color:var(--ink);background:#f3f5f3}*{box-sizing:border-box}html{min-width:320px;background:#f3f5f3}body{margin:0;min-width:320px;min-height:100vh;background:#f3f5f3}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}:where(button,a,input,select,textarea):focus-visible{outline:3px solid rgba(201,162,39,.65);outline-offset:2px}.page{display:grid;gap:24px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.page-heading h1{margin:4px 0 0;font-family:Manrope,sans-serif;font-size:clamp(1.65rem,3vw,2.25rem);letter-spacing:-.035em}.page-heading p{max-width:720px;margin:8px 0 0;color:var(--muted)}.eyebrow{margin:0;color:var(--green-700);font-size:.73rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.panel{min-width:0;padding:clamp(18px,2.4vw,28px);background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 36px #122e1f0d}.panel h2,.panel h3{margin:0;font-family:Manrope,sans-serif;letter-spacing:-.02em}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.muted{color:var(--muted)}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.metric{padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:16px}.metric span{color:var(--muted);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.metric strong{display:block;margin-top:8px;font:700 clamp(1.65rem,3vw,2.2rem)/1 Manrope,sans-serif}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:grid;gap:7px;min-width:0}.field.wide{grid-column:1 / -1}.field span{color:#4c5750;font-size:.78rem;font-weight:700}input,select,textarea{width:100%;min-height:44px;padding:10px 12px;color:var(--ink);background:#fff;border:1px solid #cdd5d0;border-radius:10px}textarea{min-height:92px;resize:vertical}.actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:18px}.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;padding:9px 16px;color:#fff;font-weight:700;text-decoration:none;background:var(--green-700);border:1px solid var(--green-700);border-radius:10px}.button:hover{background:var(--green-900)}.button.secondary{color:var(--green-900);background:#fff;border-color:var(--line)}.button.danger{color:var(--danger);background:#fff;border-color:#f4c7c3}.button:disabled{cursor:not-allowed;opacity:.52}.status{display:inline-flex;align-items:center;width:fit-content;padding:5px 9px;color:var(--green-900);font-size:.72rem;font-weight:800;background:var(--green-100);border-radius:999px}.status.warning{color:#7a4d00;background:#fff2cc}.status.danger{color:#8d1d15;background:#fee4e2}.status.neutral{color:#56605a;background:#edf0ee}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse}th{padding:10px 12px;color:var(--muted);font-size:.72rem;text-align:left;text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--line)}td{padding:14px 12px;vertical-align:top;border-bottom:1px solid #edf0ee}td strong,td small{display:block}td small{margin-top:4px;color:var(--muted)}.empty{padding:30px 12px;color:var(--muted);text-align:center}.alert{padding:12px 14px;border-radius:10px}.alert.error{color:var(--danger);background:#fff1f0}.alert.success{color:var(--success);background:#eaf6ed}.loading{min-height:220px;display:grid;place-items:center;color:var(--muted)}@media(max-width:1100px){.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.page{gap:18px}.page-heading{align-items:stretch;flex-direction:column}.grid.two,.grid.three,.form-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:17px;border-radius:14px}.table-wrap{overflow:visible}table,thead,tbody,tr,th,td{display:block}thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}tr{display:grid;gap:8px;padding:14px 0;border-bottom:1px solid var(--line)}td{padding:0;border:0}td[data-label]:before{content:attr(data-label);display:block;margin-bottom:2px;color:var(--muted);font-size:.69rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}}@media(max-width:420px){.metrics{grid-template-columns:1fr}.actions{align-items:stretch;flex-direction:column-reverse}.actions .button{width:100%}}.content{min-width:0;overflow-x:clip}bo-supplier-import{display:block;min-width:0;overflow-x:clip}bo-supplier-import .upload-card,bo-supplier-import .drop{min-width:0}bo-supplier-import .upload-card{width:100%}bo-supplier-import .drop{overflow-wrap:anywhere}bo-supplier-import .drop input{width:1px;height:1px;min-height:0;padding:0}bo-supplier-import .match-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.7fr);gap:18px;align-items:end;margin-bottom:16px;padding:18px;background:#fffaf0;border:1px solid #ead9ae;border-radius:12px}bo-supplier-import .match-card h2{margin:0;color:#0a3347;font:800 1.15rem Georgia,serif}bo-supplier-import .match-card p:last-child{margin:6px 0 0;color:#697872}@media(max-width:700px){bo-supplier-import .match-card{grid-template-columns:1fr}}