:root{--green: #1b7a2f;--green-d: #0e5c20;--bg: #f5f7f5;--txt: #131a13;--mut: #59645a;--line: #dbe2db;--red: #c62828;--blue: #1565c0}:root[data-hc="1"]{--bg: #ffffff;--txt: #000000;--mut: #222222;--line: #000000}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--txt);-webkit-user-select:none;user-select:none}.app{display:flex;flex-direction:column;height:100%;max-width:480px;margin:0 auto}.top{background:var(--green);color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:17px;flex-shrink:0}.conn{font-size:11px;padding:3px 10px;border-radius:14px;font-weight:700}.conn.on{background:#c8f7c5;color:#0e5c20}.conn.bad{background:#ffe082;color:#7a4f00}.conn.off{background:#ffcdd2;color:#b71c1c}.body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.bigbtn{display:block;width:100%;min-height:64px;border:none;border-radius:16px;background:var(--green);color:#fff;font-size:21px;font-weight:800;cursor:pointer}.bigbtn:active{transform:scale(.98)}.bigbtn:disabled{background:#9aa89a}.bigbtn.scan{min-height:92px;font-size:26px;background:var(--green-d)}.bigbtn.red{background:var(--red)}.bigbtn.blue{background:var(--blue)}.bigbtn.outline{background:#fff;color:var(--green-d);border:3px solid var(--green-d)}.bigbtn.sm{min-height:52px;font-size:16px}.card{background:#fff;border:2px solid var(--line);border-radius:16px;padding:14px}.total{background:#fff;border:3px solid var(--green-d);border-radius:16px;padding:12px;text-align:center}.total .t{font-size:14px;color:var(--mut);font-weight:700}.total .s{font-size:32px;font-weight:900;color:var(--green-d)}.line{display:flex;justify-content:space-between;align-items:center;font-size:16px;padding:10px 0;border-bottom:2px solid var(--line);gap:8px}.line:last-child{border-bottom:none}.mut{color:var(--mut);font-size:13px;text-align:center}.qty{display:flex;align-items:center;gap:14px;justify-content:center}.qty button{width:60px;height:60px;font-size:30px;font-weight:900;border:none;border-radius:14px;background:#e2e8e2;cursor:pointer}.qty span{font-size:32px;font-weight:900;min-width:56px;text-align:center}.kb{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.kb button{height:58px;font-size:24px;font-weight:800;border:2px solid var(--line);border-radius:14px;background:#fff;cursor:pointer}.kb button.go{background:var(--green);color:#fff;border-color:var(--green)}input.big{width:100%;padding:14px;font-size:22px;font-weight:700;border:2px solid var(--line);border-radius:14px;text-align:center;background:#fff;color:var(--txt)}.warn{background:#fff3cd;border:2px solid #ffca28;border-radius:14px;padding:12px;font-size:15px;font-weight:600}.okring{width:100px;height:100px;border-radius:50%;background:#c8f7c5;color:#0e5c20;font-size:52px;display:flex;align-items:center;justify-content:center;margin:10px auto}video.scanner{width:100%;border-radius:16px;background:#111;min-height:240px;object-fit:cover}.sellers{display:flex;flex-direction:column;gap:8px}.sellers button{padding:16px;font-size:18px;font-weight:700;border:2px solid var(--line);border-radius:14px;background:#fff;cursor:pointer;text-align:left;color:var(--txt)}.sellers button.sel{border-color:var(--green);background:#e8f5e9}h2{font-size:19px}