@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Syne:wght@600;700;800&display=swap";.barra-lateral{width:var(--sidebar-ancho);height:100%;background-color:var(--color-superficie);border-right:1px solid var(--color-borde);display:flex;flex-direction:column;flex-shrink:0}.barra-lateral__titulo{height:var(--topbar-alto);display:flex;align-items:center;gap:9px;padding:0 16px;font-family:var(--fuente-titulo);font-weight:700;font-size:15px;border-bottom:1px solid var(--color-borde)}.barra-lateral__marca{width:22px;height:22px;border-radius:7px;background:linear-gradient(135deg,var(--color-acento),var(--color-acento-secundario));color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--fuente-titulo);font-weight:800;font-size:12px;flex-shrink:0}.barra-lateral__nav{display:flex;flex-direction:column;padding:8px;gap:2px}.barra-lateral__enlace{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;font-size:13px;font-weight:500;color:var(--color-texto-secundario);text-decoration:none;transition:background-color .15s ease,color .15s ease}.barra-lateral__enlace svg{flex-shrink:0}.barra-lateral__enlace:hover{background-color:var(--color-fondo);color:var(--color-texto)}.barra-lateral__enlace--activo{background-color:var(--color-acento-suave);color:var(--color-acento)}.barra-lateral__fondo{display:none}@media(max-width:860px){.barra-lateral{position:fixed;inset:0 auto 0 0;z-index:40;transform:translate(-100%);transition:transform .2s ease}.barra-lateral--abierta{transform:translate(0);box-shadow:var(--sombra)}.barra-lateral__fondo{display:block;position:fixed;inset:0;background-color:#0006;z-index:39}}.barra-superior{height:var(--topbar-alto);display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--color-borde);background-color:var(--color-superficie)}.barra-superior__izquierda{display:flex;align-items:center;gap:10px;min-width:0}.barra-superior__titulo{font-family:var(--fuente-titulo);font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.barra-superior__hamburguesa{display:none;width:30px;height:30px;padding:0;flex-shrink:0;align-items:center;justify-content:center;border:1px solid var(--color-borde);border-radius:8px;background-color:var(--color-fondo);color:var(--color-texto)}.barra-superior__hamburguesa:hover{border-color:var(--color-acento);color:var(--color-acento)}@media(max-width:860px){.barra-superior__hamburguesa{display:flex}}@media(max-width:480px){.barra-superior__usuario-texto,.barra-superior__cerrar-texto{display:none}}.barra-superior__sesion{display:flex;align-items:center;gap:12px}.barra-superior__usuario{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--color-texto-secundario)}.barra-superior__avatar{width:24px;height:24px;border-radius:50%;background-color:var(--color-superficie-2);border:1px solid var(--color-borde);display:flex;align-items:center;justify-content:center;font-family:var(--fuente-titulo);font-size:10px;font-weight:700;color:var(--color-acento);flex-shrink:0}.barra-superior__cerrar{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--color-borde);border-radius:8px;background-color:var(--color-fondo);color:var(--color-texto);font-size:12px;cursor:pointer}.barra-superior__cerrar:hover{border-color:var(--color-acento);color:var(--color-acento)}.barra-superior__tema{width:28px;height:28px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--color-borde);border-radius:50%;background-color:var(--color-fondo);color:var(--color-texto);cursor:pointer}.barra-superior__tema:hover{border-color:var(--color-acento);color:var(--color-acento)}.diseno-principal{display:flex;height:100%;width:100%}.diseno-principal__contenido{flex:1;display:flex;flex-direction:column;min-width:0}.diseno-principal__pagina{flex:1;overflow-y:auto;padding:24px}@media(max-width:860px){.diseno-principal__pagina{padding:14px}}.modal-codigo-empleado__fondo{z-index:30}.campo-escaneo-codigo-barras{padding:8px 10px;border:1px solid var(--color-borde);border-radius:8px;font-size:14px;color:var(--color-texto);background-color:var(--color-superficie);min-width:220px;transition:border-color .15s ease,box-shadow .15s ease}.campo-escaneo-codigo-barras:focus{outline:none;border-color:var(--color-acento);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-acento) 25%,transparent)}.tarjeta-estadistica-fila{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:20px}.tarjeta-estadistica{background-color:var(--color-superficie);border:1px solid var(--color-borde);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}.tarjeta-estadistica__etiqueta{font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-texto-secundario)}.tarjeta-estadistica__valor{font-size:21px;font-weight:700;font-variant-numeric:tabular-nums}.tarjeta-estadistica__nota{font-size:12px;color:var(--color-texto-secundario)}.tarjeta-estadistica__nota--arriba{color:var(--color-exito)}.tarjeta-estadistica__nota--abajo{color:var(--color-destructivo)}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:700;white-space:nowrap}.pill:before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0}.pill--ok{background-color:color-mix(in srgb,var(--color-exito) 16%,transparent);color:var(--color-exito)}.pill--ok:before{background-color:var(--color-exito)}.pill--advertencia{background-color:color-mix(in srgb,var(--color-advertencia) 18%,transparent);color:var(--color-advertencia)}.pill--advertencia:before{background-color:var(--color-advertencia)}.pill--critico{background-color:color-mix(in srgb,var(--color-destructivo) 16%,transparent);color:var(--color-destructivo)}.pill--critico:before{background-color:var(--color-destructivo)}.pill--neutro{background-color:var(--color-superficie-2);color:var(--color-texto-secundario);border:1px solid var(--color-borde)}.pill--neutro:before{background-color:var(--color-texto-secundario)}.chip{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:600;background-color:var(--color-superficie-2);color:var(--color-texto-secundario);border:1px solid var(--color-borde);white-space:nowrap}.pagina-usuarios__acciones{margin-bottom:16px}.pagina-usuarios__error{color:var(--color-destructivo);font-size:13px}.pagina-usuarios__tabla{width:100%;border-collapse:separate;border-spacing:0;background-color:var(--color-superficie);border:1px solid var(--color-borde);border-radius:10px;overflow:hidden}.pagina-usuarios__tabla th,.pagina-usuarios__tabla td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--color-borde);font-size:13px}.pagina-usuarios__tabla th{color:var(--color-texto-secundario);font-weight:500}.pagina-usuarios__tabla tbody tr:last-child td{border-bottom:none}.pagina-usuarios__fila-acciones{display:flex;gap:8px}@media(max-width:860px){.pagina-usuarios__tabla th,.pagina-usuarios__tabla td{padding:8px 10px;font-size:12.5px}.dialogo-fondo{align-items:flex-start;overflow-y:auto;padding:16px 16px 40vh}}.dialogo-fondo{position:fixed;inset:0;background-color:#0000004d;display:flex;align-items:center;justify-content:center;padding:16px;z-index:10}.dialogo{width:100%;max-width:360px;max-height:100%;overflow-y:auto;background-color:var(--color-superficie);border:1px solid var(--color-borde);border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--sombra)}.dialogo__titulo{margin:0;font-family:var(--fuente-titulo);font-size:17px;font-weight:600}.dialogo__campo{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--color-texto-secundario)}.dialogo__campo--linea{flex-direction:row;align-items:center;gap:8px}.dialogo__campo input,.dialogo__campo select{padding:8px 10px;border:1px solid var(--color-borde);border-radius:8px;font-size:14px;color:var(--color-texto);background-color:var(--color-superficie);transition:border-color .15s ease}.dialogo__campo input:focus,.dialogo__campo select:focus{outline:none;border-color:var(--color-acento)}.dialogo__campo select{padding-right:28px}.dialogo__acciones{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.pagina-productos__pestanas{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--color-borde)}.pagina-productos__pestana{padding:8px 14px;border:none;background:none;font-size:13px;color:var(--color-texto-secundario);border-bottom:2px solid transparent;transition:color .15s ease,border-color .15s ease}.pagina-productos__pestana--activa{color:var(--color-texto);font-weight:600;border-bottom-color:var(--color-acento)}.pagina-productos__pestana:hover:not(:disabled){background:none;color:var(--color-texto)}.pagina-productos__moneda{text-align:right}.pos{display:grid;grid-template-columns:1fr 320px;gap:16px;align-items:start}@media(max-width:860px){.pos{grid-template-columns:1fr}}.formulario-venta__escaneo{padding:16px;display:flex;flex-direction:column;gap:12px}.formulario-venta__busqueda{position:relative}.formulario-venta__coincidencias{position:absolute;top:100%;left:0;right:0;z-index:5;margin:4px 0 0;padding:4px;list-style:none;max-height:260px;overflow-y:auto;background-color:var(--color-superficie);border:1px solid var(--color-borde);border-radius:8px;box-shadow:var(--sombra)}.formulario-venta__coincidencias li+li{margin-top:2px}.formulario-venta__coincidencias button{display:block;width:100%;padding:6px 10px;border-radius:6px;background:none;color:var(--color-texto);text-align:left;font-size:13px;font-weight:400}.formulario-venta__coincidencias button:hover:not(:disabled){background-color:var(--color-superficie-2)}.formulario-venta__sin-coincidencias{padding:6px 10px;color:var(--color-texto-secundario);font-size:13px}.formulario-venta__vacio{padding:0 16px 16px;color:var(--color-texto-secundario);font-size:13px}.formulario-venta__ticket-row{display:grid;grid-template-columns:1fr 64px 90px 90px auto;gap:10px;align-items:center;padding:10px 16px;border-top:1px solid var(--color-borde);font-size:13px}.formulario-venta__ticket-row input{width:100%;padding:6px 8px}@media(max-width:480px){.formulario-venta__ticket-row{grid-template-columns:1fr 46px 64px 64px auto;gap:6px;padding:10px;font-size:12px}.formulario-venta__ticket-row input{padding:6px 4px;font-size:12px}.formulario-venta__metodos-pago{grid-template-columns:repeat(2,1fr)}}.formulario-venta__ticket-subtotal{font-weight:600;text-align:right}.formulario-venta__resumen{padding:16px;display:flex;flex-direction:column;gap:14px}.formulario-venta__resumen-linea{display:flex;justify-content:space-between;font-size:13.5px;color:var(--color-texto-secundario)}.formulario-venta__resumen-linea--total{color:var(--color-texto);font-size:19px;font-weight:700}.formulario-venta__metodos-pago{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.formulario-venta__metodo-pago{padding:8px 6px;border-radius:8px;border:1px solid var(--color-borde);background-color:var(--color-superficie-2);color:var(--color-texto-secundario);font-size:12.5px;font-weight:600;text-align:center}.formulario-venta__metodo-pago--seleccionado{border-color:var(--color-acento);color:var(--color-acento);background-color:var(--color-acento-suave)}.formulario-venta__metodo-pago:hover:not(:disabled){border-color:var(--color-acento);color:var(--color-acento);background-color:var(--color-superficie-2)}.formulario-venta__metodo-pago--seleccionado:hover:not(:disabled){background-color:var(--color-acento-suave)}.formulario-venta__boton-cobrar{width:100%;padding:10px;font-size:14px;font-weight:600}.selector-fecha{position:relative}.selector-fecha__disparador{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--color-borde);border-radius:8px;font-size:13px;font-weight:400;color:var(--color-texto);background-color:var(--color-superficie);white-space:nowrap}.selector-fecha__disparador:hover:not(:disabled){border-color:var(--color-acento);color:var(--color-texto);background-color:var(--color-superficie)}.selector-fecha__panel{position:absolute;top:calc(100% + 4px);left:0;z-index:20;width:250px;padding:10px;background-color:var(--color-superficie);border:1px solid var(--color-borde);border-radius:10px;box-shadow:var(--sombra)}.selector-fecha__cabecera{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-family:var(--fuente-titulo);font-size:13px;font-weight:600}.selector-fecha__cabecera button{width:24px;height:24px;padding:0;border:1px solid var(--color-borde);border-radius:7px;background-color:var(--color-fondo);color:var(--color-texto-secundario)}.selector-fecha__cabecera button:hover{border-color:var(--color-acento);color:var(--color-acento);background-color:var(--color-fondo)}.selector-fecha__dias-semana{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:2px}.selector-fecha__dias-semana span{text-align:center;font-size:10.5px;font-weight:600;color:var(--color-texto-secundario)}.selector-fecha__grilla{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.selector-fecha__dia{aspect-ratio:1;padding:0;border:none;border-radius:7px;background:none;font-size:12.5px;font-weight:500;color:var(--color-texto)}.selector-fecha__dia:hover:not(:disabled){background-color:var(--color-superficie-2)}.selector-fecha__dia--seleccionado,.selector-fecha__dia--seleccionado:hover:not(:disabled){background-color:var(--color-acento);color:var(--color-acento-texto)}.mas-vendidos__cantidad{display:flex;align-items:center;gap:10px}.mas-vendidos__barra{flex:1;max-width:120px;height:6px;border-radius:999px;background-color:var(--color-superficie-2);overflow:hidden}.mas-vendidos__barra-relleno{display:block;height:100%;background-color:var(--color-acento);border-radius:999px}.configuracion__seccion{background-color:var(--color-superficie);border:1px solid var(--color-borde);border-radius:12px;padding:16px 18px;margin-bottom:16px}.configuracion__titulo{font-family:var(--fuente-titulo);font-size:15px;font-weight:700;margin:0 0 8px}.configuracion__texto{font-size:13px;color:var(--color-texto-secundario);margin:0}.configuracion__zona-peligro{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border:1px solid color-mix(in srgb,var(--color-destructivo) 35%,var(--color-borde));background-color:color-mix(in srgb,var(--color-destructivo) 10%,transparent);border-radius:12px}.configuracion__zona-peligro-titulo{margin:0 0 2px;font-weight:600;font-size:13.5px}.configuracion__zona-peligro-nota{font-size:12px;color:var(--color-texto-secundario)}.pagina-login{height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--color-fondo)}.pagina-login__formulario{width:320px;background-color:var(--color-superficie);border:1px solid var(--color-borde);border-radius:14px;padding:32px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--sombra)}.pagina-login__marca{display:flex;flex-direction:column;align-items:center;gap:10px}.pagina-login__logo{width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,var(--color-acento),var(--color-acento-secundario));color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--fuente-titulo);font-weight:800;font-size:20px;flex-shrink:0}.pagina-login__titulo{margin:0;font-family:var(--fuente-titulo);font-size:22px;font-weight:700;text-align:center;color:var(--color-texto)}.pagina-login__campo{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--color-texto-secundario)}.pagina-login__campo input{padding:8px 10px;border:1px solid var(--color-borde);border-radius:8px;font-size:14px;color:var(--color-texto);background-color:var(--color-superficie);transition:border-color .15s ease}.pagina-login__campo input:focus{outline:none;border-color:var(--color-acento)}.pagina-login__error{margin:0;color:var(--color-destructivo);font-size:13px}.pagina-login__formulario button{padding:9px 12px;border:none;border-radius:8px;background-color:var(--color-acento);color:var(--color-acento-texto);font-size:14px;font-weight:500}.pagina-login__formulario button:not(:disabled):hover{background-color:var(--color-acento-secundario)}.pagina-login__formulario button:disabled{opacity:.6;cursor:default}:root{color-scheme:light;--color-fondo: #f6f5fa;--color-superficie: #ffffff;--color-superficie-2: #f0eef9;--color-borde: #e1dfec;--color-texto: #17162a;--color-texto-secundario: #66647a;--color-acento: #6d3cf2;--color-acento-texto: #ffffff;--color-acento-secundario: #2166d6;--color-acento-suave: #ece6fd;--color-exito: #147a51;--color-advertencia: #92600a;--color-destructivo: #c22a42;--color-destructivo-texto: #ffffff;--sombra: 0 8px 24px rgba(23, 16, 51, .08);--sidebar-ancho: 220px;--topbar-alto: 52px;--fuente: "Manrope", "Segoe UI", system-ui, sans-serif;--fuente-titulo: "Syne", "Manrope", "Segoe UI", system-ui, sans-serif}:root[data-tema=oscuro]{color-scheme:dark;--color-fondo: #0a0c12;--color-superficie: #12141c;--color-superficie-2: #171a26;--color-borde: #262a38;--color-texto: #eceaf5;--color-texto-secundario: #8d8fa3;--color-acento: #8465ff;--color-acento-texto: #ffffff;--color-acento-secundario: #4d99ff;--color-acento-suave: #221c3d;--color-exito: #3ddb96;--color-advertencia: #f5b44b;--color-destructivo: #ff6b81;--color-destructivo-texto: #12141c;--sombra: 0 20px 50px rgba(0, 0, 0, .45)}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--color-borde) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:var(--color-borde);border-radius:999px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background-color:var(--color-texto-secundario)}html,body,#root{height:100%;margin:0}body{font-family:var(--fuente);color:var(--color-texto);background-color:var(--color-fondo);-webkit-font-smoothing:antialiased}.app-shell{display:flex;flex-direction:column;height:100vh;width:100vw}.app-shell__contenido{flex:1;min-height:0}h1,h2,h3,h4{font-family:var(--fuente-titulo)}button,input,select{font-family:inherit}.panel{background-color:var(--color-superficie);border:1px solid var(--color-borde);border-radius:12px;overflow:hidden}.cell-primary{display:block;font-weight:600}.cell-sub{display:block;font-size:11.5px;color:var(--color-texto-secundario)}.panel__cabecera{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--color-borde)}input[type=text],input[type=number],input[type=email],input[type=password]{padding:8px 10px;border:1px solid var(--color-borde);border-radius:8px;background-color:var(--color-superficie);color:var(--color-texto);font-size:14px;transition:border-color .15s ease,box-shadow .15s ease}input[type=text]:focus,input[type=number]:focus,input[type=email]:focus,input[type=password]:focus{outline:none;border-color:var(--color-acento);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-acento) 25%,transparent)}.panel .pagina-usuarios__tabla{border:none;border-radius:0}.panel .pagina-usuarios__tabla th,.panel .pagina-usuarios__tabla td{padding:10px 16px}.panel .pagina-usuarios__tabla th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.panel .pagina-usuarios__tabla tbody tr:hover{background-color:var(--color-superficie-2)}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-repeat:no-repeat;background-position:right 10px center;background-size:10px 6px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%2366647a'/%3E%3C/svg%3E")}:root[data-tema=oscuro] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%238d8fa3'/%3E%3C/svg%3E")}button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border:none;border-radius:8px;background-color:var(--color-acento);color:var(--color-acento-texto);font-size:13px;font-weight:500;transition:background-color .15s ease,border-color .15s ease,opacity .15s ease}button:hover:not(:disabled){background-color:var(--color-acento-secundario)}button:disabled{opacity:.5;cursor:not-allowed}button:not(:disabled){cursor:pointer}button.boton-secundario,.dialogo__acciones button[type=button]{background-color:var(--color-fondo);color:var(--color-texto);border:1px solid var(--color-borde)}button.boton-secundario:hover:not(:disabled),.dialogo__acciones button[type=button]:hover:not(:disabled){border-color:var(--color-acento);color:var(--color-acento)}button.boton-peligro{background-color:transparent;color:var(--color-destructivo);border:1px solid var(--color-destructivo)}button.boton-peligro:hover:not(:disabled){background-color:var(--color-destructivo);color:var(--color-destructivo-texto)}button.boton-icono{width:28px;height:28px;padding:0;border-radius:7px;border:1px solid var(--color-borde);background-color:var(--color-superficie);color:var(--color-texto-secundario);font-size:12px;font-weight:500}button.boton-icono:hover:not(:disabled){border-color:var(--color-acento);color:var(--color-acento);background-color:var(--color-superficie)}button.boton-icono--peligro:hover:not(:disabled){border-color:var(--color-destructivo);color:var(--color-destructivo)}