:root{--fondo:#f4f6f8;--papel:#fff;--papel-2:#eef1f4;--borde:#dde3e9;--texto:#16202b;--texto-2:#66768a;--acento:#0d8f80;--acento-suave:#e2f4f1;--alerta:#d9822b;--alerta-suave:#fdf1e3;--peligro:#cf3f3f;--peligro-suave:#fdecec;--ok:#2f8f4e;--sombra:0 1px 2px #1423320f, 0 4px 16px #1423320f;--radio:14px;--nav:66px}@media (prefers-color-scheme:dark){:root{--fondo:#12181f;--papel:#1b232c;--papel-2:#232d38;--borde:#2e3945;--texto:#e8eef4;--texto-2:#93a3b4;--acento:#3fbfab;--acento-suave:#17332f;--alerta:#e9a05a;--alerta-suave:#33270f;--peligro:#f07a7a;--peligro-suave:#3a1e1e;--ok:#63c184;--sombra:0 1px 2px #0000004d, 0 4px 16px #00000040}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{background:var(--fondo);color:var(--texto);overscroll-behavior-y:none;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif;font-size:16px;line-height:1.4}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:650}.app{min-height:100%;padding-bottom:calc(var(--nav) + env(safe-area-inset-bottom))}.cabecera{z-index:20;background:var(--papel);border-bottom:1px solid var(--borde);padding:calc(env(safe-area-inset-top) + 12px) 16px 12px;position:sticky;top:0}.cabecera-fila{justify-content:space-between;align-items:center;gap:12px;display:flex}.cabecera h1{font-size:19px}.chip-usuario{background:var(--acento-suave);color:var(--acento);border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:14px;font-weight:600;display:flex}.avatar{background:var(--acento);color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:grid}.contenido{max-width:720px;margin:0 auto;padding:14px 16px 24px}.nav{z-index:30;background:var(--papel);border-top:1px solid var(--borde);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.nav button{color:var(--texto-2);flex-direction:column;align-items:center;gap:3px;padding:9px 0 8px;font-size:11px;font-weight:600;display:flex;position:relative}.nav button.activo{color:var(--acento)}.nav svg{width:23px;height:23px}.globo{background:var(--peligro);color:#fff;border-radius:999px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:700;display:grid;position:absolute;top:4px;right:50%;transform:translate(20px)}.buscador{margin-bottom:10px;position:relative}.buscador input{border:1px solid var(--borde);background:var(--papel);border-radius:999px;outline:none;width:100%;padding:12px 40px}.buscador input:focus{border-color:var(--acento)}.buscador .lupa{color:var(--texto-2);display:flex;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.buscador .limpiar{color:var(--texto-2);padding:6px 10px;font-size:18px;line-height:1;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.filtros{scrollbar-width:none;gap:7px;margin:0 -16px;padding-bottom:12px;padding-left:16px;padding-right:16px;display:flex;overflow-x:auto}.filtros::-webkit-scrollbar{display:none}.filtros button{background:var(--papel);border:1px solid var(--borde);color:var(--texto-2);white-space:nowrap;border-radius:999px;flex:none;padding:7px 14px;font-size:14px;font-weight:600}.filtros button.activo{background:var(--acento);border-color:var(--acento);color:#fff}.lista{flex-direction:column;gap:9px;display:flex}.grupo-titulo{text-transform:uppercase;letter-spacing:.06em;color:var(--texto-2);margin:16px 2px 2px;font-size:12px;font-weight:700}.tarjeta{text-align:left;background:var(--papel);border:1px solid var(--borde);border-radius:var(--radio);width:100%;box-shadow:var(--sombra);align-items:center;gap:12px;padding:12px 14px;transition:transform 80ms;display:flex}.tarjeta:active{transform:scale(.985)}.tarjeta.reponer{border-color:color-mix(in srgb, var(--alerta) 45%, var(--borde))}.tarjeta.sin-stock{border-color:color-mix(in srgb, var(--peligro) 45%, var(--borde))}.tarjeta-datos{flex:1;min-width:0}.tarjeta-nombre{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.tarjeta-sub{color:var(--texto-2);flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;font-size:13px;display:flex}.cantidad{text-align:right;flex:none;min-width:62px}.cantidad b{letter-spacing:-.02em;font-size:26px;font-weight:700;line-height:1.05;display:block}.cantidad span{color:var(--texto-2);font-size:12px}.reponer .cantidad b{color:var(--alerta)}.sin-stock .cantidad b{color:var(--peligro)}.etiqueta{text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:700;display:inline-block}.etiqueta.reponer{background:var(--alerta-suave);color:var(--alerta)}.etiqueta.sin-stock{background:var(--peligro-suave);color:var(--peligro)}.btn{background:var(--acento);color:#fff;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:13px 18px;font-weight:650;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ancho{width:100%}.btn.secundario{background:var(--papel);color:var(--texto);border-color:var(--borde)}.btn.peligro{background:var(--peligro-suave);color:var(--peligro);border-color:#0000}.btn.chico{border-radius:10px;padding:8px 13px;font-size:14px}.fondo-hoja{z-index:50;background:#0a121a73;justify-content:center;align-items:flex-end;animation:.16s aparecer;display:flex;position:fixed;inset:0}.hoja{background:var(--papel);width:100%;max-width:560px;padding:8px 18px calc(20px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;max-height:92vh;animation:.2s cubic-bezier(.2,.8,.3,1) subir;overflow-y:auto}.agarre{background:var(--borde);border-radius:999px;width:40px;height:4px;margin:6px auto 14px}.hoja h2{margin-bottom:2px;font-size:19px}.hoja-sub{color:var(--texto-2);margin-bottom:16px;font-size:14px}@keyframes subir{0%{opacity:.6;transform:translateY(18px)}}@keyframes aparecer{0%{opacity:0}}.segmentado{background:var(--papel-2);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:18px;padding:4px;display:grid}.segmentado button{color:var(--texto-2);border-radius:9px;padding:9px 4px;font-size:14px;font-weight:650}.segmentado button.activo{background:var(--papel);color:var(--texto);box-shadow:var(--sombra)}.contador{justify-content:center;align-items:center;gap:18px;margin:6px 0 14px;display:flex}.contador button{background:var(--papel-2);border-radius:50%;place-items:center;width:56px;height:56px;font-size:28px;font-weight:600;line-height:1;display:grid}.contador button:active{background:var(--acento-suave)}.contador input{text-align:center;-moz-appearance:textfield;background:0 0;border:none;outline:none;width:96px;padding:0;font-size:40px;font-weight:700}.contador input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.contador input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.atajos{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px;display:flex}.atajos button{border:1px solid var(--borde);border-radius:999px;padding:7px 15px;font-size:14px;font-weight:600}.resultado{text-align:center;color:var(--texto-2);margin-bottom:16px;font-size:14px}.resultado b{color:var(--texto)}.resultado.aviso,.resultado.aviso b{color:var(--alerta)}.campo{margin-bottom:14px}.campo label{color:var(--texto-2);margin-bottom:6px;font-size:13px;font-weight:650;display:block}.campo input,.campo select{border:1px solid var(--borde);background:var(--papel);border-radius:12px;outline:none;width:100%;padding:12px 14px}.campo input:focus,.campo select:focus{border-color:var(--acento)}.fila{grid-template-columns:1fr 1fr;gap:12px;display:grid}.check{align-items:center;gap:10px;padding:12px 0;font-weight:600;display:flex}.check input{width:20px;height:20px;accent-color:var(--acento)}.acciones{gap:10px;margin-top:6px;display:flex}.acciones .btn{flex:1}.login{min-height:100%;padding:32px 22px calc(32px + env(safe-area-inset-bottom));flex-direction:column;justify-content:center;max-width:460px;margin:0 auto;display:flex}.login-marca{text-align:center;margin-bottom:30px}.login-marca img{border-radius:18px;width:64px;height:64px;margin-bottom:12px}.login-marca h1{font-size:25px}.login-marca p{color:var(--texto-2);margin:6px 0 0;font-size:15px}.personas{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.persona{background:var(--papel);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);flex-direction:column;align-items:center;gap:9px;padding:18px 12px;font-weight:650;display:flex}.persona .avatar{width:42px;height:42px;font-size:17px}.teclado{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px;display:grid}.teclado button{background:var(--papel);border:1px solid var(--borde);border-radius:14px;padding:17px 0;font-size:23px;font-weight:600}.teclado button:active{background:var(--acento-suave)}.teclado button.vacio{background:0 0;border:none}.puntos{justify-content:center;gap:15px;margin:26px 0 4px;display:flex}.punto{border:2px solid var(--borde);border-radius:50%;width:15px;height:15px}.punto.lleno{background:var(--acento);border-color:var(--acento)}.error-pin{color:var(--peligro);text-align:center;min-height:20px;margin-top:12px;font-size:14px;font-weight:600}.sacudir{animation:.35s sacudir}@keyframes sacudir{25%{transform:translate(-7px)}50%{transform:translate(7px)}75%{transform:translate(-4px)}}.mov{background:var(--papel);border:1px solid var(--borde);border-radius:var(--radio);align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.mov.anulado{opacity:.55}.mov.anulado .mov-titulo{text-decoration:line-through}.mov-icono{border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:15px;font-weight:700;display:grid}.mov-icono.salida{background:var(--peligro-suave);color:var(--peligro)}.mov-icono.ingreso{background:color-mix(in srgb, var(--ok) 15%, transparent);color:var(--ok)}.mov-icono.ajuste{background:var(--papel-2);color:var(--texto-2)}.mov-cuerpo{flex:1;min-width:0}.mov-titulo{font-weight:600}.mov-meta{color:var(--texto-2);margin-top:2px;font-size:13px}.mov-nota{color:var(--texto-2);margin-top:4px;font-size:13px;font-style:italic}.mov-deshacer{color:var(--texto-2);flex:none;padding:4px 6px;font-size:13px;font-weight:650}.vacio{text-align:center;color:var(--texto-2);padding:48px 20px}.vacio strong{color:var(--texto);margin-bottom:6px;font-size:17px;display:block}.aviso-barra{left:50%;bottom:calc(var(--nav) + 14px + env(safe-area-inset-bottom));z-index:60;background:var(--texto);color:var(--fondo);box-shadow:var(--sombra);text-align:center;border-radius:999px;max-width:90vw;padding:11px 18px;font-size:14px;font-weight:600;animation:.2s subir;position:fixed;transform:translate(-50%)}.aviso-barra.malo{background:var(--peligro);color:#fff}.banda{background:var(--alerta-suave);color:var(--alerta);text-align:center;padding:8px 16px;font-size:13px;font-weight:600}.seccion{background:var(--papel);border:1px solid var(--borde);border-radius:var(--radio);margin-bottom:14px;overflow:hidden}.seccion h3{text-transform:uppercase;letter-spacing:.05em;color:var(--texto-2);padding:13px 16px 9px;font-size:13px}.item{text-align:left;border-top:1px solid var(--borde);justify-content:space-between;align-items:center;gap:12px;width:100%;padding:13px 16px;display:flex}.item-sub{color:var(--texto-2);margin-top:2px;font-size:13px}.item .flecha{color:var(--texto-2);flex:none}.cargando{color:var(--texto-2);place-items:center;padding:60px 0;display:grid}.rueda{border:3px solid var(--borde);border-top-color:var(--acento);border-radius:50%;width:26px;height:26px;margin-bottom:10px;animation:.7s linear infinite girar}@keyframes girar{to{transform:rotate(360deg)}}.explicacion{color:var(--texto-2);margin:0 0 14px;font-size:14px}code{background:var(--papel-2);border-radius:6px;padding:2px 6px;font-size:13px}