:root{--bg:#f2f7f4;--surface:#fbfdfb;--surface-2:#e9f0ed;--surface-3:#dde8e4;--fg:#061d18;--muted:#63736f;--border:#c8d5d0;--hairline:#d8e2de;--accent:#1f8c67;--accent-dark:#0b4d3b;--blue:#057da5;--red:#b83232;--amber:#a56c00;--shadow-soft:0 7px 22px #071e1814;--shadow-float:0 22px 55px #071e1838;--radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:linear-gradient(180deg, #e6f0eb, var(--bg) 34%, #f8faf8);color:var(--fg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.58}button:focus-visible,input:focus-visible{outline:2px solid color-mix(in srgb, var(--blue), white 20%);outline-offset:2px}.login-shell{background:radial-gradient(circle at 50% 0%, #1f8c6729, transparent 46%), var(--bg);place-items:end center;min-height:100dvh;padding:18px;display:grid}.login-card{border:1px solid var(--hairline);background:var(--surface);width:min(100%,430px);box-shadow:var(--shadow-float);border-radius:18px;gap:12px;padding:18px;display:grid}.app-mark{color:#fff;background:linear-gradient(145deg, var(--accent-dark), var(--fg));border-radius:12px;place-items:center;width:48px;height:48px;font-weight:900;display:grid}.login-card h1,.login-card h2,.login-card p{margin:0}.login-card p{color:var(--muted);line-height:1.45}.form-stack{gap:10px;display:grid}.form-stack label{color:var(--muted);gap:5px;font-size:12px;font-weight:750;display:grid}.form-stack input,.form-stack select,.search-row input{border:1px solid var(--hairline);border-radius:var(--radius);background:color-mix(in srgb, var(--surface), white 10%);min-height:42px;color:var(--fg);appearance:none;touch-action:manipulation;-webkit-user-select:text;user-select:text;padding:0 11px;font-size:16px;line-height:1.2}.form-stack select{appearance:none}.error-text{color:var(--red);font-size:12px;font-weight:750}.mobile-shell{background:linear-gradient(180deg, color-mix(in srgb, var(--surface), white 12%), var(--surface) 180px);border-left:1px solid var(--hairline);border-right:1px solid var(--hairline);grid-template-rows:auto 1fr auto;width:min(100%,480px);min-height:100dvh;margin:0 auto;display:grid;position:relative;overflow-x:hidden}.install-gate{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#071e186b;place-items:end center;padding:16px;display:grid;position:fixed;inset:0}.install-card{border:1px solid var(--hairline);background:var(--surface);width:min(100%,430px);box-shadow:var(--shadow-float);border-radius:18px;gap:10px;padding:16px;display:grid}.topbar{z-index:20;padding:max(12px, env(safe-area-inset-top)) 14px 10px;border-bottom:1px solid var(--hairline);background:color-mix(in srgb, var(--surface), transparent 8%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;gap:10px;display:flex;position:sticky;top:0}.topbar strong{font-size:18px;font-weight:900;display:block}.topbar span{color:var(--muted);font-size:12px}.queue-chip{border:1px solid color-mix(in srgb, var(--blue), white 68%);background:color-mix(in srgb, var(--blue), white 92%);min-height:34px;color:var(--blue);border-radius:999px;align-items:center;gap:7px;padding:0 10px;font-weight:850;display:inline-flex}.dot{background:currentColor;border-radius:50%;width:7px;height:7px}.content{padding:10px 12px 96px;overflow:auto}.filter-strip{scrollbar-width:none;gap:7px;padding:4px 0 8px;display:flex;overflow-x:auto}.filter-strip::-webkit-scrollbar{display:none}.filter{border:1px solid var(--hairline);background:var(--surface);min-height:34px;color:var(--muted);border-radius:999px;flex:none;padding:0 12px;font-weight:800}.filter.active{color:#fff;background:linear-gradient(180deg, color-mix(in srgb, var(--fg), white 8%), var(--fg));border-color:var(--fg);box-shadow:0 8px 18px #071e1824}.batch-list,.product-list,.more-screen{gap:8px;display:grid}.batch-card{text-align:left;border:1px solid var(--hairline);border-radius:var(--radius);background:linear-gradient(180deg, color-mix(in srgb, var(--surface), white 14%), var(--surface));width:100%;min-height:76px;box-shadow:var(--shadow-soft);grid-template-columns:5px 46px minmax(0,1fr) 64px;align-items:stretch;gap:7px;padding:7px 8px;display:grid}.urgency{border-radius:999px}.danger{color:var(--red)}.warn{color:var(--amber)}.ok{color:var(--accent-dark)}.urgency.danger{background:var(--red)}.urgency.warn{background:var(--amber)}.urgency.ok{background:var(--accent)}.photo{border:1px solid var(--hairline);background:linear-gradient(160deg, color-mix(in srgb, var(--surface-2), white 24%), var(--surface-3));width:46px;height:58px;color:var(--fg);border-radius:8px;align-self:center;place-items:center;font-weight:900;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff8f,0 4px 12px #071e180f}.photo.empty{color:var(--muted);background:var(--surface);border-style:dashed}.photo.has-image{background:var(--surface-2)}.photo img{object-fit:cover;width:100%;height:100%}.batch-main{align-content:center;gap:5px;min-width:0;display:grid}.batch-main strong,.product-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:900;overflow:hidden}.meta-grid{color:var(--muted);grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:3px 8px;font-size:12px;display:grid}.meta-grid span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.batch-main em{color:var(--muted);font-size:12px;font-style:normal}.due{border:1px solid var(--hairline);border-radius:var(--radius);text-align:center;place-items:center;min-width:64px;padding:5px;font-weight:900;line-height:1.1;display:grid}.due.danger{background:color-mix(in srgb, var(--red), white 90%);border-color:color-mix(in srgb, var(--red), white 68%)}.due.warn{background:color-mix(in srgb, var(--amber), white 88%);border-color:color-mix(in srgb, var(--amber), white 64%)}.due.ok{background:color-mix(in srgb, var(--accent), white 90%);border-color:color-mix(in srgb, var(--accent), white 64%)}.due.muted,.urgency.muted{color:var(--muted);background:var(--surface-2)}.section-title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.section-title h2,.section-title p{margin:0}.section-title p{color:var(--muted);margin-top:3px;font-size:12px}.search-row{grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;margin-bottom:10px;display:grid}.search-row button,.icon-btn,.primary-btn,.secondary-btn,.danger-btn,.ghost-btn{border:1px solid var(--hairline);border-radius:var(--radius);background:var(--surface);min-height:40px;color:var(--fg);justify-content:center;align-items:center;gap:7px;padding:0 11px;font-weight:850;display:inline-flex}.primary-btn{color:#fff;background:linear-gradient(180deg, color-mix(in srgb, var(--accent-dark), white 8%), var(--fg));border-color:var(--fg)}.ghost-btn{color:var(--muted);background:0 0}.product-card{border:1px solid var(--hairline);border-radius:var(--radius);background:var(--surface);min-height:72px;box-shadow:var(--shadow-soft);grid-template-columns:46px minmax(0,1fr) 22px;align-items:center;gap:10px;padding:8px;display:grid}.product-card small,.product-card b{display:block}.product-card small{color:var(--muted);font-size:12px}.product-card b{margin-top:2px}.state-card{border:1px solid var(--hairline);border-left:4px solid var(--accent);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-soft);grid-template-columns:24px minmax(0,1fr);align-items:center;gap:10px;padding:12px;display:grid}.state-button{text-align:left;width:100%;color:var(--fg)}.state-card span{color:var(--muted);font-size:12px;display:block}.outbox-row{border:1px solid var(--hairline);border-radius:var(--radius);background:var(--surface);gap:3px;padding:9px 10px;display:grid}.outbox-row strong{font-size:12px}.outbox-row span{color:var(--muted);font-size:12px}.sheet{z-index:80;width:min(480px,100%);max-height:88dvh;padding:16px 12px max(16px, env(safe-area-inset-bottom));border:1px solid var(--hairline);background:var(--surface);box-shadow:var(--shadow-float);border-bottom:0;border-radius:12px 12px 0 0;position:fixed;bottom:0;left:50%;overflow:auto;transform:translate(-50%)}.sheet h3,.sheet p{margin:0}.sheet p{color:var(--muted);margin-top:4px}.sheet-close{background:var(--surface-2);border-radius:50%;width:34px;height:34px;position:absolute;top:8px;right:10px}.product-detail-head,.found-product{grid-template-columns:46px minmax(0,1fr);align-items:center;gap:10px;display:grid}.product-detail-head h3,.found-product strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.found-product{border:1px solid var(--hairline);border-radius:var(--radius);background:var(--surface-2);padding:8px}.found-product span{color:var(--muted);font-size:12px;display:block}.detail-grid{border:1px solid var(--hairline);border-radius:var(--radius);background:var(--surface-2);grid-template-columns:86px minmax(0,1fr);gap:7px 10px;margin-top:12px;padding:10px;display:grid}.detail-grid span{color:var(--muted)}.detail-grid strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sheet h4{margin:14px 0 8px}.mini-list{gap:6px;display:grid}.mini-list span{border:1px solid var(--hairline);border-radius:var(--radius);color:var(--muted);background:var(--surface);padding:8px;font-size:12px}.sheet-actions{gap:8px;margin-top:12px;display:grid}.hidden-input{display:none}.scan-sheet{gap:10px;display:grid}.scanner-video{aspect-ratio:4/3;border-radius:var(--radius);border:1px solid var(--hairline);object-fit:cover;background:#111;width:100%}.segmented{border:1px solid var(--hairline);border-radius:var(--radius);background:var(--surface-2);grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.segmented button{min-height:36px;color:var(--muted);background:0 0;border-radius:6px;font-weight:850}.segmented button.active{color:var(--fg);background:var(--surface);box-shadow:var(--shadow-soft)}.shelf-row{grid-template-columns:minmax(0,1fr) 114px;gap:8px;display:grid}.empty-state,.list-status,.load-more{border:1px dashed var(--hairline);border-radius:var(--radius);min-height:44px;color:var(--muted);background:color-mix(in srgb, var(--surface), transparent 22%);justify-content:center;align-items:center;gap:8px;padding:10px;font-weight:750;display:flex}.load-more{color:var(--accent-dark);background:color-mix(in srgb, var(--accent), white 90%);border-style:solid}.scan-fab{right:16px;bottom:calc(70px + max(12px, env(safe-area-inset-bottom)));z-index:36;color:#fff;background:radial-gradient(circle at 35% 28%, color-mix(in srgb, var(--accent), white 18%), transparent 38%), linear-gradient(145deg, var(--accent-dark), var(--fg));border-radius:50%;place-items:center;width:62px;height:62px;display:grid;position:fixed;box-shadow:0 18px 42px #071e1852}.bottom-nav{z-index:30;padding:8px 8px max(8px, env(safe-area-inset-bottom));border-top:1px solid var(--hairline);background:color-mix(in srgb, var(--surface), transparent 3%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-template-columns:repeat(3,1fr);gap:4px;display:grid;position:sticky;bottom:0;box-shadow:0 -12px 30px #071e1814}.bottom-nav button{border-radius:var(--radius);min-height:50px;color:var(--muted);background:0 0;place-items:center;gap:2px;font-size:16px;font-weight:850;display:grid}.bottom-nav span{font-size:11px}.toast{z-index:90;border-radius:var(--radius);background:linear-gradient(180deg, color-mix(in srgb, var(--fg), white 7%), var(--fg));color:#fff;width:min(420px,100% - 24px);box-shadow:var(--shadow-float);align-items:center;gap:8px;padding:10px 12px;display:flex;position:fixed;bottom:86px;left:50%;transform:translate(-50%)}@media (width<=370px){.batch-card{grid-template-columns:4px 40px minmax(0,1fr) 58px;gap:6px}.photo{width:40px;height:54px}.product-card{grid-template-columns:40px minmax(0,1fr)}.product-card .ghost-btn{grid-column:1/-1}}:root{--bg:#0c1111;--surface:#f8f4ec;--surface-2:#eee7dc;--surface-3:#ded6ca;--fg:#151814;--muted:#6a7068;--border:#1518141f;--hairline:#1518141a;--accent:#c46f3f;--accent-dark:#7d3c1f;--blue:#0d6f78;--red:#b84836;--amber:#a96c14;--shadow-soft:0 10px 28px #17140f1a;--shadow-float:0 28px 70px #0000005c;--radius:14px}html,body,#root{height:100%}body{background:radial-gradient(circle at 80% 0,#c46f3f29,#0000 30%),radial-gradient(circle at 0 100%,#0d6f781f,#0000 28%),linear-gradient(#0f1515 0%,#080b0b 100%)}.login-shell{background:radial-gradient(circle at 100% 0,#c46f3f2e,#0000 34%),linear-gradient(#111817 0%,#090d0d 100%);align-items:end;min-height:100dvh}.login-card,.install-card{background:linear-gradient(#fffcf4fa,#f4ece0f5);border-color:#ffffff17;border-radius:28px;box-shadow:0 24px 70px #00000057}.login-card h1,.login-card h2{letter-spacing:0}.app-mark{background:linear-gradient(#c46f3f 0%,#773619 100%);border-radius:15px;box-shadow:0 14px 28px #c46f3f47}.mobile-shell{background:linear-gradient(#f8f4ec 0%,#f1eadf 54%,#ebe2d6 100%);border-color:#ffffff14;grid-template-rows:auto minmax(0,1fr) auto;width:min(100%,460px);height:100dvh;min-height:100dvh;box-shadow:0 0 0 1px #ffffff0a,0 26px 80px #00000047}.topbar{padding:max(12px, env(safe-area-inset-top)) 14px 11px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8f4eceb;border-bottom-color:#15181417}.topbar strong{letter-spacing:0;font-size:17px}.queue-chip{color:#0d6f78;background:#0d6f7817;border-color:#0d6f7829;min-height:36px}.content{-webkit-overflow-scrolling:touch;min-height:0;padding:9px 10px 92px;overflow-y:auto}.filter-strip{gap:6px;padding-bottom:9px}.filter{background:#ffffff85;border-radius:12px;min-height:34px;font-size:12px}.filter.active{background:linear-gradient(#252b28 0%,#111615 100%);border-color:#111615}.batch-card,.product-card,.state-card,.outbox-row{background:linear-gradient(#fffdf8fa,#f7f1e7f5);border-color:#15181417;border-radius:16px;box-shadow:0 10px 26px #1b181214}.batch-card{grid-template-columns:4px 46px minmax(0,1fr) 66px;min-height:74px;padding:7px}.batch-card:active,.product-card:active,.state-button:active,.primary-btn:active,.secondary-btn:active,.danger-btn:active,.ghost-btn:active,.icon-btn:active{transform:translateY(1px)}.photo{background:linear-gradient(145deg,#ebe3d8,#d8cec0);border-radius:12px;box-shadow:inset 0 0 0 1px #ffffff94}.batch-main strong,.product-card strong{font-size:14px;line-height:1.14}.meta-grid{gap:3px 7px;font-size:11px}.due{border-radius:12px;font-size:12px}.due.danger{color:#8f2e22;background:#b848361f;border-color:#b848362e}.due.warn{color:#7d4b05;background:#a96c141f;border-color:#a96c142e}.due.ok{color:#0e5f48;background:#1f8c671c;border-color:#1f8c6729}.section-title{margin-bottom:9px}.section-title h2{font-size:17px}.section-title p{font-size:12px}.form-stack input,.form-stack select,.search-row input{background:#ffffffc7;border-radius:14px;min-height:46px}.search-row button,.icon-btn,.primary-btn,.secondary-btn,.danger-btn,.ghost-btn{border-radius:14px;min-height:42px}.primary-btn{background:linear-gradient(#c46f3f 0%,#8c421e 100%);border-color:#7d3c1f80;box-shadow:0 14px 26px #c46f3f3b}.secondary-btn{color:#17342f;background:#0d6f781a;border-color:#0d6f7829}.danger-btn{color:#8f2e22;background:#b848361a;border-color:#b848362e}.ghost-btn{background:#1518140a}.sheet{background:linear-gradient(#fffaf1 0%,#f1eadf 100%);border-radius:26px 26px 0 0;box-shadow:0 -24px 80px #0000004d}.sheet-close{background:#1518140f}.detail-grid,.found-product,.segmented{background:#ffffff75;border-color:#15181417;border-radius:16px}.scanner-video{background:#090d0d;border-radius:18px}.scan-fab{background:radial-gradient(circle at 35% 26%,#ffb078,#0000 34%),linear-gradient(145deg,#c46f3f,#763718);width:64px;height:64px;right:16px;box-shadow:0 20px 48px #7d3c1f57}.bottom-nav{padding:8px 9px max(8px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8f4ecf0;border-top-color:#15181417;gap:6px}.bottom-nav button{border-radius:16px;min-height:52px;font-size:0}.bottom-nav button svg{display:block}.bottom-nav button.active{color:#111615;background:#15181414;box-shadow:inset 0 0 0 1px #15181414}.bottom-nav span{margin-top:2px;font-size:11px}.toast{background:linear-gradient(#252b28,#111615);border-radius:18px}