:root{--navy:#1D2B53;--cyan:#4AF2FF;--azure:#2193FF;--ink:#1D2B53;--muted:#5B6B8C;--line:#E1E7F0;--bg:#F4F7FB;--card:#FFF;--good:#0F9D58;--bad:#D64545;--radius:12px}
  *{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Inter',system-ui,sans-serif;line-height:1.5}
  .wrap{max-width:1120px;margin:0 auto;padding:0 20px 64px}
  header{background:var(--navy);color:#fff;padding:18px 0;margin-bottom:24px}
  header .wrap{display:flex;align-items:center;justify-content:space-between;padding-bottom:0;flex-wrap:wrap;gap:8px}
  .brand{display:flex;align-items:baseline;gap:12px}.brand .mark{font-family:'Bebas Neue';font-size:30px;letter-spacing:2px}.brand .mark b{color:var(--cyan)}.brand .tag{font-size:12px;color:#9FB0D4}
  .sync{font-size:11px;color:#9FB0D4;display:flex;align-items:center;gap:6px}.dot{width:8px;height:8px;border-radius:50%;background:#9FB0D4}.dot.on{background:var(--cyan)}
  .pill{font-size:11px;background:rgba(74,242,255,.15);color:var(--cyan);padding:3px 10px;border-radius:20px}
  .grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:start}@media(max-width:820px){.grid{grid-template-columns:1fr}}
  .card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px}.card+.card{margin-top:16px}
  h2{font-size:13px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);margin:0 0 14px}
  .row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0}.row label{font-size:14px}.row .hint{display:block;font-size:11px;color:var(--muted)}
  .ip{display:flex;align-items:center;gap:5px}.ip .u{font-size:12px;color:var(--muted)}
  input,select{font-family:inherit;font-size:14px;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 10px;outline:none}
  input:focus,select:focus{border-color:var(--azure);box-shadow:0 0 0 3px rgba(33,147,255,.15)}
  input[type=number]{width:96px;text-align:right}#i-search{width:100%;text-align:left}
  .search-wrap{position:relative}
  .suggest{position:absolute;left:0;right:0;top:100%;background:#fff;border:1px solid var(--line);border-radius:8px;margin-top:4px;z-index:30;box-shadow:0 8px 22px rgba(29,43,83,.14);max-height:260px;overflow:auto;display:none}
  .suggest div{padding:9px 12px;font-size:13px;cursor:pointer;display:flex;justify-content:space-between;gap:10px}.suggest div:hover,.suggest div.active{background:var(--bg)}
  .suggest .s-sku{color:var(--azure);font-weight:500;white-space:nowrap}.suggest .s-name{color:var(--ink);overflow:hidden;text-overflow:ellipsis}
  .picked{background:#EAF8FF;border:1px solid #BDE6FF;border-radius:8px;padding:8px 12px;font-size:13px;display:none;align-items:center;justify-content:space-between;gap:10px;margin-top:6px}
  .picked b{color:var(--navy)}.picked .clr{color:var(--bad);cursor:pointer;font-size:12px}
  .landed-from{font-size:11px;color:var(--azure);margin-left:6px}
  .lastbox{background:rgba(74,242,255,.08);border:1px solid rgba(33,147,255,.25);border-radius:8px;padding:8px 12px;font-size:12.5px;color:var(--navy);margin-top:8px;display:none}
  .lastbox b{color:var(--azure)}
  .seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.seg button{border:none;background:#fff;padding:8px 12px;font:inherit;font-size:13px;cursor:pointer;color:var(--muted)}.seg button.on{background:var(--navy);color:#fff}
  .result{background:var(--navy);color:#fff;border:none}.result h2{color:#9FB0D4}
  .headline{text-align:center;padding:6px 0 16px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:14px}.headline .l{font-size:12px;color:#9FB0D4}.headline .v{font-family:'Bebas Neue';font-size:52px;letter-spacing:1px;color:var(--cyan)}
  .warn{display:none;background:rgba(214,69,69,.18);color:#FFD2D2;font-size:12.5px;border-radius:8px;padding:8px 10px;margin-bottom:12px;text-align:center}
  .wf{display:flex;justify-content:space-between;font-size:13.5px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.08)}.wf .neg{color:#FFB4B4}.wf.muted{color:#9FB0D4;font-size:12px}.wf.total{font-weight:600;font-size:16px;border-bottom:none;padding-top:10px}
  .metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.metric{background:rgba(255,255,255,.06);border-radius:8px;padding:10px;text-align:center}.metric .l{font-size:11px;color:#9FB0D4}.metric .v{font-family:'Bebas Neue';font-size:26px;margin-top:2px}
  .actions{display:flex;gap:10px;margin-top:16px}.btn{flex:1;font:inherit;font-weight:600;font-size:14px;border-radius:8px;padding:11px;cursor:pointer;border:1px solid transparent}.btn-primary{background:var(--azure);color:#fff}.btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}
  .ledger-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.csv{font:inherit;font-size:13px;font-weight:500;color:var(--azure);background:none;border:1px solid var(--line);border-radius:8px;padding:7px 12px;cursor:pointer}
  table{width:100%;border-collapse:collapse;margin-top:4px;font-size:13px}th{text-align:left;font-weight:600;color:var(--muted);font-size:11px;letter-spacing:.4px;text-transform:uppercase;padding:8px 10px;border-bottom:1px solid var(--line)}td{padding:9px 10px;border-bottom:1px solid var(--line);white-space:nowrap}td.num{text-align:right;font-variant-numeric:tabular-nums}
  .pos{color:var(--good);font-weight:600}.negv{color:var(--bad);font-weight:600}.chip{font-size:11px;background:#EAF1FF;color:var(--azure);border-radius:20px;padding:2px 9px;text-transform:capitalize}
  .mini{font:inherit;font-size:12px;border:none;background:none;cursor:pointer;padding:4px 6px;border-radius:6px}.mini.load{color:var(--azure)}.mini.del{color:var(--bad)}.mini:hover{background:var(--bg)}
  .empty{text-align:center;color:var(--muted);font-size:13px;padding:26px 0}.store-note{font-size:11px;color:var(--muted);margin-top:10px}