:root{--fondo: #f4f6f9;--panel: #ffffff;--panel-2: #f1f3f7;--borde: #e2e6ec;--texto: #12161c;--tenue: #5f6b7a;--taxi: #f5c518;--taxi-oscuro: #8a6a00;--verde: #167a45;--rojo: #c22a2a;--naranja: #a35c00;--radio: 14px;--lateral: 262px;--sombra: 0 1px 2px rgba(16, 24, 40, .05), 0 1px 3px rgba(16, 24, 40, .04)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--fondo);color:var(--texto);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}.app{display:flex;min-height:100%}.principal{flex:1;min-width:0;display:flex;flex-direction:column}.lateral{position:fixed;top:0;bottom:0;left:0;z-index:40;width:var(--lateral);background:var(--panel);border-right:1px solid var(--borde);display:flex;flex-direction:column;transform:translate(-100%);transition:transform .2s ease;padding-top:env(safe-area-inset-top)}.lateral.abierto{transform:none;box-shadow:0 0 40px #1018282e}.velo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;background:#10182859}.marca{display:flex;align-items:center;gap:10px;padding:18px 18px 14px;font-size:20px;letter-spacing:-.3px;border-bottom:1px solid var(--borde)}.marca img{width:32px;height:32px}.marca strong{color:var(--taxi-oscuro)}.nav{flex:1;overflow-y:auto;padding:12px 10px;display:flex;flex-direction:column;gap:2px}.nav button{display:flex;align-items:center;gap:11px;width:100%;text-align:left;background:none;border:0;cursor:pointer;color:var(--tenue);font-size:16px;font-weight:500;padding:11px 12px;border-radius:10px;font-family:inherit}.nav button:hover{background:var(--panel-2);color:var(--texto)}.nav button .ico{font-size:19px;line-height:1;width:24px;text-align:center}.nav button.activo{background:#fdf6dc;color:var(--texto);font-weight:650;box-shadow:inset 3px 0 0 var(--taxi)}.grupo{display:flex;flex-direction:column}.subnav{display:flex;flex-direction:column;gap:1px;margin:2px 0 4px 27px;padding-left:12px;border-left:1px solid var(--borde)}.subnav button{padding:8px 10px;font-size:15px;font-weight:500;border-radius:8px}.subnav button.activo{background:#fdf6dc;color:var(--texto);font-weight:650;box-shadow:none}.lateral-pie{border-top:1px solid var(--borde);padding:12px 14px calc(12px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:10px}.lateral-pie .quien{display:flex;align-items:center;gap:9px;flex:1;min-width:0}.lateral-pie .avatar{width:32px;height:32px;flex:0 0 32px;border-radius:50%;background:var(--taxi);color:#12161c;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px}.lateral-pie .nombre{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cabecera{display:flex;align-items:center;gap:12px;padding:max(13px,env(safe-area-inset-top)) 18px 13px;background:var(--panel);border-bottom:1px solid var(--borde);position:sticky;top:0;z-index:20}.cabecera h1{font-size:19px;margin:0;font-weight:650;letter-spacing:-.2px}.hamburguesa{background:none;border:1px solid var(--borde);border-radius:10px;color:var(--texto);font-size:19px;line-height:1;padding:7px 12px;cursor:pointer}.contenido{flex:1;padding:18px;max-width:1140px;width:100%;margin:0 auto}@media(min-width:900px){.lateral{transform:none}.principal{margin-left:var(--lateral)}.hamburguesa,.velo{display:none}}.tarjeta{background:var(--panel);border:1px solid var(--borde);border-radius:var(--radio);padding:18px;margin-bottom:14px;box-shadow:var(--sombra)}.tarjeta h2{font-size:13px;margin:0 0 13px;color:var(--tenue);font-weight:650;text-transform:uppercase;letter-spacing:.7px}.rejilla{display:grid;grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:12px}.dato{background:var(--panel-2);border-radius:12px;padding:15px}.dato .etq{font-size:12px;color:var(--tenue);text-transform:uppercase;letter-spacing:.6px}.dato .val{font-size:27px;font-weight:700;margin-top:4px;letter-spacing:-.5px}.dato .val.taxi{color:var(--taxi-oscuro)}.dato .val.rojo{color:var(--rojo)}button.btn{background:var(--taxi);color:#12161c;border:0;border-radius:12px;padding:14px 18px;font-size:16.5px;font-weight:650;cursor:pointer;width:100%;font-family:inherit}button.btn:hover{filter:brightness(.96)}button.btn:disabled{opacity:.5;cursor:not-allowed}button.btn.secundario{background:var(--panel);color:var(--texto);border:1px solid var(--borde)}button.btn.peligro{background:var(--rojo);color:#fff}button.mini{background:var(--panel);border:1px solid var(--borde);color:var(--texto);border-radius:9px;padding:8px 12px;font-size:14.5px;cursor:pointer;font-family:inherit}button.mini:hover{background:var(--panel-2)}label.campo{display:block;margin-bottom:13px}label.campo span{display:block;font-size:13.5px;color:var(--tenue);margin-bottom:5px}input,select,textarea{width:100%;background:var(--panel);border:1px solid var(--borde);color:var(--texto);border-radius:11px;padding:12px;font-size:16.5px;font-family:inherit}input:focus,select:focus,textarea:focus{outline:2px solid var(--taxi);outline-offset:-1px;border-color:var(--taxi)}.fila{display:flex;gap:10px;align-items:center}.fila>*{flex:1}table{width:100%;border-collapse:collapse;font-size:15.5px}th{text-align:left;font-size:12.5px;color:var(--tenue);text-transform:uppercase;letter-spacing:.5px;padding:9px 6px;border-bottom:1px solid var(--borde);font-weight:650}td{padding:11px 6px;border-bottom:1px solid var(--borde)}tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--panel-2)}.tabla-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.chip{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12.5px;font-weight:650;background:var(--panel-2);color:var(--tenue)}.chip.ok{background:#e4f6ec;color:var(--verde)}.chip.aviso{background:#fdf0dc;color:var(--naranja)}.chip.mal{background:#fce9e9;color:var(--rojo)}.chip.taxi{background:#fdf6dc;color:var(--taxi-oscuro)}.aviso-caja{border-radius:12px;padding:13px 15px;margin-bottom:12px;font-size:15.5px;background:#fce9e9;border:1px solid #f3c9c9;color:#8f1f1f}.aviso-caja.ok{background:#e4f6ec;border-color:#bfe6cf;color:#0f5c34}.vacio{color:var(--tenue);text-align:center;padding:30px 12px;font-size:15.5px}.login{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.login .caja{width:100%;max-width:380px}.login .logo{text-align:center;margin-bottom:26px}.login .logo img{width:84px;height:84px}.login .logo h1{font-size:29px;margin:12px 0 4px;letter-spacing:-.5px}.login .logo p{color:var(--tenue);margin:0;font-size:15.5px}.turno-cabecera{text-align:center;padding:18px 0 8px}.turno-cabecera .recaudado{font-size:44px;font-weight:750;color:var(--taxi-oscuro);letter-spacing:-1.5px}.turno-cabecera .etq{color:var(--tenue);font-size:14.5px}.canales{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:10px}.canal{background:var(--panel-2);border:1px solid var(--borde);border-radius:12px;padding:11px 13px}.canal span{display:block;font-size:12.5px;color:var(--tenue);margin-bottom:5px}.canal input{background:transparent;border:0;padding:0;font-size:21px;font-weight:650}.canal input:focus{outline:0}.canal.relleno{border-color:var(--taxi);background:#fffdf4}.faldon{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;gap:14px;padding:14px 18px calc(14px + env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid var(--borde);box-shadow:0 -6px 24px #1018281a}.faldon img{border-radius:10px;flex:0 0 44px}.faldon .texto{flex:1;min-width:0}.faldon .texto strong{display:block;font-size:16px;margin-bottom:2px}.faldon .texto p{margin:0;font-size:14.5px;color:var(--tenue);line-height:1.45}.faldon .texto b{color:var(--texto)}.faldon .detalle{display:block;margin-top:6px}.faldon .glifo{display:inline-block;padding:0 5px;border-radius:5px;background:var(--panel-2);color:var(--texto);font-weight:700}.faldon .acciones{display:flex;gap:8px;flex:0 0 auto;align-items:center}.faldon .acciones .btn{width:auto;padding:11px 18px}@media(min-width:900px){.faldon{left:var(--lateral)}}@media(max-width:620px){.faldon{flex-wrap:wrap;gap:10px}.faldon .acciones{width:100%}.faldon .acciones .btn{flex:1}}body.con-faldon .contenido{padding-bottom:140px}body.con-faldon .login{padding-bottom:170px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:14px}.kpis .dato.hero{grid-column:1 / -1;background:var(--panel);border:1px solid var(--borde);box-shadow:var(--sombra)}.kpis .dato.hero .val{font-size:46px;letter-spacing:-1.5px}.dato .val.verde{color:var(--verde)}.dato .pie{margin-top:6px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;min-height:22px}.delta{font-size:13px;font-weight:650;color:var(--tenue)}.delta.bien{color:var(--verde)}.delta.mal{color:var(--rojo)}.filtros .chips-rango{display:flex;flex-wrap:wrap;gap:6px}.chip-boton{background:var(--panel-2);border:1px solid transparent;color:var(--texto);border-radius:999px;padding:7px 13px;font-size:14px;cursor:pointer;font-family:inherit}.chip-boton:hover{border-color:var(--borde)}.chip-boton.activo{background:#fdf6dc;border-color:var(--taxi);font-weight:650}.grafico{position:relative;width:100%}.grafico svg{display:block;max-width:100%}.leyenda{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:8px;font-size:13.5px;color:var(--tenue)}.leyenda i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}.tooltip{position:absolute;z-index:5;pointer-events:none;background:var(--panel);border:1px solid var(--borde);border-radius:10px;box-shadow:0 6px 24px #10182824;padding:9px 12px;font-size:13.5px;min-width:190px}.tooltip strong{display:block;margin-bottom:4px}.tooltip div{display:flex;align-items:center;gap:7px;padding:1px 0}.tooltip div b{margin-left:auto;font-variant-numeric:tabular-nums}.tooltip i{display:inline-block;width:10px;height:10px;border-radius:3px}.dos-columnas{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:820px){.dos-columnas{grid-template-columns:1fr}}table.num td:not(:first-child){font-variant-numeric:tabular-nums;text-align:right}table.num th:not(:first-child){text-align:right}table.num td.neg{color:var(--rojo)}table.num tr.total td{border-top:2px solid var(--borde);background:var(--panel-2)}.punto{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:8px;vertical-align:-1px}.zona-subida{position:relative;border:2px dashed var(--borde);border-radius:14px;padding:34px 18px;text-align:center;color:var(--tenue);background:var(--panel-2)}.zona-subida:hover{border-color:var(--taxi)}.zona-subida input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.zona-subida p{margin:0;font-size:15.5px}table.previa th{white-space:nowrap}table.previa th.usada{color:var(--taxi-oscuro)}table.previa .letra{display:inline-block;min-width:18px;margin-right:6px;padding:0 4px;border-radius:4px;background:var(--panel-2);color:var(--tenue);font-size:11px;text-align:center}table.previa td{white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis;font-size:14px}.grupo-mapeo{margin-top:14px}.grupo-mapeo h3{font-size:14px;margin:0 0 8px;color:var(--texto);font-weight:650}.rejilla-mapeo{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:4px 12px}.rejilla-mapeo label.campo{margin-bottom:8px}.rejilla-mapeo label.campo.obligatorio span{color:var(--texto);font-weight:650}.rejilla-mapeo select{padding:9px 10px;font-size:15px}.aviso-caja ul{margin:6px 0 0;padding-left:18px}