:root{--bg:#14171c;--panel:#1d2127;--panel2:#23282f;--line:#2e343d;--ink:#edeff2;--ink-dim:#8b939e;--amber:#ffb224;--green:#34c77b;--red:#ff5c5c;--orange:#ff9d42;--mono:"SF Mono",ui-monospace,Menlo,Consolas,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--ink);min-height:100vh;padding-bottom:44px;font-family:-apple-system,Segoe UI,Roboto,sans-serif}body.scroll-lock{width:100%;position:fixed;left:0;right:0;overflow:hidden}.app-footer{z-index:20;background:var(--panel);border-top:1px solid var(--line);color:var(--ink-dim);text-align:center;flex-direction:column;align-items:center;gap:1px;padding:6px 12px;font-size:11px;display:flex;position:fixed;bottom:0;left:0;right:0}.app-footer .brand{letter-spacing:.04em;font-weight:800}.top{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:14px;padding:14px 20px;display:flex}.logo{width:auto;height:48px;display:block}.top h1{letter-spacing:.04em;text-transform:uppercase;font-size:17px;font-weight:800}.top h1 span{color:var(--amber)}.stats{font-family:var(--mono);color:var(--ink-dim);gap:18px;margin-left:auto;font-size:13px;display:flex}.stats b{color:var(--ink)}.btn{background:var(--panel2);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600}.btn:hover{border-color:var(--amber)}.btn.danger:hover{border-color:var(--red);color:var(--red)}#btnLogout{border-color:var(--red);color:var(--red);background:#ff5c5c1f}#btnLogout:hover{background:var(--red);color:#fff}.btn.ok{border-color:var(--green);color:var(--green)}.btn.ok:hover{background:#34c77b1a}.layout{grid-template-columns:1fr 380px;gap:0;min-width:0;min-height:calc(100vh - 61px);display:grid}@media (width<=900px){.layout{grid-template-columns:1fr}}.main{flex-direction:column;gap:18px;min-width:0;padding:24px;display:flex}.drop{border:2px dashed var(--line);text-align:center;cursor:pointer;border-radius:14px;padding:48px 20px;transition:all .15s}.drop:hover,.drop.over{border-color:var(--amber);background:#ffb2240a}.drop p{color:var(--ink-dim);margin-top:6px;font-size:14px}.drop .big{color:var(--ink);font-size:17px;font-weight:700}.scanrow{gap:10px;display:flex}#scan{background:var(--panel);border:2px solid var(--line);color:var(--ink);border-radius:12px;outline:none;flex:1;padding:16px 18px;font-size:18px}#scan:focus{border-color:var(--amber)}#scan::placeholder{color:var(--ink-dim);font-family:inherit;font-size:15px}.btn.cam{border-radius:12px;padding:14px 18px;font-size:15px}.btn.cam.on{border-color:var(--green);color:var(--green)}#camwrap{border:1px solid var(--line);background:var(--panel);border-radius:16px;min-height:260px;display:none;overflow:hidden}#reader{width:100%;max-width:480px;min-height:240px;margin:0 auto}#reader video{object-fit:cover;min-height:240px;border-radius:0!important;width:100%!important;height:auto!important}.camhint{text-align:center;color:var(--ink-dim);padding:10px;font-size:13px}.result{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:28px;display:none}.result.show{animation:.18s ease-out pop;display:block}@keyframes pop{0%{opacity:.4;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.result.ok{border-color:var(--amber)}.result.done{border-color:var(--green)}.result.warn{border-color:var(--orange)}.result.err{border-color:var(--red);background:#ff5c5c0f}.boxnum-wrap{flex-wrap:wrap;align-items:center;gap:28px;display:flex}.boxnum{font-family:var(--mono);color:var(--amber);letter-spacing:-.02em;font-size:clamp(80px,16vw,150px);font-weight:800;line-height:.9}.result.done .boxnum{color:var(--green)}.boxmeta{font-family:var(--mono);color:var(--ink-dim);font-size:15px;line-height:1.9}.boxmeta b{color:var(--ink);font-size:17px}.article-label{font-family:var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim);font-size:11px;font-weight:800}.progress-big{font-size:30px;font-weight:800;font-family:var(--mono);flex-direction:column;gap:2px;display:inline-flex}.progress-big.complete{color:var(--green)}.progress-big.warn{color:var(--amber)}.detail{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin-top:22px;padding-top:18px;display:grid}.detail .lbl{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim);margin-bottom:3px;font-size:11px}.detail .val{font-size:15px;font-weight:700;font-family:var(--mono);word-break:break-all}.errmsg{color:var(--red);font-size:24px;font-weight:800}.errsub{color:var(--ink-dim);margin-top:8px;font-size:14px}.warnmsg{color:var(--orange);margin-bottom:14px;font-size:18px;font-weight:800}.side{border-left:1px solid var(--line);background:var(--panel);max-height:calc(100vh - 61px);padding:18px;overflow-y:auto}@media (width<=900px){.side{border-left:none;border-top:1px solid var(--line);max-height:none}}.side h2{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-dim);margin-bottom:10px;font-size:12px}#filter{background:var(--bg);border:1px solid var(--line);width:100%;color:var(--ink);border-radius:8px;outline:none;margin-bottom:12px;padding:9px 12px;font-size:13px}#filter:focus{border-color:var(--amber)}.board-head,.crow{grid-template-columns:64px 54px minmax(0,1fr) 72px 34px;align-items:center;gap:10px;display:grid}.crow .prep{justify-content:center;align-items:center;display:flex}.crow .prep input{cursor:pointer;width:18px;height:18px;accent-color:var(--green)}.crow.preparado{background:#34c77b29}.board-head{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.08em;padding:0 10px 6px;font-size:10px;font-weight:800}.crow{background:var(--panel2);border-radius:9px;margin-bottom:4px;padding:9px 10px;font-size:13px}.crow .bultos-input{background:var(--bg);border:1px solid var(--line);width:54px;color:var(--ink);font-family:var(--mono);text-align:center;border-radius:7px;outline:none;padding:6px 4px;font-weight:800}.crow .bultos-input:focus{border-color:var(--amber)}.crow .bx{font-family:var(--mono);text-align:center;background:var(--bg);color:var(--amber);border-radius:6px;padding:5px 0;font-weight:800}.crow .bx.none{color:var(--ink-dim)}.crow .nm{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.crow .pg{font-family:var(--mono);color:var(--ink-dim);text-align:right}.crow.full{background:#34c77b1a}.crow.full .pg,.crow.full .bx{color:var(--green)}.crow{cursor:pointer}.crow .nm{align-items:center;gap:6px;display:flex}@media (width<=480px){.board-head,.crow{grid-template-columns:40px 36px minmax(0,1fr) 52px 30px;gap:4px}.crow{padding:8px}.crow .bultos-input{width:40px;padding:6px 2px;font-size:12px}.crow .bx{padding:5px 0;font-size:12px}.crow .nm{white-space:normal;text-overflow:clip;overflow-wrap:anywhere;line-height:1.25;overflow:visible}.crow .pg{font-size:12px}.crow .prep input{width:16px;height:16px}.board-head{letter-spacing:0;font-size:8px}.board-head div{white-space:normal;word-break:break-word;min-width:0;line-height:1.1;overflow:hidden}.crow .bultos-input{width:36px}}.crow .caret{color:var(--ink-dim);font-size:11px;transition:all .15s;display:inline-block}.cgroup.open .crow .caret{transform:rotate(90deg)}.orders{margin:2px 0 8px;padding-left:6px;display:none}.cgroup.open .orders{display:block}.orow{background:var(--bg);cursor:pointer;border:1px solid #0000;border-radius:7px;align-items:center;gap:10px;margin-bottom:3px;padding:7px 10px;font-size:12px;display:flex}.orow:hover{border-color:var(--line)}.orow .tick{text-align:center;min-width:20px;font-size:16px}.orow.done .tick{color:var(--green)}.orow .oid{font-family:var(--mono);color:var(--ink);flex-direction:column;flex:1;gap:2px;display:flex}.orow .odate{font-family:var(--mono);color:var(--ink-dim);font-size:10px;text-decoration:none}.orow.done .oid{color:var(--ink-dim);text-decoration:line-through}.orow .opr{font-family:var(--mono);color:var(--ink-dim)}.filemeta{color:var(--ink-dim);font-size:12px;font-family:var(--mono)}.history{background:var(--panel);border:1px solid var(--line);border-radius:14px;margin-top:12px;padding:14px;display:none}.history.show{display:block}.history h2{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim);margin-bottom:10px;font-size:13px}.hrow{border-top:1px solid var(--line);flex-direction:column;gap:4px;min-width:0;padding:10px 0;font-size:13px;display:flex}.hrow:first-of-type{border-top:0}.hline{flex-wrap:wrap;align-items:baseline;gap:8px;width:100%;min-width:0;line-height:1.35;display:flex}.hline-main{align-items:center}.hbox{font-family:var(--mono);color:var(--amber);flex:none;font-size:22px;font-weight:800;line-height:1.1}.hicon{flex:none;line-height:1}.hclient{overflow-wrap:anywhere;min-width:0;font-weight:800;line-height:1.35}.hqty{font-family:var(--mono);border:1px solid var(--line);white-space:nowrap;background:var(--panel2);color:var(--green);border-radius:10px;flex-shrink:0;margin-left:auto;padding:6px 10px;font-weight:800;line-height:1.1}.hqty.warn{color:var(--amber);background:#f59e0b14;border-color:#f59e0b8c}.hqty-label{font-family:var(--sans);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-dim);margin-right:4px;font-size:10px}.horder,.hat,.hprice{font-family:var(--mono);color:var(--ink-dim);overflow-wrap:anywhere;min-width:0;font-size:12px;line-height:1.35}.hsep{color:var(--ink-dim);opacity:.6;flex:none}@media (width<=420px){.history{padding:12px}.hline{gap:6px}.hline-main{flex-wrap:wrap}.hclient{flex-basis:100%;width:100%}.hqty{margin-left:auto}.hbox{font-size:20px}.horder,.hat,.hprice{font-size:11px}}.panel{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:0;overflow:hidden}.panel h2{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-dim);margin:0;font-size:12px}.panel-toggle{width:100%;color:var(--ink);cursor:pointer;text-align:left;font:inherit;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.panel-toggle:hover{background:#ffffff08}.panel-toggle .title{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-dim);font-size:12px;font-weight:800}.panel-toggle .chev{font-family:var(--mono);color:var(--amber);transition:transform .15s}.panel-toggle[aria-expanded=true] .chev{transform:rotate(90deg)}.panel-body{padding:0 16px 16px;display:none}.panel.open .panel-body{display:block}.dbstatus{font-family:var(--mono);color:var(--ink-dim);border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:6px 10px;font-size:12px}.dbstatus.ok{color:var(--green);border-color:var(--green)}.dbstatus.warn{color:var(--orange);border-color:var(--orange)}.dbstatus.err{color:var(--red);border-color:var(--red);background:#ff5c5c14}.preview-table,.imports-table{border-collapse:collapse;width:100%;font-size:13px;overflow:auto}.imports-table{min-width:760px}.imports-table th,.imports-table td{white-space:nowrap}.client-table{min-width:520px}.client-table th,.client-table td{white-space:nowrap}.preview-table th,.preview-table td,.imports-table th,.imports-table td{border-top:1px solid var(--line);text-align:left;vertical-align:top;padding:8px}.preview-table th,.imports-table th{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.tag{border:1px solid var(--line);color:var(--ink-dim);border-radius:999px;padding:2px 7px;font-size:11px;font-weight:800;display:inline-block}.tag.ok{color:var(--green);border-color:var(--green)}.tag.warn{color:var(--orange);border-color:var(--orange)}.tag.new{color:var(--amber);border-color:var(--amber)}.actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.small{color:var(--ink-dim);font-size:12px;line-height:1.5}.opsbar{grid-template-columns:1fr;align-items:start;gap:8px;min-width:0;max-width:100%;margin-bottom:12px;display:grid}.quicksearch{box-sizing:border-box;background:var(--panel);border:2px solid var(--line);width:100%;color:var(--ink);border-radius:12px;outline:none;padding:13px 16px;font-size:15px}.quicksearch:focus{border-color:var(--amber)}.manual-btn{white-space:nowrap;border:2px solid var(--line);background:var(--panel2);color:var(--ink);cursor:pointer;border-radius:12px;padding:13px 14px;font-weight:800}.manual-btn:hover,.manual-btn.on{border-color:var(--amber);color:var(--amber)}.manual-keyboard{background:var(--panel);border:1px solid var(--line);box-sizing:border-box;border-radius:14px;grid-column:1/-1;min-width:0;max-width:100%;padding:12px;display:none;overflow-x:hidden;box-shadow:0 12px 34px #00000040}.manual-keyboard.show{display:block}.manual-title{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim);margin-bottom:8px;font-size:12px;font-weight:900}.manual-preview{background:var(--bg);border:1px solid var(--line);min-height:42px;font-family:var(--mono);color:var(--amber);word-break:break-all;border-radius:10px;margin-bottom:10px;padding:10px 12px;font-size:18px}.manual-row{flex-wrap:wrap;gap:6px;min-width:0;max-width:100%;margin-bottom:7px;display:flex}.manual-key{border:1px solid var(--line);background:var(--panel2);min-width:36px;min-height:38px;color:var(--ink);cursor:pointer;touch-action:manipulation;border-radius:9px;font-size:15px;font-weight:900}.manual-key:active{border-color:var(--amber);color:var(--amber);transform:translateY(1px)}.manual-key.wide{min-width:76px;padding:0 12px}.manual-key.space{min-width:112px}@media (width<=420px){#scan{padding:14px;font-size:15px}.scanrow{gap:8px}.btn.cam{padding:14px 12px;font-size:13px}}.panel+.panel{margin-top:12px}.imports-table .num{text-align:right;font-family:var(--mono)}.imports-table .act{white-space:nowrap}.imports-table tr.import-complete td{background:#34c77b14}.imports-table tr.import-pending td{background:#f59e0b14}.status-pill{border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:900;display:inline-block}.status-pill.complete{color:var(--green);border-color:var(--green);background:#34c77b14}.status-pill.pending{color:var(--amber);border-color:var(--amber);background:#f59e0b14}.status-pill.deleted{color:var(--red);border-color:var(--red);background:#ff3b3014}.trash-title{border-top:1px solid var(--line);text-transform:uppercase;letter-spacing:.08em;color:var(--red);margin-top:16px;padding-top:12px;font-size:12px;font-weight:900}.trash-note{color:var(--ink-dim);margin:4px 0 8px;font-size:12px}.imports-table tr.import-deleted td{background:#ff3b300f}.client-table{border-collapse:collapse;width:100%;font-size:13px}.client-table th,.client-table td{border-top:1px solid var(--line);text-align:left;vertical-align:top;padding:8px}.client-table th{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.client-table .box,.client-table .num{font-family:var(--mono);text-align:right}.order-image-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:3px;display:flex}.img-link{appearance:none;color:var(--amber);font:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;font-size:11px;font-weight:800;text-decoration:underline}.img-link:hover,.img-link.has{color:var(--green)}.img-link.change{color:var(--ink-dim);font-weight:700}.img-link.delete{color:var(--red)}.img-link.delete:hover{color:#ff8080}.img-added{color:var(--green);font-size:10px;font-weight:800}.image-modal-overlay{z-index:1000;background:#0a0c0fd9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.image-modal-overlay.hidden{display:none}.image-modal-box{max-width:min(92vw,720px);max-height:88vh;display:flex;position:relative}.image-modal-box img{border-radius:10px;max-width:100%;max-height:88vh;display:block;box-shadow:0 12px 40px #00000080}.image-modal-close{border:1px solid var(--line);background:var(--panel);width:34px;height:34px;color:var(--ink);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:800;display:flex;position:absolute;top:-14px;right:-14px}.image-modal-close:hover{border-color:var(--red);color:var(--red)}.login-screen{background:var(--bg);z-index:50;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.login-screen[hidden]{display:none}.login-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:14px;width:100%;max-width:340px;padding:28px;display:flex}.login-card h1{text-align:center;letter-spacing:.02em;margin-bottom:4px;font-size:16px;font-weight:800}.login-card label{color:var(--ink-dim);flex-direction:column;gap:6px;font-size:12px;display:flex}.login-card input{background:var(--bg);border:2px solid var(--line);color:var(--ink);border-radius:10px;outline:none;padding:12px 14px;font-size:16px}.login-card input:focus{border-color:var(--amber)}.login-card button{border-radius:10px;margin-top:6px;padding:12px}.login-error{color:var(--red);font-size:13px}.userbadge{color:var(--ink-dim);align-items:center;gap:10px;font-size:13px;display:flex}.userbadge[hidden]{display:none}.table-scroll{overflow-x:auto}.user-create-form{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.user-create-form input,.user-create-form select{background:var(--bg);border:1px solid var(--line);color:var(--ink);border-radius:8px;outline:none;padding:9px 12px;font-size:13px}.user-create-form input:focus,.user-create-form select:focus{border-color:var(--amber)}.urow,.arow{background:var(--panel2);border-radius:9px;align-items:center;gap:10px;margin-bottom:4px;padding:9px 10px;font-size:13px;display:grid}.urow{grid-template-columns:1.2fr 1fr 150px 90px;min-width:560px}.arow{grid-template-columns:150px 190px 160px 1fr;min-width:680px}.urow.uhead,.arow.ahead{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.08em;background:0 0;padding:0 10px 6px;font-size:10px;font-weight:800}.urow select{background:var(--bg);border:1px solid var(--line);width:100%;color:var(--ink);border-radius:7px;padding:6px;font-size:12px}.activity-filters{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.activity-filters input{flex:1;min-width:200px}.activity-filters input,.activity-filters select{background:var(--bg);border:1px solid var(--line);color:var(--ink);border-radius:8px;outline:none;padding:9px 12px;font-size:13px}.activity-filters input:focus,.activity-filters select:focus{border-color:var(--amber)}.admin-menu{position:relative}.admin-menu-dropdown{background:var(--panel);border:1px solid var(--line);z-index:30;border-radius:10px;flex-direction:column;gap:2px;width:220px;max-width:calc(100vw - 32px);padding:6px;display:none;position:fixed;box-shadow:0 12px 30px #0006}.admin-menu-dropdown.show{display:flex}.admin-menu-dropdown button{color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:10px 12px;font-size:13px;font-weight:600}.admin-menu-dropdown button:hover{background:var(--panel2);color:var(--amber)}.admin-modal-overlay{z-index:1000;background:#0a0c0fd9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.admin-modal-overlay.hidden{display:none}.admin-modal-box{background:var(--panel);border:1px solid var(--line);border-radius:16px;width:100%;max-width:900px;max-height:88vh;padding:20px;position:relative;overflow:auto}.admin-modal-head{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-dim);justify-content:space-between;align-items:center;margin-bottom:16px;font-size:13px;font-weight:800;display:flex}.admin-modal-box .image-modal-close{position:static}