:root{--fondo:#f7f8fa;--superficie:#fff;--superficie-alt:#eef0f4;--borde:#d8dce3;--texto:#1a1d23;--texto-suave:#5b6472;--acento:#2563eb;--acento-texto:#fff;--exito:#15803d;--alerta:#b45309;--peligro:#b91c1c;--sombra-modal:0 10px 40px #0000002e;--radio:8px}[data-tema=oscuro]{--fondo:#12141a;--superficie:#1b1e26;--superficie-alt:#232733;--borde:#333846;--texto:#e8eaf0;--texto-suave:#9aa3b2;--acento:#60a5fa;--acento-texto:#0b1020;--exito:#4ade80;--alerta:#fbbf24;--peligro:#f87171;--sombra-modal:0 10px 40px #0000008c}[data-tema=oceano]{--fondo:#0b1f2a;--superficie:#102c3a;--superficie-alt:#16394b;--borde:#1f4d63;--texto:#dff1f7;--texto-suave:#8fb6c6;--acento:#2dd4bf;--acento-texto:#05222b;--exito:#34d399;--alerta:#fcd34d;--peligro:#fb7185;--sombra-modal:0 10px 40px #00141e99}[data-tema=lavanda]{--fondo:#f6f4fb;--superficie:#fff;--superficie-alt:#efeaf9;--borde:#ddd4f0;--texto:#241c33;--texto-suave:#6b5f85;--acento:#7c5cd6;--acento-texto:#fff;--exito:#2f855a;--alerta:#9a6b00;--peligro:#c02b46;--sombra-modal:0 10px 40px #3c286438}@media (prefers-color-scheme:dark){:root:not([data-tema]){--fondo:#12141a;--superficie:#1b1e26;--superficie-alt:#232733;--borde:#333846;--texto:#e8eaf0;--texto-suave:#9aa3b2;--acento:#60a5fa;--acento-texto:#0b1020;--exito:#4ade80;--alerta:#fbbf24;--peligro:#f87171;--sombra-modal:0 10px 40px #0000008c}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}*{box-sizing:border-box}body{background:var(--fondo);color:var(--texto);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1{margin:0;font-size:1.5rem}h2{margin:0 0 12px;font-size:1.1rem}.pagina{max-width:1200px;margin:0 auto;padding:20px}.shell{grid-template-columns:var(--ancho-barra,240px) 1fr;min-height:100vh;display:grid}.shell-colapsada{--ancho-barra:64px}.shell-oculta{--ancho-barra:0px}.shell-oculta .barra-lateral{display:none}.barra-lateral{background:var(--superficie);border-right:1px solid var(--borde);flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.contenido{min-width:0}.barra-marca{border-bottom:1px solid var(--borde);align-items:center;gap:8px;padding:12px;display:flex}.plegar{color:var(--texto);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:1.2rem}.barra-empresa{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.barra-nav{flex-direction:column;flex:1;padding:8px 0;display:flex;overflow-y:auto}.nav-item{color:var(--texto);white-space:nowrap;border-left:3px solid #0000;align-items:center;gap:10px;padding:10px 14px;text-decoration:none;display:flex}.nav-item:hover{background:var(--superficie-alt)}.nav-item.activo{background:var(--superficie-alt);border-left-color:var(--acento);font-weight:600}.nav-icono{text-align:center;flex:none;width:20px}.shell-colapsada .nav-etiqueta,.shell-colapsada .barra-empresa{display:none}.barra-pie{border-top:1px solid var(--borde);padding:8px;position:relative}.estado-caja{border-radius:var(--radio);align-items:center;gap:8px;padding:6px 8px;font-size:.85rem;display:flex}.caja-abierta{color:var(--exito)}.caja-cerrada{color:var(--texto-suave)}.cuenta{width:100%;color:var(--texto);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:8px;display:flex}.cuenta:hover{background:var(--superficie-alt)}.cuenta .nav-etiqueta{flex-direction:column;line-height:1.2;display:flex;overflow:hidden}.cuenta small{color:var(--texto-suave);font-size:.75rem}.avatar{background:var(--acento);width:32px;height:32px;color:var(--acento-texto);border-radius:50%;flex:none;place-items:center;font-size:.8rem;font-weight:700;display:grid}.menu-cuenta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra-modal);z-index:20;flex-direction:column;gap:8px;padding:12px;display:flex;position:absolute;bottom:100%;left:8px;right:8px}.menu-cuenta label{flex-direction:column;gap:4px;display:flex}@media (width<=800px){.shell{grid-template-columns:1fr}.barra-lateral{z-index:30;width:240px;box-shadow:var(--sombra-modal);position:fixed}.shell-expandida .contenido{margin-left:240px}}.modal-fondo{z-index:100;background:#00000073;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--superficie);width:100%;max-height:90vh;color:var(--texto);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra-modal);flex-direction:column;display:flex}.modal:focus{outline:none}.modal-sm{max-width:420px}.modal-md{max-width:640px}.modal-lg{max-width:900px}.modal-full{max-width:1200px;height:90vh}.modal-cabecera{border-bottom:1px solid var(--borde);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.modal-cabecera h2{margin:0}.modal-cerrar{color:var(--texto-suave);cursor:pointer;background:0 0;border:none;padding:0 6px;font-size:1.5rem;line-height:1}.modal-cerrar:hover{color:var(--texto)}.modal-cuerpo{padding:16px;overflow-y:auto}.modal-pie{border-top:1px solid var(--borde);justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.dialogo-campos{flex-direction:column;gap:12px;display:flex}.dialogo-campos label{flex-direction:column;gap:4px;display:flex}.dialogo-opciones{flex-direction:column;gap:10px;margin-top:12px;display:flex}.dialogo-opciones button{text-align:left;justify-content:flex-start;padding:14px 16px;font-size:1.05rem}kbd{background:var(--superficie-alt);border:1px solid var(--borde);text-align:center;border-radius:4px;min-width:1.6em;margin-right:8px;padding:2px 6px;font-family:inherit;font-size:.85em;display:inline-block}.avisos{z-index:200;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:16px;right:16px}.aviso{border-radius:var(--radio);border:1px solid var(--borde);background:var(--superficie);box-shadow:var(--sombra-modal);max-width:360px;padding:10px 14px}.aviso-exito{border-left:4px solid var(--exito)}.aviso-error{border-left:4px solid var(--peligro)}.aviso-alerta{border-left:4px solid var(--alerta)}.barra{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.panel{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);margin-bottom:16px;padding:16px}.panel-anidado{border-left:3px solid var(--borde);margin:12px 0;padding:8px 0 8px 12px}button{background:var(--acento);color:var(--acento-texto);border-radius:var(--radio);cursor:pointer;border:none;padding:8px 14px;font-size:.95rem}button:hover:not(:disabled){filter:brightness(1.08)}button:disabled{opacity:.5;cursor:not-allowed}button.secundario{background:var(--superficie-alt);color:var(--texto);border:1px solid var(--borde)}button.peligro{background:var(--peligro);color:var(--acento-texto)}input,select{background:var(--superficie);color:var(--texto);border:1px solid var(--borde);border-radius:var(--radio);padding:8px 10px;font-size:.95rem}input:focus,select:focus{outline:2px solid var(--acento);outline-offset:1px}input:disabled{background:var(--superficie-alt);color:var(--texto-suave)}label{color:var(--texto-suave);font-size:.9rem}.contenedor-tabla{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);margin-bottom:16px;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--borde);padding:8px 12px}th{background:var(--superficie-alt);color:var(--texto-suave);font-size:.85rem;font-weight:600}td.numero,th.numero{text-align:right;font-variant-numeric:tabular-nums}tr.anulada{opacity:.5;text-decoration:line-through}.error{color:var(--peligro)}.exito{color:var(--exito)}.texto-suave{color:var(--texto-suave);font-size:.9rem}.login-fondo{background:radial-gradient(620px 420px at 12% 8%, color-mix(in srgb, var(--acento) 14%, transparent), transparent), radial-gradient(720px 520px at 88% 92%, color-mix(in srgb, var(--acento) 12%, transparent), transparent), var(--fondo);align-content:center;place-items:center;gap:4px;min-height:100vh;padding:24px;display:grid}.login-caja{background:var(--superficie);border:1px solid var(--borde);border-radius:calc(var(--radio) * 2);width:100%;max-width:400px;box-shadow:var(--sombra-modal);padding:36px 32px;animation:.35s ease-out login-aparece}@keyframes login-aparece{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}.login-marca{text-align:center;margin-bottom:24px}.login-logo{background:linear-gradient(135deg, var(--acento), color-mix(in srgb, var(--acento) 65%, var(--texto)));width:56px;height:56px;color:var(--acento-texto);box-shadow:0 6px 18px color-mix(in srgb, var(--acento) 40%, transparent);border-radius:16px;place-items:center;margin-bottom:14px;display:inline-grid}.login-logo svg{width:28px;height:28px}.login-subtitulo{color:var(--texto-suave);margin:6px 0 0;font-size:.9rem}.login-caja form{flex-direction:column;gap:6px;display:flex}.login-campo{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);align-items:center;gap:8px;margin-bottom:10px;padding:0 10px;transition:border-color .15s,box-shadow .15s;display:flex}.login-campo:focus-within{border-color:var(--acento);box-shadow:0 0 0 3px color-mix(in srgb, var(--acento) 25%, transparent)}.login-campo>svg{width:18px;height:18px;color:var(--texto-suave);flex:none;transition:color .15s}.login-campo:focus-within>svg{color:var(--acento)}.login-campo input{background:0 0;border:none;flex:1;min-width:0;padding:11px 0}.login-campo input:focus{outline:none}.login-ojo{color:var(--texto-suave);background:0 0;border:none;place-items:center;padding:4px;display:grid}.login-ojo:hover:not(:disabled){color:var(--texto)}.login-ojo svg{width:18px;height:18px}.login-error{border-radius:var(--radio);color:var(--peligro);background:color-mix(in srgb, var(--peligro) 10%, var(--superficie));border:1px solid color-mix(in srgb, var(--peligro) 35%, var(--borde));align-items:center;gap:8px;margin:2px 0 4px;padding:10px 12px;font-size:.9rem;animation:.3s login-sacude;display:flex}.login-error svg{flex:none;width:18px;height:18px}@keyframes login-sacude{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.login-entrar{box-shadow:0 4px 14px color-mix(in srgb, var(--acento) 35%, transparent);justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:11px;font-size:1rem;font-weight:600;display:inline-flex}.login-spinner{border:2px solid color-mix(in srgb, var(--acento-texto) 35%, transparent);border-top-color:var(--acento-texto);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite login-gira}@keyframes login-gira{to{transform:rotate(360deg)}}.login-pie{color:var(--texto-suave);margin:18px 0 0;font-size:.8rem}.menu-botones{flex-direction:column;gap:10px;max-width:320px;margin-top:20px;display:flex}.ventas-layout{grid-template-columns:2fr 1fr;align-items:start;gap:20px;display:grid}@media (width<=900px){.ventas-layout{grid-template-columns:1fr}}.total-venta{color:var(--acento);padding:10px 0;font-size:1.4rem;font-weight:700}.boleta-item{border-bottom:1px solid var(--borde);justify-content:space-between;align-items:center;gap:8px;padding:8px;display:flex}.boton-mini{flex:none;padding:4px 10px;font-size:.8rem}.tras-venta{background:var(--superficie-alt);border:1px solid var(--borde);border-radius:var(--radio);flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 12px;padding:10px 14px;display:flex}.tras-venta span{flex:1;min-width:12ch}.boleta-item:hover{background:var(--superficie-alt)}.campo-moneda{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);align-items:center;display:inline-flex;overflow:hidden}.campo-moneda:focus-within{outline:2px solid var(--acento);outline-offset:1px}.campo-moneda-simbolo{color:var(--texto-suave);-webkit-user-select:none;user-select:none;padding:8px 0 8px 10px;font-size:.95rem}.campo-moneda input{text-align:right;font-variant-numeric:tabular-nums;background:0 0;border:none;border-radius:0;width:9ch}.campo-moneda input:focus{outline:none}.campo-moneda:has(input:disabled){background:var(--superficie-alt);color:var(--texto-suave)}.etiqueta{background:var(--superficie-alt);border:1px solid var(--borde);border-radius:999px;align-items:center;gap:6px;padding:4px 6px 4px 10px;font-size:.9rem;display:inline-flex}.etiqueta-quitar{color:var(--texto-suave);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1rem;line-height:1}.etiqueta-quitar:hover{color:var(--peligro)}.dia{color:var(--texto);align-items:center;gap:4px;display:inline-flex}.alerta{color:var(--alerta)}.mesas{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;display:grid}.mesa{border:2px solid var(--borde);border-radius:var(--radio);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:92px;padding:10px;display:flex}.mesa-nombre{font-size:1.2rem;font-weight:700}.mesa-dato{opacity:.85;font-size:.82rem}.mesa-libre{background:var(--superficie-alt);color:var(--texto-suave)}.mesa-ocupada{background:var(--acento);color:var(--acento-texto);border-color:var(--acento)}.mesa-cuenta{background:var(--alerta);color:var(--acento-texto);border-color:var(--alerta)}.capacidades{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;display:grid}.capacidad{border:1px solid var(--borde);border-radius:var(--radio);text-transform:capitalize;color:var(--texto);align-items:center;gap:6px;padding:6px 8px;display:flex}.capacidad:has(input:disabled){opacity:.45}.escaner-indicador{border-radius:var(--radio);border:1px solid var(--borde);background:var(--superficie-alt);cursor:pointer;align-items:center;gap:6px;padding:4px 10px;font-size:.85rem;display:inline-flex}.kds{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.kds-columna{background:var(--superficie-alt);border:1px solid var(--borde);border-radius:var(--radio);padding:12px}.kds-columna h3{color:var(--texto-suave);margin:0 0 12px;font-size:1rem}.kds-tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);margin-bottom:10px;padding:12px}.kds-tarjeta h4{margin:0 0 8px;font-size:1rem}.kds-tiempo{color:var(--texto-suave);font-size:.8rem}.kds-item{border-bottom:1px solid var(--borde);justify-content:space-between;gap:8px;padding:6px 0;display:flex}.kds-item:last-child{border-bottom:none}.kanban{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start;gap:12px;display:grid}.kanban-col{background:var(--superficie-alt);border:1px solid var(--borde);border-radius:var(--radio);padding:10px}.kanban-col h4{color:var(--texto-suave);margin:0 0 10px;font-size:.95rem}.kanban-tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);cursor:pointer;margin-bottom:8px;padding:10px}.kanban-tarjeta:hover{background:var(--superficie-alt)}.shell{--alto-franjas:0px}.franjas{z-index:30;grid-column:1/-1;position:sticky;top:0}.franjas:empty{display:none}.banner-demo{background:var(--alerta);color:#1a1d23;align-items:center;gap:10px;min-height:46px;padding:4px 14px;font-size:.9rem;display:flex}.banner-demo-icono{flex:none;font-size:1.1rem}.banner-demo-texto{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.banner-demo button{flex:none;padding:5px 12px;font-size:.85rem}.banner-demo-fin{background:var(--peligro);color:#fff}.barra-lateral{top:var(--alto-franjas);height:calc(100vh - var(--alto-franjas))}.selector-tema{justify-content:center;gap:14px;margin-top:22px;display:flex}.muestra-tema{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:5px;padding:0;display:flex}.muestra-tema small{color:var(--texto-suave);font-size:.72rem}.muestra-lienzo{background:var(--fondo);border:2px solid var(--borde);border-radius:6px;width:38px;height:28px;transition:transform .12s,border-color .12s;display:block;position:relative;overflow:hidden}.muestra-tema:hover .muestra-lienzo{transform:translateY(-2px)}.muestra-tema.activa .muestra-lienzo{border-color:var(--acento);box-shadow:0 0 0 2px var(--acento)}.muestra-barra{background:var(--superficie);border-bottom:1px solid var(--borde);height:9px;position:absolute;inset:0 0 auto}.muestra-acento{background:var(--acento);border-radius:50%;width:11px;height:11px;position:absolute;bottom:5px;left:5px}.muestra-tema:focus-visible .muestra-lienzo{outline:2px solid var(--acento);outline-offset:2px}.selector-tema-compacto{justify-content:flex-start;gap:8px;margin-top:0}.banner-pendientes{background:var(--superficie-alt);border-bottom:1px solid var(--borde);min-height:46px;color:var(--texto);align-items:center;gap:10px;padding:4px 14px;font-size:.9rem;display:flex}.banner-pendientes-mal{background:var(--peligro);color:var(--acento-texto)}.banner-pendientes-icono{flex:none;font-size:1.1rem}.banner-pendientes-texto{flex:1;min-width:0}.banner-pendientes button{flex:none;padding:5px 12px;font-size:.85rem}.login-demo{border-top:1px solid var(--borde);margin-top:24px;padding-top:20px}.login-demo h2{margin:0 0 6px;font-size:1rem}.login-demo p{margin:0 0 12px;font-size:.85rem;line-height:1.45}.login-demo-opciones{flex-direction:column;gap:8px;display:flex}.login-demo-opciones button{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:10px 14px;display:flex}.login-demo-opciones small{color:var(--texto-suave);font-size:.78rem}