html,body,#root{margin:0;min-height:100%}:root{--ds-page: #0b0b10;--ds-ink: #f5f5f7;--ds-ink-2: #a1a1aa;--ds-hairline: #2c2c34;--il-card: #15151c;--il-card-2: #1c1c26;--il-green: #30d158;--il-blue: #409cff;--il-amber: #ff9f0a;--il-red: #ff453a;--il-radius: 22px}body{background:var(--ds-page);color:var(--ds-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}.file-card{max-width:960px;margin:0 auto;padding:28px 20px 48px;box-sizing:border-box}.file-intro{color:var(--ds-ink-2)}@media (max-width: 600px){.file-card{padding:20px 14px 40px}}.file-title,.file-group-heading,h1,h2,h3,.upload-title,.total strong{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.01em}.upload-card,.table-wrap,.approve-card,.barcode-card,.csv-preview{background:var(--il-card);border:1px solid var(--ds-hairline);border-radius:var(--il-radius);box-shadow:0 1px #ffffff0a inset,0 8px 24px #00000059}.upload-card{display:block;border-style:dashed;border-color:#3a3a46;padding:26px 22px;text-align:center;cursor:pointer;background:linear-gradient(135deg,#17220f,#15151c 55%)}.upload-card input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.upload-title{display:block;font-weight:700;font-size:17px;color:var(--ds-ink)}.upload-sub{display:block;margin-top:6px;font-size:13px;color:var(--ds-ink-2);line-height:1.45}.sample-note{font-size:12.5px;color:var(--ds-ink-2);line-height:1.45;margin:10px 2px 0}.table-wrap{overflow-x:auto}table.lines{width:100%;border-collapse:collapse;font-size:14px;color:var(--ds-ink)}table.lines th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--ds-ink-2);padding:12px 10px}table.lines td{padding:10px;border-top:1px solid var(--ds-hairline);vertical-align:middle}table.lines input,table.lines textarea{width:100%;box-sizing:border-box;font-size:16px;padding:8px 10px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--ds-ink);font-family:inherit;resize:none}table.lines textarea{line-height:1.35;overflow:hidden;display:block}table.lines input:focus-visible,table.lines textarea:focus-visible{outline:2px solid var(--il-blue);outline-offset:1px;background:#ffffff0d}.in-sku{max-width:128px;font-variant-numeric:tabular-nums}.in-num{max-width:96px;min-width:84px;font-variant-numeric:tabular-nums;text-align:right}table.lines input[type=number]::-webkit-outer-spin-button,table.lines input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}table.lines input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}td.num,.total{font-variant-numeric:tabular-nums;white-space:nowrap}.pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:600}.pill-muted{background:#a1a1aa29;color:var(--ds-ink-2)}.pill-green{background:#30d15829;color:var(--il-green)}.pill-blue{background:#409cff29;color:var(--il-blue)}.pill-amber{background:#ff9f0a29;color:var(--il-amber)}.pos-name{font-size:11.5px;color:var(--ds-ink-2);margin-top:4px}.triage{display:flex;gap:6px;margin-top:6px}.triage .btn-check{margin-top:0;display:inline-block}.btn-check{display:block;margin-top:6px;min-height:34px;padding:4px 14px;border-radius:999px;border:1px solid #3a3a46;background:transparent;color:var(--ds-ink);font-size:12.5px;cursor:pointer}.btn-check:disabled{opacity:.4;cursor:not-allowed}.btn-check:hover:not(:disabled){border-color:var(--il-blue)}.btn-remove{min-width:44px;min-height:44px;border:none;background:transparent;color:var(--il-red);opacity:.85;font-size:20px;cursor:pointer;border-radius:10px}.btn-remove:hover{opacity:1;background:#ff453a1f}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:50;overscroll-behavior:contain;padding:20px}.modal-card{background:var(--il-card-2);border:1px solid var(--ds-hairline);border-radius:20px;padding:22px;max-width:340px;width:100%;text-align:center;box-shadow:0 20px 60px #00000080}.modal-card p{margin:0 0 18px;font-size:14.5px;line-height:1.45;color:var(--ds-ink)}.modal-actions{display:flex;gap:10px;justify-content:center}.modal-actions button{min-height:44px;min-width:96px;border-radius:999px;font-size:14.5px;font-weight:700;cursor:pointer;border:none}.modal-yes{background:var(--il-red);color:#fff}.modal-no{background:#ffffff1a;color:var(--ds-ink)}.btn-ghost{min-height:44px;padding:8px 18px;border-radius:999px;border:1px solid #3a3a46;background:transparent;color:var(--ds-ink);font-size:14px;cursor:pointer}.btn-ghost:hover{border-color:var(--il-blue)}.table-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}.total{font-size:15px;color:var(--ds-ink-2)}.total strong{font-size:18px;color:var(--ds-ink);font-variant-numeric:tabular-nums}.barcodes{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.barcode-card{background:#fff;padding:10px 14px 8px;text-align:center;border-radius:16px}.barcode-sku{display:block;color:#111;font-size:12px;font-weight:600;margin-top:2px;font-variant-numeric:tabular-nums}.approve-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:22px}.btn-approve{min-height:48px;padding:12px 30px;border-radius:999px;border:none;background:var(--il-blue);color:#fff;font-size:15.5px;font-weight:700;cursor:pointer}.btn-approve:disabled{opacity:.6;cursor:not-allowed}.btn-approve.is-done{background:var(--il-green);color:#062a12}.btn-disabled{min-height:44px;margin-top:10px;padding:10px 24px;border-radius:999px;border:1px solid #3a3a46;background:transparent;color:var(--ds-ink-2);opacity:.55;font-size:14px;cursor:not-allowed}.csv-preview{width:100%;text-align:left;font-size:12px;line-height:1.5;padding:12px 14px;overflow-x:auto;font-variant-numeric:tabular-nums;color:var(--ds-ink);margin-top:10px}label.upload-card+.btn-ghost,.upload-card~.btn-ghost{margin-top:10px}@media (max-width: 600px){table.lines,table.lines tbody,table.lines tr,table.lines td{display:block;width:100%;box-sizing:border-box}table.lines thead{display:none}table.lines tr{padding:12px 10px;border-top:1px solid var(--ds-hairline)}table.lines td{border-top:none;padding:4px 0}table.lines td:nth-child(3),table.lines td:nth-child(4),table.lines td:nth-child(5){display:inline-block;width:31%;vertical-align:top;padding-right:8px}table.lines td:nth-child(3):before{content:"Qty";display:block;font-size:11px;color:var(--ds-ink-2)}table.lines td:nth-child(4):before{content:"Ref R";display:block;font-size:11px;color:var(--ds-ink-2)}table.lines td:nth-child(5):before{content:"Total";display:block;font-size:11px;color:var(--ds-ink-2);padding-top:9px}.in-sku,.in-num{max-width:100%}.barcode-card canvas{max-width:100%;height:auto}.table-wrap{border-radius:18px}}@media (prefers-reduced-motion: no-preference){.upload-card,.btn-approve,.btn-ghost,.btn-check{transition:transform .12s ease,opacity .12s ease}.upload-card:active,.btn-approve:active,.btn-ghost:active,.btn-check:active{transform:scale(.98)}}.file-fact,.file-intro,.file-group-label,header p,header span{color:var(--ds-ink-2)!important}.file-title{color:var(--ds-ink)!important}.auth-card{display:flex;flex-direction:column;gap:12px;max-width:420px}.in-auth{min-height:44px;border-radius:12px;border:1px solid var(--ds-hairline);background:var(--il-card-2, #14161c);color:var(--ds-ink);padding:10px 14px;font-size:16px}.signout-row{display:flex;justify-content:flex-end;margin-bottom:8px}.barcode-error{color:var(--il-red, #ff5f57);font-size:13px;padding:12px}