:root{--bg: #f4f6f5;--surface: #ffffff;--surface-2: #eef1ef;--fg: #1b2220;--muted: #5c6662;--line: #d8dedb;--accent: #1f6b52;--accent-fg: #ffffff;--accent-soft: #e2f0ea;--chart-2: #c08a1e;--ok: #1f7a4d;--alerta: #b06a00;--mal: #b3261e;--mal-soft: #fbe9e7;--tag: #ffd84a;--tag-fg: #2a2300;--radius: 8px;--font: "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;--mono: "Cascadia Mono", Consolas, ui-monospace, monospace;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #121715;--surface: #1a211e;--surface-2: #222b27;--fg: #e5ebe8;--muted: #97a39e;--line: #2e3833;--accent: #5fc79f;--accent-fg: #0d1f17;--accent-soft: #1f3a2f;--chart-2: #e3b04b;--ok: #63c58f;--alerta: #e6a23c;--mal: #f08a80;--mal-soft: #3a1f1c;--tag: #e9c33a;--tag-fg: #1e1900;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.45 var(--font)}h1,h2,h3{margin:0;line-height:1.2;text-wrap:balance}h1{font-size:1.6rem;font-weight:700}h2{font-size:1.15rem;font-weight:650}h3{font-size:1rem;font-weight:650;margin-top:8px}p{margin:0}button,input,select{font:inherit;color:inherit}kbd{font:600 .7rem/1 var(--mono);padding:2px 5px;border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;background:var(--surface-2);color:var(--muted)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.num,td.n,.n{font-variant-numeric:tabular-nums}.mono{font-family:var(--mono);font-size:.85em}.muted{color:var(--muted)}.pequeno{font-size:.85rem}.grande{font-size:1.8rem;font-weight:700;font-variant-numeric:tabular-nums}.txt-ok{color:var(--ok)}.txt-mal{color:var(--mal)}.txt-alerta{color:var(--alerta)}.error{color:var(--mal);font-size:.9rem}.aviso{background:var(--mal-soft);color:var(--mal);padding:8px 12px;border-radius:var(--radius)}.app{display:grid;grid-template-columns:210px 1fr;height:100%}.lateral{background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:12px;padding:14px 10px;overflow-y:auto}.marca{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--accent);padding:4px 8px 10px}.marca span{color:var(--fg)}.lateral nav{display:flex;flex-direction:column;gap:2px}.lateral nav a{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:6px;color:var(--fg);text-decoration:none}.lateral nav a:hover{background:var(--surface-2)}.lateral nav a.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.estado{margin-top:auto;display:flex;flex-direction:column;gap:6px}.estado-error{font-size:.75rem;color:var(--mal);padding:0 4px}.contenido{overflow-y:auto;min-width:0}.pagina{padding:24px 28px 48px;display:flex;flex-direction:column;gap:16px;max-width:1200px}.pagina-angosta{max-width:820px}.pagina-cab{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.subtitulo{margin-top:12px}.seccion{display:flex;flex-direction:column;gap:12px}.fila{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.fila.fin{justify-content:flex-end}.fila>input{flex:1;min-width:160px}.dos{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;align-items:start}.dos>*{min-width:0}.centro{display:grid;place-items:center;min-height:100%;padding:24px}.tarjeta{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:12px;min-width:0}.btn{display:inline-flex;align-items:center;gap:8px;justify-content:center;padding:8px 14px;border-radius:6px;border:1px solid var(--line);background:var(--surface);cursor:pointer;text-decoration:none;white-space:nowrap}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primario{background:var(--accent);border-color:var(--accent);color:var(--accent-fg);font-weight:600}.btn-primario:hover:not(:disabled){background:var(--accent);filter:brightness(1.08)}.btn-primario kbd{background:transparent;color:inherit;border-color:currentColor;opacity:.7}.btn-peligro{color:var(--mal);border-color:var(--mal)}.btn-peligro:hover:not(:disabled){background:var(--mal-soft)}.btn-grande{padding:12px 22px;font-size:1.05rem}.btn-icono{border:0;background:transparent;font-size:1.3rem;line-height:1;width:30px;height:30px;border-radius:6px;cursor:pointer;color:var(--muted)}.btn-icono:hover{background:var(--surface-2);color:var(--mal)}.btn-mini{width:24px;height:24px;border-radius:5px;border:1px solid var(--line);background:var(--surface);cursor:pointer;line-height:1}input:not([type=checkbox]),select{padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface);min-width:0}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}.input-corto{width:90px}.input-pin{font-size:1.6rem;letter-spacing:.4em;text-align:center;width:100%}.campo{display:flex;flex-direction:column;gap:4px;min-width:0}.campo>span{font-size:.82rem;color:var(--muted);font-weight:500}.campo.crece{flex:1}.check{display:flex;gap:8px;align-items:flex-start;cursor:pointer}.check input{margin-top:3px;accent-color:var(--accent)}.money{display:flex;align-items:center;border:1px solid var(--line);border-radius:6px;background:var(--surface);padding-left:10px}.money span{color:var(--muted)}.money input{border:0;flex:1;width:100%;font-variant-numeric:tabular-nums}.money:focus-within{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}.money input:focus{outline:none}.form-grid{display:flex;flex-direction:column;gap:12px}.form-linea{flex-direction:row;flex-wrap:wrap;align-items:flex-end}.acciones{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:4px}.segmentado{display:inline-flex;border:1px solid var(--line);border-radius:7px;overflow:hidden;background:var(--surface);flex-wrap:wrap}.segmentado button{border:0;background:transparent;padding:7px 12px;cursor:pointer}.segmentado button+button{border-left:1px solid var(--line)}.segmentado button.activo{background:var(--accent-soft);color:var(--accent);font-weight:600}.chip{display:inline-block;padding:4px 9px;border-radius:99px;font-size:.78rem;background:var(--surface-2);color:var(--muted);border:1px solid transparent}.chip-ok{color:var(--ok);border-color:currentColor;background:transparent}.chip-mal{color:var(--mal);border-color:currentColor;background:transparent}.chip-alerta{color:var(--alerta);border-color:currentColor;background:transparent}.chip-mini{font-size:.7rem;padding:1px 7px;margin-left:6px;vertical-align:1px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip-sel{cursor:pointer;border-color:var(--line);background:var(--surface);color:var(--fg);padding:6px 12px}.chip-sel.activo{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.promo-tag{display:inline-block;background:var(--tag);color:var(--tag-fg);font-size:.72rem;font-weight:700;padding:1px 6px;border-radius:3px;margin-top:2px}.tachado{text-decoration:line-through;color:var(--muted);font-size:.82rem}.tabla-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.tabla{width:100%;border-collapse:collapse}.tabla th,.tabla td{padding:9px 12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.tabla th{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600;background:var(--surface-2);white-space:nowrap}.tabla td.n,.tabla th.n{text-align:right;white-space:nowrap}.tabla tr:last-child td{border-bottom:0}.tabla tr.clic{cursor:pointer}.tabla tr.clic:hover td{background:var(--surface-2)}.tabla tr.anulada td{color:var(--muted);text-decoration:line-through}.tarjeta>.tabla th{background:transparent}.tabla-resultado tr.total td{font-weight:700;border-top:2px solid var(--fg)}.th-orden{border:0;background:transparent;font:inherit;text-transform:inherit;letter-spacing:inherit;color:inherit;cursor:pointer;padding:0}.filtros{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.filtros>input{flex:1;min-width:200px}.vacio{border:1px dashed var(--line);border-radius:var(--radius);padding:28px;text-align:center;color:var(--muted);display:flex;flex-direction:column;gap:6px;align-items:center}.vacio strong{color:var(--fg);font-size:1.05rem}.lista-simple{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.lista-simple button{width:100%;display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border:0;background:transparent;cursor:pointer;text-align:left;border-radius:6px}.lista-simple button:hover{background:var(--surface-2)}.lista-compacta{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.lista-compacta li{display:flex;justify-content:space-between;gap:10px;font-variant-numeric:tabular-nums}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.kpis-2{grid-template-columns:repeat(auto-fit,minmax(200px,280px))}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:2px}.kpi-et{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.kpi-val{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums}.kpi-det{font-size:.8rem;color:var(--muted)}.kpi-det.ok{color:var(--ok)}.kpi-det.mal{color:var(--mal)}.kpi-destacado{border-color:var(--accent);background:var(--accent-soft)}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:grid;place-items:center;padding:16px;z-index:50}.modal{background:var(--surface);border-radius:12px;width:100%;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:0 20px 50px #0000004d}.modal-sm{max-width:420px}.modal-md{max-width:600px}.modal-lg{max-width:820px}.modal-cab{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line)}.modal-cuerpo{padding:18px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.toasts{position:fixed;bottom:16px;right:16px;display:flex;flex-direction:column;gap:8px;z-index:60}.toast{padding:10px 16px;border-radius:8px;background:var(--fg);color:var(--bg);box-shadow:0 6px 20px #0003;max-width:420px}.toast-error{background:var(--mal);color:#fff}.toast-info{background:var(--surface);color:var(--fg);border:1px solid var(--line)}.venta{display:grid;grid-template-columns:1fr 340px;height:100%}.venta-izq{display:flex;flex-direction:column;gap:12px;padding:16px;min-width:0;min-height:0}.venta-der{background:var(--surface);border-left:1px solid var(--line);padding:18px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.escaner{position:relative}.escaner-input{width:100%;font-size:1.25rem;padding:14px 16px!important;border-width:2px!important}.sugerencias{position:absolute;top:100%;left:0;right:0;z-index:10;list-style:none;margin:4px 0 0;padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 10px 30px #00000026}.sugerencias button{width:100%;display:flex;justify-content:space-between;gap:12px;padding:10px;border:0;background:transparent;cursor:pointer;border-radius:6px;text-align:left}.sugerencias button:hover{background:var(--accent-soft)}.ticket-lineas{flex:1;overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-height:0}.ticket-lineas .vacio{border:0;height:100%;justify-content:center}.tabla-venta td{vertical-align:middle}.tabla-venta tr.sel td{background:var(--accent-soft)}.tabla-venta thead th{position:sticky;top:0}.cant{display:inline-flex;align-items:center;gap:8px}.cant span{min-width:1.5em;text-align:center;font-weight:600}.rapidos{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.rapido{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer;text-align:left}.rapido:hover{border-color:var(--accent)}.rapido small{color:var(--muted)}.totales{display:flex;flex-direction:column;gap:6px}.fila-tot{display:flex;justify-content:space-between;gap:10px}.fila-tot.desc{color:var(--mal);font-size:.92rem}.total-grande{display:flex;justify-content:space-between;align-items:baseline;border-top:2px solid var(--fg);padding-top:10px;margin-top:4px}.total-grande strong{font-size:2.4rem;letter-spacing:-.02em}.btn-cobrar{padding:16px;font-size:1.25rem}.acciones-venta{display:grid;grid-template-columns:1fr 1fr;gap:8px}.acciones-venta .btn{white-space:normal}.ultima{background:var(--accent-soft);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;gap:2px}.ultima strong{font-size:1.5rem;color:var(--accent)}.ayuda{margin-top:auto;font-size:.85rem;color:var(--muted)}.ayuda ul{padding-left:16px;margin:8px 0 0;display:flex;flex-direction:column;gap:6px}.abrir-caja{max-width:380px;width:100%}.cobro-total{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 0 4px}.cobro-total strong{font-size:2.6rem;letter-spacing:-.02em}.medios{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.medio{padding:12px 8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer;font-weight:500}.medio.activo{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.vuelto{display:flex;flex-direction:column;justify-content:flex-end}.vuelto strong{font-size:1.8rem;color:var(--accent)}.pagos-mixtos{display:flex;flex-direction:column;gap:8px}.pagos-mixtos .fila>.money{flex:1}.cliente-elegido{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px;border-radius:var(--radius);background:var(--surface-2)}.cliente-elegido.alerta{background:var(--mal-soft)}.selector-cliente{display:flex;flex-direction:column;gap:8px}.nuevo-cliente{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:6px}.resumen-peso{display:flex;justify-content:space-between;align-items:baseline;padding:12px;background:var(--surface-2);border-radius:var(--radius)}.resumen-peso strong{font-size:1.6rem}.diferencia{display:flex;justify-content:space-between;align-items:baseline;padding:12px;border-radius:var(--radius);background:var(--surface-2)}.diferencia strong{font-size:1.2rem}.maestro-detalle{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:16px;align-items:start}.maestro,.detalle{display:flex;flex-direction:column;gap:10px;min-width:0}.lista-clientes{list-style:none;margin:0;padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);max-height:60vh;overflow-y:auto}.lista-clientes button{width:100%;display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:10px;border:0;background:transparent;text-align:left;cursor:pointer;border-radius:6px}.lista-clientes button:hover{background:var(--surface-2)}.lista-clientes button.activo{background:var(--accent-soft)}.detalle-cab{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.saldo{display:flex;flex-direction:column;align-items:flex-end}.saldo span{font-size:.8rem;color:var(--muted)}.saldo strong{font-size:1.8rem;font-variant-numeric:tabular-nums}.tipos-promo{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.tipo-promo{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer;text-align:left}.tipo-promo small{color:var(--muted)}.tipo-promo.activo{border-color:var(--accent);background:var(--accent-soft)}.grafico{position:relative;height:280px}.grafico-chico{height:220px}.calor-wrap{overflow-x:auto}.calor{display:grid;gap:3px;min-width:max-content}.calor-h{font-size:.72rem;color:var(--muted);text-align:center}.calor-d{font-size:.8rem;color:var(--muted);align-self:center}.calor-c{height:26px;border-radius:4px;background:var(--accent)}.estado-respaldo{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.estado-respaldo>div{display:flex;flex-direction:column;gap:2px;padding:10px 12px;background:var(--surface-2);border-radius:var(--radius)}.estado-respaldo span{font-size:.8rem}@media (max-width: 1000px){.venta{grid-template-columns:1fr;height:auto}.venta-der{border-left:0;border-top:1px solid var(--line)}.ticket-lineas{min-height:260px}.maestro-detalle{grid-template-columns:1fr}}@media (max-width: 760px){.app{grid-template-columns:1fr;grid-template-rows:auto 1fr}.lateral{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);padding:8px}.lateral nav{flex-direction:row}.lateral nav kbd,.estado,.marca span{display:none}.pagina{padding:16px}.nuevo-cliente{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.aviso-info{background:var(--accent-soft);color:var(--accent);padding:8px 12px;border-radius:var(--radius)}