.staff-login{min-height:100dvh;display:grid;align-content:center;justify-items:center;gap:28px;padding:24px;background:var(--o-fondo);color:var(--o-texto)}.staff-login__logo{width:min(340px,80vw)}.staff-login__card{width:min(400px,100%);display:flex;flex-direction:column;gap:16px;padding:24px;border-radius:22px;background:var(--o-tarjeta);border:2px solid var(--o-linea)}.staff-login__card h1{font-size:30px}.staff-login__field{color:var(--o-texto)}.staff-login .staff-login__field input{background:var(--o-fila);border-color:var(--o-linea);color:var(--o-texto)}.staff-login .staff-login__field input:focus{border-color:var(--amarillo)}.staff-login__error{display:flex;gap:8px;align-items:flex-start;margin:0;padding:10px 12px;border-radius:10px;background:#3a1214;color:#ffb3b5;font-weight:600;font-size:13px;line-height:1.4}:root{--rojo: #9c0f1a;--rojo-brasa: #6e0a12;--rojo-link: #a3101c;--amarillo: #ffcc1a;--sobre-amarillo: #3a0a0e;--llama: #f7931e;--brasa: #e9541e;--promo-oscuro: #2a0a05;--crema: #fff8ec;--rosa-sobre-rojo: #ffe3d6;--o-fondo: #17110f;--o-tarjeta: #241b18;--o-fila: #2f2522;--o-linea: #3d312d;--o-texto-2: #b9a9a0;--o-texto: #fbf3ea;--c-fondo: #f6f1ec;--c-linea: #eadfd3;--c-linea-suave: #f1e8de;--c-input: #e0d2c4;--c-segmentado: #f3eae0;--c-texto-2: #6b5a55;--tinta: #1f1412;--c-off-bg: #e6dcd2;--c-off-texto: #9c8b84;--mesa: #2e6be6;--mesa-o: #6ea0ff;--mesa-tinte: #e8f0fd;--domicilio: #8b3fd9;--domicilio-o: #b98af5;--domicilio-tinte: #f1e8fc;--llevar: #0f8478;--llevar-o: #3ccbb8;--llevar-tinte: #e2f4f1;--exito: #1fa154;--exito-texto: #137a3d;--exito-tinte: #e3f5ea;--peligro: #c4161c;--peligro-tinte: #fde4e4;--peligro-texto: #8e1014;--alerta: #f0a500;--alerta-tinte: #fff0cc;--alerta-texto: #5a3a00;--critico: #e5242a;--display: "Londrina Solid", "Impact", sans-serif;--ui: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--ease-sheet: cubic-bezier(.32, .72, 0, 1);--ease-pop: cubic-bezier(.34, 1.56, .64, 1);--dur-press: .14s;--dur-fade: .2s;--dur-enter: .22s;--dur-sheet: .34s;--dur-toast: .38s;--sombra-plato: 0 1px 0 #eadfd3, 0 8px 24px -12px rgba(110, 10, 18, .25);--sombra-toast: 0 12px 30px -12px rgba(0, 0, 0, .5);--sombra-modal: 0 24px 60px -20px rgba(31, 20, 18, .45);--nav-cliente: 76px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--crema);color:var(--tinta);font-family:var(--ui);font-weight:500;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--rojo-link);text-decoration-thickness:2px;text-underline-offset:3px}h1,h2,h3{margin:0;font-family:var(--display);font-weight:900;line-height:1}.num{font-variant-numeric:tabular-nums}.display{font-family:var(--display);font-weight:900}.kicker{font-weight:800;font-size:12px;letter-spacing:.16em;text-transform:uppercase}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.press{transition:transform var(--dur-press) var(--ease-out),background-color var(--dur-fade) var(--ease-out)}.press:active:not(:disabled){transform:scale(.97)}@media(hover:hover)and (pointer:fine){.hover-lift{transition:transform var(--dur-fade) var(--ease-out)}.hover-lift:hover{transform:translateY(-2px)}}@keyframes enter{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.enter{animation:enter var(--dur-enter) var(--ease-out) backwards}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.rise{animation:rise .26s var(--ease-out) backwards}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .8s linear infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.2s!important;animation-iteration-count:1!important;transition-duration:.2s!important}.press:active:not(:disabled),.hover-lift:hover{transform:none}.enter,.rise{animation-name:fade}.spin{animation:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}.type-chip{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px 0 6px;border-radius:12px;font-weight:800;font-size:14px;letter-spacing:.04em;white-space:nowrap}.type-chip__letter{width:28px;height:28px;border-radius:8px;background:#fff;display:grid;place-items:center;font-size:18px}.type-chip--compact{height:30px;padding:0 10px 0 4px;border-radius:9px;font-size:13px;gap:6px}.type-chip--compact .type-chip__letter{width:22px;height:22px;border-radius:6px;font-size:14px}.status-pill{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;font-weight:800;font-size:12px;letter-spacing:.04em;white-space:nowrap}.wait-chip{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:999px;font-weight:800;font-size:13px;white-space:nowrap}.wait-chip--ok{border:2px solid var(--exito);color:var(--exito-texto)}.wait-chip--late{background:#ffe9a8;border:2px solid var(--alerta);color:#6b4500}.wait-chip--critical{background:var(--critico);color:#fff;border-radius:8px;padding:0 14px;letter-spacing:.03em;box-shadow:0 0 0 3px #ffd3d4}.wait-chip--dark.wait-chip--ok{color:#7fe3a6;border-color:#3fbf75}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:56px;padding:0 20px;border:0;border-radius:16px;font-weight:800;font-size:17px;white-space:nowrap}.btn:disabled{background:var(--c-off-bg);color:var(--c-off-texto);cursor:not-allowed}.btn--rojo{background:var(--rojo);color:#fff}.btn--rojo:active:not(:disabled){background:var(--rojo-brasa)}.btn--amarillo{background:var(--amarillo);color:var(--sobre-amarillo)}.btn--contorno-amarillo{background:transparent;color:var(--amarillo);border:2px solid var(--amarillo)}.btn--tinta{background:var(--tinta);color:#fff}.btn--claro{background:#fff;color:var(--tinta);border:1px solid var(--c-linea)}.btn--verde{background:var(--exito);color:#fff}.btn--peligro{background:var(--peligro);color:#fff}.btn--contorno-peligro{background:transparent;color:#ff6b6d;border:2px solid #ff4d4f}.btn--oscuro{background:var(--o-tarjeta);color:var(--o-texto);border:2px solid var(--o-linea)}.btn--grande{height:72px;font-size:20px}.btn--piso{height:64px;border-radius:14px;font-size:16px}.btn--bloque{width:100%}.btn--icono{width:44px;padding:0}.btn--cargando{pointer-events:none}.segmented{display:flex;padding:4px;border-radius:14px;background:var(--c-segmentado);gap:4px}.segmented button{flex:1;height:44px;border:0;border-radius:10px;background:transparent;color:var(--c-texto-2);font-weight:700;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.segmented button[aria-pressed=true]{background:#fff;box-shadow:0 1px 3px #0000001a;font-weight:800;color:var(--tinta)}.field{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:13px}.field input,.field textarea,.field select{min-height:52px;border:2px solid var(--c-input);border-radius:14px;padding:0 14px;background:#fff;font-weight:600;font-size:17px;outline:none}.field textarea{padding:12px 14px;min-height:96px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--tinta)}.field--error{color:var(--peligro)}.field--error input{border-color:var(--peligro)}.field__error{display:flex;gap:6px;align-items:center;font-size:12px;font-weight:600}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:16px;background:#1f141200;transition:background-color .24s var(--ease-out)}.overlay--in{background:#1f141280}.overlay--sheet{place-items:end center;padding:0}.modal{width:100%;background:#fff;color:var(--tinta);border-radius:22px;padding:22px;box-shadow:var(--sombra-modal);border:1px solid var(--c-linea);display:flex;flex-direction:column;gap:14px;max-height:calc(100dvh - 32px);overflow:auto;opacity:0;transform:scale(.96);transition:opacity .22s var(--ease-out),transform .22s var(--ease-out)}.overlay--in .modal{opacity:1;transform:scale(1)}.sheet{width:100%;max-width:560px;max-height:92dvh;background:#fff;color:var(--tinta);border-radius:28px 28px 0 0;display:flex;flex-direction:column;overflow:hidden;transform:translateY(105%);transition:transform var(--dur-sheet) var(--ease-sheet)}.overlay--in .sheet{transform:translateY(0)}.sheet__grip{display:grid;place-items:center;height:28px;flex-shrink:0;touch-action:none;cursor:grab}.sheet__grip span{width:44px;height:5px;border-radius:99px;background:var(--c-linea)}.modal__icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--peligro-tinte);color:var(--peligro)}.modal__title{font-size:26px}.modal__text{margin:0;font-size:14px;line-height:1.5;color:var(--c-texto-2)}.modal__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modal__actions .btn{height:52px;font-size:15px;border-radius:14px}.reason-chips{display:flex;flex-wrap:wrap;gap:6px}.reason-chips button{padding:8px 12px;border-radius:999px;border:1px solid var(--c-linea);background:#fff;font-weight:700;font-size:13px}.reason-chips button[aria-pressed=true]{background:var(--tinta);color:#fff;border-color:var(--tinta)}.toast{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:80;width:min(440px,calc(100vw - 24px));display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:var(--tinta);color:#fff;box-shadow:var(--sombra-toast);transform:translate(-50%,calc(100% + 48px));transition:transform var(--dur-toast) var(--ease-sheet);pointer-events:none}.toast--in{transform:translate(-50%);pointer-events:auto}.toast__icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.toast__icon--ok{background:var(--exito)}.toast__icon--error{background:var(--peligro)}.toast__text{display:flex;flex-direction:column;min-width:0}.toast__title{font-weight:700;font-size:14px}.toast__detail{font-weight:500;font-size:12px;color:var(--o-texto-2)}.toast__action{margin-left:auto;border:0;background:transparent;color:var(--amarillo);font-weight:800;font-size:13px;white-space:nowrap}.offline-band{position:fixed;top:0;left:0;right:0;z-index:90;display:flex;align-items:center;gap:12px;padding:12px 16px;font-weight:700;font-size:14px;flex-wrap:wrap;animation:rise .24s var(--ease-out)}.offline-band--dark{background:var(--tinta);color:#fff}.offline-band--dark svg{color:var(--amarillo)}.offline-band--amarillo{background:var(--amarillo);color:var(--sobre-amarillo)}.offline-band--ok{background:var(--exito);color:#fff}.offline-band__count{margin-left:auto;font-size:12px;letter-spacing:.08em;color:var(--amarillo)}.loading-station{min-height:100dvh;display:grid;place-content:center;justify-items:center;gap:14px;background:var(--o-fondo);color:var(--o-texto)}.loading-station p{margin:0;font-weight:700;font-size:18px}.dots{display:flex;gap:8px}.dots i{width:10px;height:10px;border-radius:50%;background:var(--amarillo);animation:dot 1.2s var(--ease-in-out) infinite}.dots i:nth-child(2){animation-delay:.16s}.dots i:nth-child(3){animation-delay:.32s}@keyframes dot{0%,80%,to{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}