:root{--green:#1B5E3B;--green-deep:#134730;--green-soft:#E3EFE7;--ok:#1E9E5A;--warn:#C98A00;--warn-bg:#FCF3DC;--grey:#7A828C;--grey-bg:#EEF0F2;--info:#3B82F6;--info-bg:#E7EFFD;--bad:#D6453D;--bad-bg:#FBEAE8;--bg:#F2F4F1;--card:#ffffff;--fg:#1E231F;--muted:#6E766E;--border:#E2E6DF}*{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent}#root{display:flex;justify-content:center}.app{width:100%;max-width:480px;height:100dvh;display:flex;flex-direction:column;background:var(--bg);position:relative;overflow:hidden}@media(min-width:520px){.app{box-shadow:0 0 40px #0000001f}}.screen{flex:1;display:flex;flex-direction:column;overflow:hidden}.appbar{background:var(--green);color:#fff;padding:calc(env(safe-area-inset-top) + 14px) 14px 12px;display:flex;align-items:center;gap:10px;flex:none}.appbar .t{flex:1;text-align:center;line-height:1.25;min-width:0}.appbar .t .big{font-weight:700;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appbar .t .small{font-size:.72rem;opacity:.85}.iconbtn{background:none;border:none;color:#fff;font-size:1.1rem;width:34px;height:34px;border-radius:8px;cursor:pointer;display:grid;place-items:center;flex:none}.iconbtn:hover{background:#ffffff24}.iconbtn:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--info);outline-offset:2px}.body{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:12px}.nav{flex:none;display:flex;background:var(--card);border-top:1px solid var(--border);padding:6px 2px calc(env(safe-area-inset-bottom) + 8px)}.nav button{flex:1;background:none;border:none;cursor:pointer;color:var(--muted);font-size:.66rem;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px 0}.nav button svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav button.on{color:var(--green)}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:13px}.row{display:flex;align-items:center;gap:10px}.grow{flex:1;min-width:0}.muted{color:var(--muted)}.num{font-variant-numeric:tabular-nums}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:var(--green);color:#fff;border:none;border-radius:10px;padding:13px;font-size:.95rem;font-weight:600;cursor:pointer}.btn:hover{background:var(--green-deep)}.btn:disabled{opacity:.5;cursor:default}.btn.ghost{background:none;color:var(--green);border:1.5px solid var(--green)}.btn.ghost:hover{background:var(--green-soft)}.btn.subtle{background:none;color:var(--green);border:none;font-size:.85rem;padding:8px}.btn.danger{background:none;color:var(--bad);border:1.5px solid var(--bad)}.pill{font-size:.68rem;font-weight:700;padding:3px 9px;border-radius:99px;white-space:nowrap}.pill.ok{background:#ddf2e5;color:#136a3c}.pill.warn{background:var(--warn-bg);color:#8a5f00}.pill.grey{background:var(--grey-bg);color:#565e68}.pill.info{background:var(--info-bg);color:#1d4fbf}.pill.bad{background:var(--bad-bg);color:#a82f28}.dot{width:9px;height:9px;border-radius:50%;flex:none}.dot.ok{background:var(--ok)}.dot.warn{background:#e8a400}.dot.grey{background:var(--grey)}.dot.info{background:var(--info)}.search{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:9px 12px}.search input{border:none;background:none;flex:1;font-size:.9rem;color:var(--fg);min-width:0}.search input::placeholder{color:var(--muted)}.cust{cursor:pointer}.cust:hover{border-color:var(--green)}.logo{width:44px;height:44px;border-radius:9px;display:grid;place-items:center;font-weight:800;font-size:.6rem;color:#fff;flex:none;letter-spacing:.02em;text-align:center;padding:2px;overflow:hidden}.cust .stats{font-size:.78rem;line-height:1.5}.chev{color:var(--muted);font-size:1.1rem}.kv{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid var(--border);font-size:.88rem}.kv:last-child{border-bottom:none}.kv .v{font-weight:700;font-size:1.05rem}.seg{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;flex:none}.seg button{flex:none;background:var(--card);border:1px solid var(--border);border-radius:99px;padding:7px 13px;font-size:.78rem;font-weight:600;color:var(--muted);cursor:pointer}.seg button.on{background:var(--green);border-color:var(--green);color:#fff}.cam{background:#101512;border-radius:14px;min-height:230px;position:relative;overflow:hidden;display:grid;place-items:center;flex:none}.cam video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.cam .frame{width:74%;height:56%;position:relative;z-index:2}.cam .frame i{position:absolute;width:26px;height:26px;border:3px solid #45D07E;border-radius:2px}.cam .frame i:nth-child(1){top:0;left:0;border-right:none;border-bottom:none}.cam .frame i:nth-child(2){top:0;right:0;border-left:none;border-bottom:none}.cam .frame i:nth-child(3){bottom:0;left:0;border-right:none;border-top:none}.cam .frame i:nth-child(4){bottom:0;right:0;border-left:none;border-top:none}.cam .laser{position:absolute;left:6%;right:6%;height:2px;background:#ff4d3d;box-shadow:0 0 8px #ff4d3d;top:20%;animation:laser 2.2s ease-in-out infinite;z-index:2}@keyframes laser{0%,to{top:22%}50%{top:76%}}@media(prefers-reduced-motion:reduce){.cam .laser{animation:none;top:50%}}.cam .camhint{position:absolute;bottom:10px;left:0;right:0;text-align:center;color:#cfd6cf;font-size:.75rem;z-index:2}.scanline-in{display:flex;gap:8px}.scanline-in input{flex:1;border:1.5px solid var(--border);border-radius:10px;padding:11px 12px;font-size:1rem;background:var(--card);color:var(--fg);letter-spacing:.06em;min-width:0}.livebar{display:flex;gap:8px}.livebar .card{flex:1;text-align:center;padding:9px 4px}.livebar .n{font-size:1.25rem;font-weight:800}.livebar .l{font-size:.64rem;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.bigcheck{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:6px auto 2px;font-size:1.9rem;color:#fff;flex:none}.bigcheck.ok{background:var(--ok)}.bigcheck.warn{background:#e8a400}.bigcheck.grey{background:var(--grey)}.bigcheck.info{background:var(--info)}.bigcheck.bad{background:var(--bad)}.center{text-align:center}.tbl{width:100%;border-collapse:collapse;font-size:.8rem}.tbl th{background:var(--green);color:#fff;text-align:left;padding:7px 9px;font-weight:600;font-size:.72rem}.tbl th:first-child{border-radius:8px 0 0}.tbl th:last-child{border-radius:0 8px 0 0}.tbl td{padding:7px 9px;border-bottom:1px solid var(--border);vertical-align:middle}.artrow{display:flex;align-items:center;gap:10px;padding:10px 2px;border-bottom:1px solid var(--border);cursor:pointer}.artrow:last-child{border-bottom:none}.artrow:hover{background:var(--green-soft)}.artrow .nm{font-size:.86rem;font-weight:600}.artrow .ean{font-size:.72rem;color:var(--muted)}.qty{display:flex;align-items:center;gap:2px}.qty button{width:30px;height:30px;border-radius:7px;border:1px solid var(--border);background:var(--card);font-size:1rem;cursor:pointer;color:var(--fg)}.qty span{min-width:26px;text-align:center;font-weight:700}.sheet-wrap{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:flex-end;z-index:30}.sheet{background:var(--card);width:100%;border-radius:18px 18px 0 0;padding:16px 16px calc(env(safe-area-inset-bottom) + 20px);display:flex;flex-direction:column;gap:8px;max-height:80%;overflow-y:auto}.sheet h3{font-size:.95rem}.sheet .opt{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid var(--border);border-radius:10px;cursor:pointer;background:none;font-size:.85rem;color:var(--fg);text-align:left}.sheet .opt:hover{border-color:var(--green)}.sheet input,.sheet select{border:1.5px solid var(--border);border-radius:10px;padding:11px 12px;font-size:.95rem;background:var(--card);color:var(--fg);width:100%}.toast{position:absolute;bottom:96px;left:50%;transform:translate(-50%);background:#22261f;color:#fff;padding:9px 16px;border-radius:99px;font-size:.8rem;opacity:0;transition:opacity .25s;pointer-events:none;z-index:40;white-space:nowrap;max-width:90%;overflow:hidden;text-overflow:ellipsis}.toast.show{opacity:.95}.syncdot{width:8px;height:8px;border-radius:50%;flex:none}.syncdot.on{background:#45d07e}.syncdot.off{background:#e8a400}.syncdot.pending{background:#ff9d3d}.login{flex:1;display:flex;flex-direction:column;justify-content:center;padding:28px;gap:14px}.login h1{font-size:1.3rem;color:var(--green)}.login input{border:1.5px solid var(--border);border-radius:10px;padding:13px;font-size:1rem;background:var(--card);color:var(--fg)}.login .err{color:var(--bad);font-size:.85rem}.empty{color:var(--muted);text-align:center;padding:30px 10px;font-size:.85rem;line-height:1.6}.pdf-wrap{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f120e8c;display:grid;place-items:center;z-index:50;padding:14px}.pdf{background:#fff;color:#111;width:min(560px,100%);max-height:92vh;overflow-y:auto;border-radius:10px;padding:26px 28px;font-size:.85rem}.pdf h2{font-size:1.1rem;margin-bottom:2px}.pdf .meta{color:#555;font-size:.78rem;margin-bottom:16px}.pdf-item{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid #e4e4e4;flex-wrap:wrap}.pdf-item .info{flex:1;min-width:140px}.pdf-item .info .nm{font-weight:700}.pdf-item .info .ean{font-family:ui-monospace,Menlo,monospace;font-size:.78rem;color:#444}.pdf-item .q{font-weight:700;font-size:1rem;min-width:48px;text-align:right}.pdf-actions{display:flex;gap:10px;margin-top:18px}.pdf-actions button{flex:1;padding:11px;border-radius:9px;font-weight:600;cursor:pointer;border:1.5px solid var(--green);background:var(--green);color:#fff}.pdf-actions button.ghost{background:#fff;color:var(--green)}@media print{body>*{display:none!important}#root{display:block!important}.app>*{display:none!important}.app{height:auto;max-width:none;box-shadow:none;overflow:visible}.app .pdf-wrap{display:block!important;position:static;background:#fff;padding:0}.pdf{box-shadow:none;width:100%;max-height:none;border-radius:0}.pdf-actions{display:none!important}}.logo.haslogo{background:#fff;border:1px solid var(--border);padding:4px}.logo.haslogo img{width:100%;height:100%;object-fit:contain}.selbox{width:22px;height:22px;border-radius:6px;border:2px solid var(--border);display:grid;place-items:center;font-size:.8rem;color:#fff;flex:none}.selbox.on{background:var(--green);border-color:var(--green)}.bulkbar{flex:none;display:flex;gap:6px;padding:8px 10px calc(env(safe-area-inset-bottom)/2 + 8px);background:var(--card);border-top:1px solid var(--border)}.bulkbar button{flex:1;border:none;border-radius:9px;padding:10px 4px;font-size:.72rem;font-weight:700;cursor:pointer}.ico{width:1.2em;height:1.2em;flex:none;vertical-align:-.24em;display:inline-block}.btn .ico{width:18px;height:18px}.search .ico{color:var(--muted)}.pdf-actions .ico,a .ico{vertical-align:-.28em}