:root{--fondo:#f0eeee;--superficie:#fff;--superficie-hundida:#f1eef0;--texto:#2b2529;--texto-suave:#7a7078;--borde:#dfdadd;--primario:#714b67;--primario-fuerte:#5b3c53;--primario-texto:#fffaf7;--anillo:#714b6755;--peligro:#c0392b;--peligro-fondo:#fbe4e0;--verde:#1a7a4c;--verde-fondo:#e1f5e9;--amarillo:#a1670a;--amarillo-fondo:#fdf0d5;--rojo:#c0392b;--rojo-fondo:#fbe4e0;--gris:#6b625b;--gris-fondo:#ece4dc;--sombra:0 2px 4px #2b252914, 0 10px 20px -12px #2b252929;--sombra-chica:0 1px 2px #2b25290f;--radio:10px;--radio-chico:8px;--topbar-alto:56px;--sidebar-ancho:220px}@media (prefers-color-scheme:dark){:root{--fondo:#1a1720;--superficie:#242030;--superficie-hundida:#2b2738;--texto:#f0ecf4;--texto-suave:#a89bb0;--borde:#3a3448;--primario:#a9799e;--primario-fuerte:#c294b7;--primario-texto:#1a1720;--anillo:#a9799e55;--peligro-fondo:#3a221d;--verde-fondo:#16301f;--amarillo-fondo:#332608;--rojo-fondo:#3a221d;--gris-fondo:#332a23;--sombra:0 2px 4px #0000004d, 0 10px 20px -12px #00000080}}*{box-sizing:border-box}html,body{background:var(--fondo);color:var(--texto);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif;font-size:16px}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4{letter-spacing:-.01em;margin:0 0 .5em;line-height:1.25}h1{font-size:1.15rem;font-weight:700}h2{font-size:1.05rem;font-weight:700}h4{color:var(--texto-suave);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:600}.icono{flex-shrink:0;width:20px;height:20px}.topbar{height:var(--topbar-alto);background:var(--primario);color:var(--primario-texto);z-index:20;align-items:center;gap:.5rem;padding:0 .75rem;display:flex;position:sticky;top:0}.topbar h1{color:inherit;align-items:center;gap:.5rem;margin:0;font-size:1rem;display:flex}.topbar .boton-texto{color:var(--primario-texto)}.topbar .icono{color:inherit}.marca-icono{display:flex}.hamburguesa{color:inherit;box-shadow:none;border-radius:var(--radio-chico);background:0 0;border:none;padding:.4rem}@media (width>=960px){.hamburguesa{display:none}}.cuerpo{flex:1;align-items:flex-start;min-height:0;display:flex}.sidebar{top:var(--topbar-alto);background:var(--superficie);border-right:1px solid var(--borde);z-index:25;width:260px;padding:.5rem;transition:transform .2s;position:fixed;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.sidebar.abierta{box-shadow:var(--sombra);transform:translate(0)}.sidebar-scrim{top:var(--topbar-alto);z-index:24;background:#1c140e66;position:fixed;bottom:0;left:0;right:0}.sidebar-item{border-radius:0 var(--radio-chico) var(--radio-chico) 0;width:100%;color:var(--texto-suave);cursor:pointer;text-align:left;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:.7rem;padding:.65rem .75rem;font-size:.88rem;font-weight:600;display:flex}.sidebar-item:hover{background:var(--superficie-hundida)}.sidebar-item.activa{color:var(--primario);border-left-color:var(--primario);background:var(--anillo)}.migaja{color:var(--texto-suave);width:100%;max-width:720px;margin:0 auto;padding:.7rem 1rem 0;font-size:.78rem}.migaja strong{color:var(--texto);font-weight:700}.contenido-envoltura{flex:1;min-width:0}.contenido{flex:1;width:100%;max-width:720px;margin:0 auto;padding:1rem}@media (width>=960px){.sidebar{top:var(--topbar-alto);width:var(--sidebar-ancho);height:calc(100vh - var(--topbar-alto));box-shadow:none;flex-shrink:0;position:sticky;transform:none}.migaja,.contenido{max-width:none}}.panel{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra-chica);margin-bottom:1rem;padding:1.1rem}.ayuda{color:var(--texto-suave);margin-top:0;font-size:.85rem}form{flex-direction:column;gap:.65rem;display:flex}label{color:var(--texto-suave);flex-direction:column;gap:.3rem;font-size:.8rem;font-weight:600;display:flex}input,select,button,textarea{font-family:inherit;font-size:1rem}input,select,textarea{border:1px solid var(--borde);border-radius:var(--radio-chico);background:var(--superficie-hundida);color:var(--texto);padding:.6rem .7rem;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--primario);box-shadow:0 0 0 3px var(--anillo);background:var(--superficie);outline:none}button{border:1px solid var(--borde);border-radius:var(--radio-chico);background:var(--superficie);color:var(--texto);cursor:pointer;align-items:center;gap:.4rem;padding:.6rem 1rem;font-weight:600;transition:transform .1s,background .15s,box-shadow .15s;display:inline-flex}button:active{transform:scale(.97)}.boton-primario{background:var(--primario);color:var(--primario-texto);border-color:var(--primario-fuerte);box-shadow:var(--sombra-chica)}.boton-primario:hover{background:var(--primario-fuerte)}.boton-texto{color:var(--primario-fuerte);box-shadow:none;background:0 0;border:none;padding:.45rem .5rem}.boton-peligro{color:var(--peligro)}.boton-peligro-relleno{background:var(--peligro);border-color:var(--peligro);color:#fff}.formulario-linea{flex-flow:wrap;align-items:center;gap:.5rem;margin-bottom:1rem}.formulario-linea input,.formulario-linea select{flex:120px}.tabla{border-collapse:collapse;width:100%;font-size:.9rem}.tabla th,.tabla td{border-bottom:1px solid var(--borde);text-align:left;padding:.5rem .4rem}.tabla th{color:var(--texto-suave);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:700}.tabla tbody tr:hover{background:var(--superficie-hundida)}.tabla .celda{width:100%;min-width:70px;padding:.35rem .5rem}.lista-tarjetas{gap:.75rem;display:grid}.tarjeta{border:1px solid var(--borde);border-radius:var(--radio);background:var(--superficie);box-shadow:var(--sombra-chica);padding:.9rem}.tarjeta header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.tarjeta footer{border-top:1px dashed var(--borde);gap:.5rem;margin-top:.6rem;padding-top:.6rem;display:flex}.detalle{grid-template-columns:1fr 1fr;gap:.4rem 1rem;margin:.5rem 0;display:grid}.detalle div{border-bottom:1px dashed var(--borde);justify-content:space-between;gap:.5rem;padding-bottom:.25rem;font-size:.88rem;display:flex}.detalle dt{color:var(--texto-suave)}.detalle dd{margin:0;font-weight:700}.detalle dd.destacado{color:var(--primario-fuerte);font-size:1.1rem}.pastilla{white-space:nowrap;border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .6rem;font-size:.72rem;font-weight:700;display:inline-flex}.pastilla:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.pastilla-verde,dd.pastilla-verde{background:var(--verde-fondo);color:var(--verde)}.pastilla-amarillo,dd.pastilla-amarillo{background:var(--amarillo-fondo);color:var(--amarillo)}.pastilla-rojo,dd.pastilla-rojo{background:var(--rojo-fondo);color:var(--rojo)}.pastilla-gris,dd.pastilla-gris{background:var(--gris-fondo);color:var(--gris)}.linea-receta{align-items:center;gap:.5rem;margin-bottom:.4rem;display:flex}.linea-receta select{flex:2}.linea-receta input{flex:1}.resultado-calculo{margin-top:.75rem}.punto-equilibrio{color:var(--texto);background:var(--superficie-hundida);border-radius:var(--radio-chico);margin-top:.5rem;padding:.6rem .75rem;font-size:.88rem}.punto-equilibrio:empty{display:none}.superposicion{z-index:30;background:#1c140e80;justify-content:center;align-items:flex-end;animation:.15s aparecer;display:flex;position:fixed;inset:0}.dialogo{background:var(--superficie);width:100%;max-width:480px;max-height:90vh;box-shadow:var(--sombra);border-radius:20px 20px 0 0;padding:1.1rem;animation:.2s subir;overflow-y:auto}.dialogo-chico{border-radius:16px;max-width:340px;margin:1rem}@media (width>=640px){.superposicion{align-items:center}.dialogo{border-radius:18px;margin:1rem}}@keyframes aparecer{0%{opacity:0}to{opacity:1}}@keyframes subir{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.acciones-dialogo{justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.login{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:1rem;display:flex}.login form{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);width:100%;max-width:320px;box-shadow:var(--sombra);padding:1.75rem}.login h1{text-align:center;margin-bottom:1.25rem;font-size:1.3rem}.error{color:var(--peligro);min-height:1.2em;font-size:.85rem}.ok{color:var(--verde);font-size:.85rem;font-weight:600}.toasts{z-index:50;pointer-events:none;flex-direction:column;gap:.5rem;width:calc(100% - 1.5rem);max-width:380px;display:flex;position:fixed;top:.75rem;left:50%;transform:translate(-50%)}.toast{background:var(--texto);color:var(--fondo);border-radius:var(--radio-chico);box-shadow:var(--sombra);opacity:0;padding:.7rem 1rem;font-size:.88rem;font-weight:600;transition:opacity .2s,transform .2s;transform:translateY(-8px)}.toast.visible{opacity:1;transform:translateY(0)}.toast-ok{background:var(--verde);color:#fff}.toast-error{background:var(--peligro);color:#fff}.skeleton{background:linear-gradient(90deg, var(--superficie-hundida) 25%, var(--borde) 50%, var(--superficie-hundida) 75%);border-radius:var(--radio-chico);background-size:200% 100%;animation:1.3s infinite brillo}.skeleton-linea{height:14px;margin-bottom:.5rem}.skeleton-panel{border-radius:var(--radio);height:100px;margin-bottom:1rem}@keyframes brillo{0%{background-position:200% 0}to{background-position:-200% 0}}.vacio{text-align:center;color:var(--texto-suave);padding:2rem 1rem;font-size:.9rem}.pedidos-tablero{flex-direction:column;display:flex}.columna-estado{border-top:3px solid #0000;margin-bottom:1.25rem;padding-top:.6rem}.columna-estado h4{justify-content:space-between;align-items:center;display:flex}.contador-estado{background:var(--gris-fondo);color:var(--gris);border-radius:999px;padding:.05rem .5rem;font-size:.72rem;font-weight:700}.tarjeta-pedido{flex-direction:column;gap:.3rem;display:flex}.tarjeta-pedido .fila{justify-content:space-between;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.tarjeta-pedido .numero{color:var(--primario-fuerte);font-weight:700}.barra-saldo{background:var(--gris-fondo);border-radius:999px;height:6px;margin-top:.2rem;overflow:hidden}.barra-saldo>div{background:var(--verde);height:100%}@media (width>=960px){.pedidos-tablero{flex-direction:row;gap:1rem;padding-bottom:.5rem;overflow-x:auto}.columna-estado{flex:0 0 300px;margin-bottom:0}}.selector-estado{border:1px solid var(--borde);border-radius:var(--radio-chico);flex-wrap:wrap;display:flex;overflow:hidden}.chip-estado{border:none;border-right:1px solid var(--borde);background:var(--superficie-hundida);cursor:pointer;color:var(--texto-suave);white-space:nowrap;flex:auto;padding:.4rem .8rem;font-size:.76rem;font-weight:600}.chip-estado:last-child{border-right:none}.chip-estado.activa{background:var(--primario);color:var(--primario-texto)}