:root{--fondo: #0F0F12;--panel: #16161A;--panel-2: #1C1C22;--borde: #24242B;--borde-suave: #3A3A44;--tinta: #F2F2F5;--tinta-2: #A2A2AC;--tinta-3: #6E6E78;--cian: #4BA3D9;--verde: #27B36B;--ambar: #E0A430;--rojo: #D64545;--morado: #8B7BC7;--fuente: "Century Gothic", "Jost", "Futura", sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--fondo);color:var(--tinta);font-family:var(--fuente);-webkit-font-smoothing:antialiased}button{font-family:inherit;border:none;cursor:pointer}input{font-family:inherit}.pantalla{display:flex;flex-direction:column;height:100%;max-width:480px;margin:0 auto}.cabecera{display:flex;align-items:center;gap:12px;padding:18px 16px 12px}.cabecera .volver{width:40px;height:40px;border-radius:10px;background:var(--panel);border:1px solid var(--borde);color:var(--tinta);font-size:18px;display:flex;align-items:center;justify-content:center}.cabecera .titulo{flex:1;display:flex;flex-direction:column;gap:1px}.cabecera .titulo b{font-size:16px}.cabecera .titulo span{font-size:12px;color:var(--tinta-2)}.chip{font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--fondo);padding:5px 10px;border-radius:999px}.chip.recibir,.chip.ubicar{background:var(--ambar)}.chip.surtir{background:var(--cian)}.chip.despachar{background:var(--verde)}.chip.contar{background:var(--morado)}.chip.reponer{background:var(--verde)}.tarjeta{margin:0 16px 12px;background:var(--panel);border:1px solid var(--borde);border-radius:16px;padding:16px}.tarjeta.exito{border-color:var(--verde)}.tarjeta.destino{border-color:var(--cian)}.tarjeta.error{border-color:var(--rojo)}.progreso{display:flex;align-items:center;gap:12px;padding:0 16px 14px}.progreso .barra{flex:1;height:8px;background:var(--panel-2);border-radius:4px;overflow:hidden}.progreso .barra>div{height:100%;border-radius:4px;background:var(--verde)}.progreso span{font-size:12.5px;color:var(--tinta-2)}.mono{font-family:var(--mono)}.bin-grande{font-family:var(--mono);font-size:42px;font-weight:600;letter-spacing:.04em;text-align:center}.dato{background:var(--panel-2);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:3px}.dato .k{font-size:10px;letter-spacing:.08em;color:var(--tinta-3);text-transform:uppercase}.dato .v{font-family:var(--mono);font-size:12px}.acciones{margin-top:auto;display:flex;flex-direction:column;gap:10px;padding:14px 16px 22px;border-top:1px solid var(--borde);background:#121215}.btn{height:56px;border-radius:14px;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px}.btn.primario{background:var(--cian);color:var(--fondo)}.btn.exito{background:var(--verde);color:var(--fondo)}.btn.fantasma{background:var(--panel);border:1px solid var(--borde);color:var(--tinta)}.btn.linea{min-height:44px;background:transparent;border:1px solid var(--borde);border-radius:12px;color:var(--tinta-2);font-size:12.5px;font-weight:400}.btn:disabled{opacity:.4;cursor:default}.fila-tarea{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;background:var(--panel);border:1px solid var(--borde);margin:0 16px 8px;text-align:left;width:calc(100% - 32px);color:var(--tinta)}.fila-tarea .cuerpo{flex:1;display:flex;flex-direction:column;gap:2px}.fila-tarea .cuerpo b{font-size:13px;font-weight:600}.fila-tarea .cuerpo span{font-family:var(--mono);font-size:11px;color:var(--tinta-2)}.fila-tarea .edad{font-size:11px;color:var(--tinta-2)}.fila-tarea .edad.sla{color:var(--rojo)}.campo{display:flex;flex-direction:column;gap:6px;margin:0 16px 12px}.campo label{font-size:12px;letter-spacing:.06em;color:var(--tinta-3);text-transform:uppercase}.campo input{height:52px;border-radius:12px;background:var(--panel);border:1px solid var(--borde);color:var(--tinta);font-size:16px;padding:0 14px;outline:none}.campo input:focus{border-color:var(--cian)}.aviso{margin:0 16px 12px;display:flex;align-items:center;gap:10px;background:var(--panel-2);border-radius:10px;padding:11px 14px;font-size:12.5px}.aviso.ambar{color:var(--tinta);border-left:3px solid var(--ambar)}.aviso.rojo{color:var(--tinta);border-left:3px solid var(--rojo)}.aviso.verde{color:var(--tinta);border-left:3px solid var(--verde)}.seccion{font-size:12px;letter-spacing:.06em;color:var(--tinta-3);padding:4px 16px 8px;text-transform:uppercase}.leyenda-escaner{text-align:center;font-size:12px;color:var(--tinta-3);padding:6px 16px}.camara-capa{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#000;display:flex;flex-direction:column}.camara-video{flex:1;width:100%;object-fit:cover}.camara-marco{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);width:min(70vw,320px);aspect-ratio:1;border-radius:18px;border:2px solid rgba(75,163,217,.9);box-shadow:0 0 0 200vmax #00000059;pointer-events:none}.camara-aviso{position:absolute;left:0;right:0;bottom:96px}.camara-pie{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#000000bf);color:var(--tinta-2);font-size:12.5px}