:root{--bg: #f4f1ea;--panel: #ffffff;--linea: #e6e0d4;--tinta: #2b2722;--suave: #8a8170;--terracota: #c2683f;--verde: #2e7d52;--ambar: #c79a2e;--rojo: #b3402f}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--tinta)}.centro{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px}.btn{font:inherit;cursor:pointer;border:1px solid var(--linea);background:var(--panel);border-radius:12px;padding:10px 16px}.btn:hover{background:#faf8f3}.btn.grande{font-size:18px;padding:14px 20px;background:var(--terracota);color:#fff;border:none}.btn.fantasma{background:transparent}.btn.mini{padding:6px 10px;font-size:13px}.btn.avanzar{width:100%;margin-top:7px;background:var(--terracota);color:#fff;border:none;font-size:13px;padding:8px;border-radius:9px}.btn.avanzar:hover{filter:brightness(1.05)}.btn.avanzar:disabled{background:#d8cfc0}.btn.cancelar{width:100%;margin-top:5px;background:transparent;border:1px solid var(--linea);color:var(--rojo);font-size:12px;padding:5px}.btn.cancelar:hover{background:#fbf1ef;border-color:var(--rojo)}.btn:disabled{opacity:.6;cursor:default}.login{background:var(--panel);border:1px solid var(--linea);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:12px;width:320px}.login h1{margin:0 0 8px;font-size:22px}.login input{font:inherit;padding:12px 14px;border:1px solid var(--linea);border-radius:10px}.error{color:var(--rojo);margin:0;font-size:14px}.app{height:100%;display:flex;flex-direction:column}.barra{display:flex;align-items:center;gap:16px;padding:12px 20px;background:var(--panel);border-bottom:1px solid var(--linea)}.barra strong{font-size:18px}.marca-logo{width:38px;height:38px;border-radius:9px;object-fit:contain;background:#fff}.marca{display:flex;flex-direction:column;line-height:1.15}.marca strong{font-size:18px}.marca-sub{font-size:11px;color:var(--suave)}.tabs{display:flex;gap:6px;margin-left:8px}.tab{font:inherit;cursor:pointer;border:none;background:transparent;padding:8px 14px;border-radius:999px;color:var(--suave)}.tab.activo{background:var(--bg);color:var(--tinta);font-weight:600}.barra .btn.fantasma{margin-left:auto}.tablero{flex:1;overflow:hidden;display:flex;flex-direction:column}.aviso{background:var(--verde);color:#fff;text-align:center;padding:10px;font-weight:600}.columnas{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:16px;overflow:hidden}.columnas.col5{grid-template-columns:repeat(5,1fr);gap:10px;padding:12px}.columna{background:var(--panel);border:1px solid var(--linea);border-radius:14px;display:flex;flex-direction:column;overflow:hidden}.columna h2{margin:0;padding:12px 14px;font-size:15px;border-bottom:3px solid var(--linea);display:flex;justify-content:space-between;align-items:center}.conteo{background:#0000000f;border-radius:999px;padding:2px 10px;font-size:13px;color:inherit}.lista{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:9px}.columna.recibidos h2{background:#eaf2fc;color:#2f5d99;border-bottom-color:#5b8fd6}.columna.preparando h2{background:#fdf4e0;color:#946715;border-bottom-color:#d99a2b}.columna.listo h2{background:#e9f5ee;color:#246b4a;border-bottom-color:#41a877}.columna.rider h2{background:#e8590c;color:#fff;border-bottom-color:#b8440a}.columna.rider .conteo{background:#ffffff40}.columna.completados h2{background:#f0f1f2;color:#5f656b;border-bottom-color:#b6bbc0}.tarjeta.col-recibidos{border-left:4px solid #5b8fd6}.tarjeta.col-preparando{border-left:4px solid #d99a2b}.tarjeta.col-listo{border-left:4px solid #41a877}.tarjeta.col-rider{border-left:5px solid #e8590c;background:#fff5ef;box-shadow:0 2px 8px #e8590c2e}.tarjeta.col-completados{border-left:4px solid #b6bbc0}.vacio{color:var(--suave);text-align:center;margin:20px 0}.tarjeta{background:#fff;border:1px solid var(--linea);border-radius:10px;padding:9px 10px;box-shadow:0 1px 2px #0000000a}.tarjeta.ok{border-color:#cfe6d8;background:#fbfdfc}.tarjeta-top{display:flex;align-items:center;justify-content:space-between}.turno-cliente{display:flex;align-items:baseline;gap:7px}.turno{font-size:19px;font-weight:800;color:var(--terracota);line-height:1}.cliente-nombre{font-size:13px;font-weight:600;color:var(--tinta)}.meta{display:flex;align-items:center;gap:7px}.pill{font-size:13px;padding:1px 7px;border-radius:999px;background:var(--bg)}.hora{font-size:11px;color:var(--suave)}.items{list-style:none;margin:7px 0;padding:0;display:flex;flex-direction:column;gap:2px}.items li{font-size:13px;line-height:1.25}.cant{font-weight:700}.notas{color:var(--suave)}.direccion{font-size:12px;color:var(--suave);margin-bottom:5px}.nota-especial{font-size:12px;color:var(--tinta);background:#fdf3df;border-radius:7px;padding:4px 7px;margin-bottom:4px}.tiempos-mini{display:flex;flex-wrap:wrap;gap:4px 8px;margin:6px 0 2px;font-size:11px;color:var(--suave);font-variant-numeric:tabular-nums}.tiempos-mini .tm{white-space:nowrap}.tiempos-mini .ini{display:inline-block;min-width:16px;text-align:center;font-weight:800;color:var(--tinta);background:var(--bg);border-radius:4px;padding:0 3px}.tiempos-mini em{color:var(--ambar);font-style:normal;margin-left:2px}.completado-info{font-size:12px;color:var(--verde);font-weight:600;margin:6px 0}.completado-info .comentario{font-weight:400;color:var(--suave);margin-top:2px}.tiempos{list-style:none;margin:10px 0;padding:10px 0;display:flex;flex-direction:column;gap:6px;border-top:1px dashed var(--linea)}.tiempos li{display:flex;align-items:center;gap:8px;font-size:13px}.tiempos .t-icono{width:18px;text-align:center}.tiempos .t-etiqueta{color:var(--suave)}.tiempos .t-delta{margin-left:auto;font-size:11px;color:var(--ambar);background:#fdf3df;border-radius:999px;padding:1px 7px}.tiempos .t-hora{margin-left:auto;font-variant-numeric:tabular-nums}.tiempos .t-delta+.t-hora{margin-left:8px}.tiempos li.hecho .t-etiqueta{color:var(--tinta);font-weight:600}.tiempos li.hecho .t-hora{color:var(--verde);font-weight:600}.tiempos li.pendiente{opacity:.45}.tarjeta-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--linea);padding-top:7px;margin-top:6px}.pago{display:flex;align-items:center;gap:8px}.pago strong{font-size:18px}.badge{font-size:11px;padding:2px 8px;border-radius:999px;text-transform:capitalize}.badge.ok{background:#ecf3ee;color:var(--verde)}.badge.pend{background:#fdf3df;color:var(--ambar)}.editor{flex:1;overflow-y:auto;padding:20px 28px}.editor h2{margin-top:0}.ayuda{color:var(--suave);font-size:14px}.tabla-menu{width:100%;max-width:720px;border-collapse:collapse;background:var(--panel);border:1px solid var(--linea);border-radius:12px;overflow:hidden}.tabla-menu th,.tabla-menu td{padding:10px 14px;border-bottom:1px solid var(--linea);text-align:left}.tabla-menu th{font-size:13px;color:var(--suave)}.tabla-menu tr.apagado{opacity:.5}.campo{font:inherit;border:1px solid transparent;background:transparent;border-radius:8px;padding:6px 8px;width:100%}.campo:hover,.campo:focus{border-color:var(--linea);background:#fff;outline:none}.campo.precio{width:110px}.guardando{color:var(--suave);margin-left:6px}.switch{position:relative;display:inline-block;width:46px;height:26px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#cfc7b6;border-radius:999px;transition:.15s}.slider:before{content:"";position:absolute;height:20px;width:20px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.15s}.switch input:checked+.slider{background:var(--verde)}.switch input:checked+.slider:before{transform:translate(20px)}.moto-estado{margin-top:6px;font-size:12px;font-weight:600;padding:4px 8px;border-radius:7px}.moto-estado.ok{background:#ecf3ee;color:var(--verde)}.moto-estado.pend{background:#fdf3df;color:var(--ambar)}.moto-estado.camino{background:#e7f0fb;color:#2b6cb0}.reclamo{margin-top:6px;font-size:12px;font-weight:700;color:#fff;background:var(--rojo);border-radius:7px;padding:5px 8px}.alerta-rider{margin-top:6px;font-size:12px;font-weight:800;color:#fff;background:var(--rojo);border-radius:7px;padding:6px 8px;text-align:center;animation:parpadeo 1.2s ease-in-out infinite}@keyframes parpadeo{0%,to{opacity:1}50%{opacity:.55}}.asignar-moto{display:block;margin-top:6px}.asignar-moto select{width:100%;font:inherit;font-size:12px;padding:5px 7px;border:1px solid var(--linea);border-radius:8px;background:#fff;color:var(--suave)}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal-login{width:340px}.modal-login h1{margin:0}.modal-login .ayuda{margin:0 0 4px}.stats{flex:1;overflow-y:auto;padding:16px 20px 40px}.stats-head{position:sticky;top:0;background:var(--bg);padding-bottom:12px;z-index:5}.periodo{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.periodo .chip{font:inherit;cursor:pointer;border:1px solid var(--linea);background:var(--panel);padding:7px 14px;border-radius:999px;color:var(--suave)}.periodo .chip.activo{background:var(--terracota);color:#fff;border-color:var(--terracota);font-weight:600}.rango-fechas{display:flex;align-items:center;gap:6px;color:var(--suave)}.rango-fechas input{font:inherit;padding:6px 8px;border:1px solid var(--linea);border-radius:8px}.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:16px}.kpi{background:var(--panel);border:1px solid var(--linea);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:4px}.kpi-num{font-size:22px;font-weight:800;color:var(--tinta)}.kpi-lbl{font-size:12px;color:var(--suave)}.kpi.alerta .kpi-num{color:var(--ambar)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel-card{background:var(--panel);border:1px solid var(--linea);border-radius:14px;padding:16px}.panel-card.ancho{grid-column:1 / -1}.panel-card h3{margin:0 0 12px;font-size:16px}.t-stats{width:100%;border-collapse:collapse;font-size:14px}.t-stats th{text-align:left;font-size:12px;color:var(--suave);font-weight:600;padding:4px 8px;border-bottom:1px solid var(--linea)}.t-stats td{padding:7px 8px;border-bottom:1px solid var(--linea)}.t-stats tr:last-child td{border-bottom:none}.t-stats .pend{color:var(--ambar)}.horas{display:flex;align-items:flex-end;gap:4px;height:110px;padding-top:8px}.hbar{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px}.hbar-fill{width:100%;max-width:22px;background:var(--terracota);border-radius:4px 4px 0 0;min-height:3px}.hbar-lbl{font-size:10px;color:var(--suave)}.moto-config{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.moto-config label{font-size:14px;color:var(--suave)}.moto-config input[type=number]{width:80px;font:inherit;padding:6px 8px;border:1px solid var(--linea);border-radius:8px;margin-left:6px}.moto-alta{display:flex;gap:8px}.moto-alta input{font:inherit;padding:7px 10px;border:1px solid var(--linea);border-radius:8px;width:130px}.link-mini{background:none;border:none;cursor:pointer;font-size:13px;padding:0 2px;opacity:.7}.link-mini:hover{opacity:1}@media(max-width:820px){.columnas{grid-template-columns:1fr;overflow-y:auto}.kpis{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:1fr}}