:root{--bg: #f3f6f5;--surface: #ffffff;--ink: #14262e;--muted: #5a6a71;--line: #d8e0df;--accent: #0b6e6a;--accent-ink: #ffffff;--accent-soft: #dcefed;--consult-bg: #e9edee;--danger: #b3261e;--font: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "IBM Plex Mono", ui-monospace, Consolas, monospace}@media (prefers-color-scheme: dark){:root{--bg: #0e1a1e;--surface: #15252b;--ink: #e5eeef;--muted: #9aadb3;--line: #273a40;--accent: #4cc3bc;--accent-ink: #06211f;--accent-soft: #12383a;--consult-bg: #223239;--danger: #ff8a80;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.45;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}button,input,select{font:inherit;color:inherit}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.wrap{max-width:1120px;margin:0 auto}.centrado{text-align:center;padding:64px 0}.muted{color:var(--muted)}.sp{flex:1}header.top{position:sticky;top:0;z-index:20;background:var(--surface);margin:0 calc(-1*max(16px,env(safe-area-inset-left,0px)));padding:12px max(16px,env(safe-area-inset-left,0px));border-bottom:1px solid var(--line)}.top-in{max-width:1120px;margin:0 auto;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.brand{font-weight:600;letter-spacing:.14em;font-size:18px}.brand small{display:block;letter-spacing:0;font-weight:400;color:var(--muted);font-size:12.5px;margin-top:1px}.quien{color:var(--muted);font-size:13.5px;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn{width:100%;border:0;background:var(--accent);color:var(--accent-ink);border-radius:8px;padding:12px;cursor:pointer;font-weight:600}.btn[disabled]{opacity:.45;cursor:not-allowed}.btn.sec{background:transparent;border:1px solid var(--line);color:var(--ink);margin-top:8px;font-weight:500}.btn.ancho-auto{width:auto;margin-top:0;padding:9px 14px}.acceso{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 0}.acceso-caja{width:min(420px,100%);background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:28px 24px}.acceso-caja h1{font-size:20px;margin:4px 0 12px}.fld{margin-bottom:12px}.fld label{display:block;font-size:13px;margin-bottom:3px}.fld input{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.fld input.codigo{font-family:var(--mono);font-size:24px;letter-spacing:.4em;text-align:center}.er{color:var(--danger);font-size:13.5px;margin:0 0 10px}.chico{font-size:12.5px;margin:8px 0 0}.clientes{list-style:none;padding:0;margin:0}.tools{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px;margin:16px 0 8px}.tools label{display:block;font-size:12px;color:var(--muted);margin-bottom:3px}.tools input,.tools select{width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);min-width:0}.meta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:13px;margin:6px 0 10px}.list{background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden}.hd,.row{display:grid;grid-template-columns:118px 120px minmax(0,1fr) 64px 130px;gap:12px;align-items:center;padding:10px 14px}.hd{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line);background:var(--bg)}.row{border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.cod{font-family:var(--mono);font-size:13px;overflow-wrap:anywhere}.mar{color:var(--muted);font-size:13.5px}.des{min-width:0;overflow-wrap:anywhere}.des .rb{display:block;color:var(--muted);font-size:12px;margin-top:2px}.uni{color:var(--muted);font-size:13px}.pre{text-align:right;font-variant-numeric:tabular-nums;font-weight:500}.pre.c span{background:var(--consult-bg);color:var(--muted);border-radius:99px;padding:2px 10px;font-size:12.5px;font-weight:500}.more{display:block;margin:14px auto 24px;border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:10px 18px;cursor:pointer}.empty{padding:36px 16px;text-align:center;color:var(--muted)}@media (max-width: 820px){.tools{grid-template-columns:1fr 1fr}.tools .q{grid-column:1 / -1}.hd{display:none}.row{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:12px 14px}.row .cod{grid-column:1;order:1}.row .mar{grid-column:2;order:2;text-align:right}.row .des{grid-column:1 / -1;order:3}.row .uni{grid-column:1;order:4}.row .pre{grid-column:2;order:4}.quien{display:none}}
