:root{--bg: var(--tg-theme-bg-color, #10161f);--surface: var(--tg-theme-secondary-bg-color, #19212c);--text: var(--tg-theme-text-color, #f2f5f8);--hint: var(--tg-theme-hint-color, #8b98a8);--accent: var(--tg-theme-button-color, #2f81f7);--accent-text: var(--tg-theme-button-text-color, #ffffff);--ok: #2fbf71;--warn: #e8a33d;--danger: #e5544b;--accent-soft: color-mix(in srgb, var(--accent) 16%, transparent);--ok-soft: color-mix(in srgb, var(--ok) 16%, transparent);--warn-soft: color-mix(in srgb, var(--warn) 18%, transparent);--danger-soft: color-mix(in srgb, var(--danger) 16%, transparent);--line: color-mix(in srgb, var(--hint) 22%, transparent);--r-lg: 20px;--r-md: 14px;--r-sm: 10px;--shadow: 0 2px 6px rgba(0, 0, 0, .12), 0 10px 28px rgba(0, 0, 0, .16)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,SF Pro Text,Inter,Roboto,Segoe UI,system-ui,sans-serif;font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased}.screen{min-height:100%;max-width:620px;margin:0 auto;padding:14px 14px calc(28px + env(safe-area-inset-bottom))}.top{display:flex;align-items:center;gap:12px;padding:6px 2px 20px}.top-logo{width:46px;height:46px;flex:none;display:flex;align-items:center;justify-content:center;font-size:23px;border-radius:var(--r-md);background:var(--accent-soft)}.top-text{min-width:0}.top-title{font-size:21px;font-weight:800;letter-spacing:-.02em}.top-sub{color:var(--hint);font-size:13.5px;margin-top:2px}.top-sub b{color:var(--text);font-weight:600}.refresh-btn{width:44px;height:44px;flex:none;margin-left:auto;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);color:var(--accent);font-size:22px;line-height:1;cursor:pointer;transition:transform .08s ease,border-color .15s ease}.refresh-btn:active{transform:scale(.94);border-color:var(--accent)}.refresh-btn:disabled{opacity:.6}.refresh-btn.spinning{animation:spin 1s linear infinite}.tiles{display:flex;flex-direction:column;gap:11px}.tile{display:flex;align-items:center;gap:14px;width:100%;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:17px 16px;color:var(--text);text-align:left;cursor:pointer;box-shadow:var(--shadow);transition:transform .09s ease,border-color .16s ease}.tile:active{transform:scale(.985);border-color:var(--accent)}.tile:disabled{cursor:default}.tile-ic{width:50px;height:50px;flex:none;display:flex;align-items:center;justify-content:center;font-size:25px;border-radius:var(--r-md);background:var(--accent-soft)}.tile-body{flex:1;min-width:0}.tile-name{font-size:17px;font-weight:700;letter-spacing:-.01em}.tile-sub{color:var(--hint);font-size:13px;margin-top:3px}.tile-right{flex:none;display:flex;align-items:center;gap:9px;color:var(--hint)}.tile-chev{font-size:21px;opacity:.5;line-height:1}.tile.hero{background:linear-gradient(145deg,var(--accent-soft),transparent),var(--surface);border-color:color-mix(in srgb,var(--accent) 40%,transparent);padding:19px 16px}.tile.hero .tile-ic{background:var(--accent);color:var(--accent-text)}.tile.hero .tile-name{font-size:19px}.count{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:52px;padding:6px 10px;background:var(--accent);color:var(--accent-text);border-radius:var(--r-md)}.count b{font-size:21px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.count span{font-size:9.5px;text-transform:uppercase;letter-spacing:.05em;opacity:.85;margin-top:3px}.count.zero{background:var(--ok-soft);color:var(--ok)}.tiles-2{display:grid;grid-template-columns:1fr 1fr;gap:11px}.tiles-2 .tile{flex-direction:column;align-items:flex-start;gap:11px;padding:15px}.tiles-2 .tile-ic{width:42px;height:42px;font-size:21px}.tiles-2 .tile-right{display:none}.soon{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--warn);background:var(--warn-soft);padding:3px 9px;border-radius:20px;white-space:nowrap}.group-label{color:var(--hint);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;margin:22px 6px 10px}.center{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;min-height:70vh;padding:32px;color:var(--hint);line-height:1.6}.center .big{font-size:42px;margin-bottom:14px}.center b{color:var(--text)}.loading{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--hint);padding:34px}.spin{width:19px;height:19px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.muted{color:var(--hint);text-align:center;padding:26px 4px}.err-box{background:var(--danger-soft);color:var(--danger);border-radius:var(--r-md);padding:12px 14px;font-size:14px;font-weight:600;margin-bottom:12px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:14px;margin-bottom:11px;box-shadow:var(--shadow)}.card-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.card-head b{font-size:16px}.card-sub{color:var(--hint);font-size:13px;margin-top:3px}.badge{font-size:11px;font-weight:700;padding:2px 9px;border-radius:20px;background:var(--accent-soft);color:var(--accent);white-space:nowrap}.badge.owner{background:var(--warn-soft);color:var(--warn)}.badge.ok{background:var(--ok-soft);color:var(--ok)}.field{display:block;margin-bottom:14px}.field>span{display:block;color:var(--hint);font-size:12.5px;font-weight:600;margin-bottom:7px}.field select,.field input{display:block;width:100%;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:var(--r-sm);padding:13px;font-size:16px;transition:border-color .15s ease}.field select:focus,.field input:focus{outline:none;border-color:var(--accent)}.row-actions{display:flex;gap:9px;margin-top:12px}.btn{flex:1;border:none;border-radius:var(--r-sm);padding:13px;font-size:15px;font-weight:600;background:color-mix(in srgb,var(--hint) 16%,transparent);color:var(--text);cursor:pointer;transition:transform .08s ease,filter .15s ease}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5}.btn.primary{background:var(--accent);color:var(--accent-text);font-weight:700}.btn.danger{background:transparent;color:var(--danger);border:1px solid var(--danger)}.filters{margin-bottom:16px;display:flex;flex-direction:column;gap:9px}.filters-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.filters input,.filters .msel-btn{width:100%;min-width:0;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:var(--r-md);padding:13px 14px;font-size:15px;font-family:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.filters input{cursor:text}.filters input::placeholder{color:var(--hint)}.filters input:focus{outline:none;border-color:var(--accent)}.filters .wide-input{width:100%}.agent-box,.agent-field{position:relative}.agent-x{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:none;background:none;color:var(--hint);font-size:22px;line-height:1;cursor:pointer}.agent-picked{color:var(--ok);font-size:12px;font-weight:600;margin:5px 0 0 4px}.agent-list{margin-top:6px;max-height:264px;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow)}.agent-item{display:flex;flex-direction:column;gap:2px;width:100%;background:none;border:none;border-bottom:1px solid var(--line);color:var(--text);text-align:left;padding:12px 14px;cursor:pointer}.agent-item:last-child{border-bottom:none}.agent-item:active{background:var(--accent-soft)}.agent-name{font-size:14.5px;font-weight:600}.agent-phone{font-size:12.5px;color:var(--hint);font-variant-numeric:tabular-nums}.agent-empty{padding:14px;color:var(--hint);font-size:14px;text-align:center}.sort-row{display:flex;gap:6px}.sort-btn{flex:1;border:1px solid var(--line);background:var(--surface);color:var(--hint);border-radius:var(--r-sm);padding:10px 6px;font-size:13px;font-weight:600;cursor:pointer;transition:transform .08s ease}.sort-btn:active{transform:scale(.97)}.sort-btn.on{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.msel-btn{display:flex;align-items:center;justify-content:space-between;gap:8px}.msel-btn.on{border-color:var(--accent);color:var(--accent);font-weight:600}.msel-btn span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msel-btn i{font-style:normal;font-size:11px;opacity:.6;flex:none}.msel-panel{grid-column:1 / -1;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:12px;display:flex;flex-wrap:wrap;gap:8px}.msel-panel .chip{padding:8px 13px;font-size:13.5px}.msel-clear{width:100%;margin-top:4px;border:none;background:none;color:var(--hint);font-size:13px;font-weight:600;cursor:pointer;padding:6px}.ocard{display:block;width:100%;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:14px;margin-bottom:10px;color:var(--text);cursor:pointer;box-shadow:var(--shadow);transition:transform .08s ease,border-color .15s ease}.ocard:active{transform:scale(.99);border-color:var(--accent)}.ocard-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.ocard-num{font-size:16.5px;font-weight:800;letter-spacing:-.01em}.ocard-date{color:var(--hint);font-size:13px;flex:none}.ocard-agent{color:var(--text);font-size:14px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ocard-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.tag{font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:7px;background:color-mix(in srgb,var(--hint) 14%,transparent);color:var(--hint)}.tag.danger{background:var(--danger-soft);color:var(--danger)}.ocard-foot{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:10px}.ocard-pos{color:var(--hint);font-size:12.5px}.state-badge{flex:none;font-size:13px;font-weight:700;background:var(--accent);color:var(--accent-text);padding:4px 12px;border-radius:8px;letter-spacing:-.01em;max-width:62%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ocard-qty{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;padding-top:11px;border-top:1px solid var(--line)}.ocard-qty .q{display:flex;flex-direction:column;align-items:center;gap:2px}.ocard-qty .q b{font-size:18px;font-weight:800;font-variant-numeric:tabular-nums}.ocard-qty .q span{font-size:10.5px;color:var(--hint);text-transform:uppercase;letter-spacing:.04em}.ocard-qty .q.part b{color:var(--warn)}.pickmark{font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:20px;background:var(--accent-soft);color:var(--accent);white-space:nowrap;flex:none}.pickmark.paused{background:var(--warn-soft);color:var(--warn)}.ofields{display:flex;flex-direction:column;gap:6px;margin-top:10px}.ofield{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.ofield-l{color:var(--hint);font-size:12.5px;flex:none}.ofield-v{font-size:13.5px;font-weight:600;text-align:right;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ofield-v.danger{color:var(--danger)}.note{background:var(--warn-soft);color:var(--warn);border-radius:var(--r-md);padding:12px 14px;font-size:13.5px;font-weight:600;margin-bottom:12px}.totals{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.tot{display:flex;flex-direction:column;align-items:center;gap:3px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:11px 6px}.tot b{font-size:19px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.tot span{font-size:10.5px;color:var(--hint);text-transform:uppercase;letter-spacing:.04em}.tot.acc{background:linear-gradient(150deg,var(--accent-soft),transparent),var(--surface);border-color:color-mix(in srgb,var(--accent) 38%,transparent)}.tot.acc b{color:var(--accent)}.pos{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:13px;margin-bottom:10px}.pos.done{border-color:var(--ok);background:linear-gradient(150deg,var(--ok-soft),transparent),var(--surface)}.pos-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.pos-code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:14px;font-weight:700;letter-spacing:.04em;color:var(--accent);background:var(--accent-soft);padding:4px 10px;border-radius:7px}.pos.done .pos-code{color:var(--ok);background:var(--ok-soft)}.pos-ok{display:flex;align-items:center;justify-content:center;width:26px;height:26px;flex:none;font-size:15px;font-weight:800;color:#fff;background:var(--ok);border-radius:50%}.pos-name{font-size:15px;font-weight:600;margin-top:3px;line-height:1.3}.pos-nums{display:flex;flex-wrap:wrap;gap:14px;margin-top:9px;color:var(--hint);font-size:12.5px}.pos-nums b{color:var(--text);font-variant-numeric:tabular-nums}.pos-nums.stock{margin-top:7px;padding-top:7px;border-top:1px dashed var(--line)}.pos-picked{margin-top:8px;font-size:13px;font-weight:600;color:var(--accent)}.pos-nums .lack,.pos-nums .lack b{color:var(--danger)}.pos-nums .need{color:var(--danger);font-weight:700;background:var(--danger-soft);padding:2px 9px;border-radius:7px}.pos-nums .need b{color:var(--danger);font-weight:800;font-size:15px}.pos-nums .need.done{color:var(--ok);background:var(--ok-soft)}.pos-nums .need.done b{color:var(--ok)}.over-mark{color:var(--warn);background:var(--warn-soft);font-weight:700;padding:2px 9px;border-radius:7px}.pos-warn{margin-top:8px;font-size:12.5px;font-weight:600;color:var(--warn);background:var(--warn-soft);padding:7px 10px;border-radius:var(--r-sm)}.pos-block{margin-top:9px;font-size:13px;font-weight:700;line-height:1.4;color:var(--danger);background:var(--danger-soft);padding:10px 12px;border-radius:var(--r-sm)}.pos.blocked{opacity:.75;border-color:color-mix(in srgb,var(--danger) 45%,transparent)}.pos.shipped{opacity:.6;background:var(--surface)}.pos.shipped .pos-code{color:var(--hint);background:color-mix(in srgb,var(--hint) 14%,transparent)}.pos-input{display:flex;align-items:center;gap:7px;margin-top:11px}.qbtn{width:44px;height:44px;flex:none;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:var(--r-sm);font-size:22px;font-weight:700;cursor:pointer}.qbtn:active{background:var(--accent);color:var(--accent-text)}.qbtn:disabled{opacity:.35}.qval{min-width:46px;text-align:center;font-size:19px;font-weight:800;font-variant-numeric:tabular-nums}.pos-input input{flex:1;min-width:0;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:var(--r-sm);padding:12px 10px;font-size:15px}.pos-input input:focus{outline:none;border-color:var(--accent)}.qadd{flex:none;border:none;border-radius:var(--r-sm);padding:12px 14px;background:var(--accent-soft);color:var(--accent);font-size:14px;font-weight:700;cursor:pointer}.qadd:disabled{opacity:.4}.actions{position:sticky;bottom:0;padding:10px 0 calc(6px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--bg) 78%,transparent);display:flex;flex-direction:column;gap:7px;margin-top:14px}.actions-row{display:flex;gap:7px}.btn.slim{flex:1;padding:11px 8px;font-size:14px}.btn.wide{width:100%;padding:14px;font-size:15.5px}.scan-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:var(--accent);color:var(--accent-text);border:none;border-radius:var(--r-md);padding:16px;font-size:16px;font-weight:700;cursor:pointer;margin-bottom:4px;box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 35%,transparent)}.scan-btn:active{transform:scale(.985)}.scan-ic{font-size:20px}.scan-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000;display:flex;flex-direction:column}.scan-frame.paused{border-color:#ffffff59}.scan-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;font-size:15px;background:#0006}.scan-head{display:flex;align-items:center;justify-content:space-between;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;color:#fff;font-size:15px;font-weight:600}.scan-close{width:40px;height:40px;border:none;background:#ffffff24;color:#fff;font-size:26px;line-height:1;border-radius:50%;cursor:pointer}.scan-view{flex:1;position:relative;overflow:hidden}.scan-view video{width:100%;height:100%;object-fit:cover}.scan-frame{position:absolute;left:8%;right:8%;top:50%;transform:translateY(-50%);height:30%;border:2px solid rgba(255,255,255,.9);border-radius:14px;box-shadow:0 0 0 100vmax #00000073}.scan-hint{color:#fff9;font-size:12.5px;text-align:center;padding:14px 16px calc(16px + env(safe-area-inset-bottom))}.scan-err{color:#fff;padding:32px 24px;text-align:center;line-height:1.5}.scan-result{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:16px;background:linear-gradient(to top,rgba(0,0,0,.85) 60%,transparent)}.scan-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:20px 18px calc(18px + env(safe-area-inset-bottom));box-shadow:var(--shadow)}.scan-badge{display:inline-block;font-size:13px;font-weight:800;letter-spacing:.02em;padding:5px 13px;border-radius:20px;margin-bottom:11px}.scan-badge.ok{background:var(--ok);color:#fff}.scan-badge.stop{background:var(--danger);color:#fff}.scan-badge.warn{background:var(--warn);color:#1a1200}.scan-title{font-size:17px;font-weight:700;line-height:1.3}.scan-sub{color:var(--hint);font-size:12.5px;margin-top:5px}.scan-count{font-size:15px;margin-top:12px}.scan-count b{font-size:22px;font-weight:800;color:var(--ok);font-variant-numeric:tabular-nums}.scan-reason{font-size:14px;line-height:1.45;margin-top:12px;color:var(--text)}.scan-actions{display:flex;gap:10px;margin-top:18px}.scan-actions .btn{padding:15px;font-size:15.5px}.btn.warn{background:var(--warn);color:#1a1200;font-weight:700}.over-box{margin-top:14px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);padding:4px 14px}.over-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.over-row:last-child{border-bottom:none}.over-row span{color:var(--hint)}.over-row b{font-size:17px;font-variant-numeric:tabular-nums}.over-row.ok b{color:var(--ok)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--line);background:var(--surface);color:var(--hint);border-radius:20px;padding:9px 14px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .08s ease}.chip:active{transform:scale(.96)}.chip.on{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.chip.term{opacity:.55}