:root{color-scheme:light;--color-fondo: #ffffff;--color-superficie: #ffffff;--color-superficie-suave: #fff0f6;--color-borde: #f6c9dd;--color-texto: #4a1c34;--color-texto-suave: #a6577e;--color-primario: #ec4899;--color-primario-suave: #f9a8d4;--color-exito: #16a34a;--color-advertencia: #d97706;--color-error: #dc2626;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html{overflow-x:hidden}body{margin:0;width:100%;background-color:var(--color-fondo);color:var(--color-texto)}.app-shell{min-height:100vh;width:100%}.app-nav{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;padding:1rem 2rem;background-color:var(--color-superficie-suave);border-bottom:2px solid var(--color-borde)}.app-nav .marca{font-weight:800;font-size:1.25rem;color:var(--color-primario);margin-right:auto}.app-nav .nav-usuario,.app-nav .nav-sucursal{color:var(--color-texto-suave);font-size:.9rem;margin-left:auto}.app-nav .nav-usuario{margin-left:0}.boton-salir{background-color:transparent;color:var(--color-texto-suave);border:1px solid var(--color-borde);padding:.4rem .9rem}.boton-salir:hover{background-color:var(--color-superficie-suave)}.app-nav a{text-decoration:none;color:var(--color-texto-suave);font-weight:600}.app-nav a.activo{color:var(--color-primario)}.dashboard{padding:2rem;max-width:1100px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.dashboard-header h1{color:var(--color-primario)}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 800px){.dashboard-grid{grid-template-columns:1fr}}.panel{background-color:var(--color-superficie);border:1px solid var(--color-borde);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #ec48990f}.panel h2{margin-top:0;color:var(--color-texto)}.selector-sucursal{display:flex;align-items:center;gap:.5rem;max-width:100%}.selector-sucursal select{padding:.4rem .6rem;border-radius:6px;border:1px solid var(--color-borde);background-color:var(--color-superficie);max-width:100%;min-width:0;flex:1}.formulario-inline{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.formulario-inline input{padding:.5rem;border-radius:6px;border:1px solid var(--color-borde)}.formulario-vertical{display:flex;flex-direction:column;gap:1rem}.formulario-vertical label{display:flex;flex-direction:column;gap:.35rem;font-weight:600;font-size:.9rem}.formulario-vertical input,.formulario-vertical textarea{padding:.55rem;border-radius:6px;border:1px solid var(--color-borde);font-weight:400;font-family:inherit}.campo-ayuda{font-weight:400;color:var(--color-texto-suave);font-size:.8rem}button{padding:.6rem 1.2rem;border-radius:6px;border:none;background-color:var(--color-primario);color:#fff;font-weight:600;cursor:pointer;align-self:flex-start}button:hover:not(:disabled){background-color:#db2777}button:disabled{opacity:.6;cursor:not-allowed}.tabla{width:100%;border-collapse:collapse}.tabla th{text-align:left;padding:.5rem;border-bottom:2px solid var(--color-borde);color:var(--color-texto-suave)}.tabla td{text-align:left;padding:.5rem;border-bottom:1px solid var(--color-borde)}.col-monto{text-align:right}.texto-ayuda{color:var(--color-texto-suave);font-size:.9rem}.texto-error{color:var(--color-error);font-weight:600}.texto-exito{color:var(--color-exito);font-weight:600}.resultado-cierre{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--color-borde)}.resultado-cierre dl{display:grid;grid-template-columns:auto 1fr;gap:.4rem 1rem}.resultado-cierre dt{color:var(--color-texto-suave)}.diferencia-ok{color:var(--color-exito);font-weight:700}.diferencia-alerta{color:var(--color-error);font-weight:700}.financiero-topbar{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.financiero-topbar h1{margin:0;color:var(--color-primario)}.boton-hamburguesa{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border-radius:8px;background-color:var(--color-superficie-suave);color:var(--color-primario);border:1px solid var(--color-borde);flex-shrink:0;align-self:auto}.boton-hamburguesa:hover{background-color:var(--color-primario-suave);color:#fff}.dashboard-header--sucursal{justify-content:flex-end}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#4a1c3459;z-index:40}.drawer-financiero{position:fixed;top:0;left:0;bottom:0;width:290px;max-width:85vw;background-color:var(--color-superficie);border-right:1px solid var(--color-borde);box-shadow:4px 0 20px #4a1c3426;z-index:50;transform:translate(-100%);transition:transform .25s ease;padding:1.5rem;display:flex;flex-direction:column;overflow-y:auto}.drawer-financiero.abierto{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between}.drawer-header .marca{font-weight:800;font-size:1.15rem;color:var(--color-primario);margin-right:0}.boton-cerrar-drawer{background:transparent;border:none;color:var(--color-texto-suave);padding:.3rem;align-self:auto}.boton-cerrar-drawer:hover{color:var(--color-primario);background:transparent}.drawer-subtitulo{margin:.15rem 0 1.5rem;color:var(--color-texto-suave);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.drawer-nav{display:flex;flex-direction:column;gap:.5rem}.drawer-link{display:flex;align-items:center;gap:.85rem;padding:.75rem .85rem;border-radius:10px;color:var(--color-texto);text-decoration:none;border:1px solid transparent;font-weight:400}.drawer-link:hover{background-color:var(--color-superficie-suave)}.drawer-link.activo{background-color:var(--color-superficie-suave);border-color:var(--color-borde)}.drawer-link-icono{display:inline-flex;color:var(--color-primario);flex-shrink:0}.drawer-link-texto{display:flex;flex-direction:column;gap:.1rem;min-width:0}.drawer-link-etiqueta{font-weight:700;font-size:.95rem;color:var(--color-texto)}.drawer-link.activo .drawer-link-etiqueta{color:var(--color-primario)}.drawer-link-descripcion{font-size:.75rem;color:var(--color-texto-suave);white-space:normal}.tarjeta-total-global{display:flex;flex-direction:column;gap:.35rem;background:linear-gradient(135deg,var(--color-primario),var(--color-primario-suave));border:none;color:#fff;margin-bottom:1.5rem}.tarjeta-total-etiqueta{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;opacity:.9}.tarjeta-total-monto{font-size:2.5rem;font-weight:800;line-height:1.1}.tarjeta-total-detalle{font-size:.85rem;opacity:.9}.totales-grid{display:grid;grid-template-columns:3fr 2fr;gap:1.5rem;margin-bottom:1.5rem;align-items:start}@media (max-width: 900px){.totales-grid{grid-template-columns:1fr}}.panel-ranking h2,.panel-grafica h2{margin-top:0}.ranking-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.ranking-item{display:flex;align-items:center;gap:.85rem}.ranking-posicion{width:2rem;flex-shrink:0;text-align:center;font-weight:700;font-size:1.1rem;color:var(--color-texto-suave)}.ranking-posicion--medalla{font-size:1.4rem}.ranking-detalle{flex:1;min-width:0}.ranking-fila-superior{display:flex;justify-content:space-between;gap:.5rem;margin-bottom:.3rem}.ranking-nombre{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-monto{font-weight:700;color:var(--color-primario);flex-shrink:0}.ranking-barra-fondo{height:8px;border-radius:999px;background-color:var(--color-superficie-suave);overflow:hidden}.ranking-barra{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--color-primario-suave),var(--color-primario))}.grafica-header{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;flex-wrap:wrap}.grafica-wrap{position:relative}.grafica-svg{width:100%;height:auto;margin-top:.5rem;overflow:visible}.grafica-gridline{stroke:var(--color-borde);stroke-width:1;stroke-dasharray:3 4}.grafica-eje-label{fill:var(--color-texto-suave);font-size:9px}.grafica-punto{fill:var(--color-superficie);stroke:var(--color-primario-suave);stroke-width:2;transition:r .12s ease}.grafica-punto-pico{fill:var(--color-primario);stroke:#fff;stroke-width:2}.grafica-fecha{fill:var(--color-texto-suave);font-size:9px}.grafica-guia-vertical{stroke:var(--color-primario-suave);stroke-width:1;stroke-dasharray:2 3}.grafica-barra{fill:var(--color-primario-suave);transition:fill .12s ease}.grafica-barra-pico{fill:var(--color-primario)}.grafica-valor{fill:var(--color-texto-suave);font-size:10px;font-weight:600}.grafica-valor-pico{fill:var(--color-primario);font-size:10px;font-weight:700}.grafica-hitarea{cursor:pointer}.grafica-hitarea:hover~.grafica-barra,.grafica-hitarea:hover~.grafica-punto{opacity:.85}.grafica-tooltip{position:absolute;transform:translate(-50%,-115%);background-color:var(--color-texto);color:#fff;border-radius:8px;padding:.45rem .7rem;font-size:.78rem;line-height:1.35;display:flex;flex-direction:column;align-items:center;gap:.1rem;white-space:nowrap;pointer-events:none;box-shadow:0 6px 16px #4a1c3447;z-index:5}.grafica-tooltip strong{font-size:.9rem}.grafica-tooltip-pico{color:var(--color-primario-suave);font-weight:700;text-transform:uppercase;font-size:.65rem;letter-spacing:.03em}.panel-ciclo{margin-bottom:1.5rem}.ciclo-encabezado{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}.ciclo-etiqueta{display:block;font-weight:700;color:var(--color-texto)}.ciclo-desde{display:block;margin-top:.15rem}.ciclo-link-historial{color:var(--color-primario);font-weight:600;font-size:.85rem;text-decoration:none;white-space:nowrap}.ciclo-link-historial:hover{text-decoration:underline}.ciclo-monto{display:block;font-size:2.1rem;font-weight:800;color:var(--color-primario);margin-bottom:1rem}.boton-secundario{background-color:var(--color-superficie);color:var(--color-primario);border:1.5px solid var(--color-primario-suave)}.boton-secundario:hover:not(:disabled){background-color:var(--color-superficie-suave)}.ciclo-confirmacion{background-color:var(--color-superficie-suave);border:1px solid var(--color-borde);border-radius:10px;padding:1rem}.ciclo-confirmacion p{margin:0 0 .85rem;font-size:.9rem;color:var(--color-texto)}.ciclo-confirmacion-botones{display:flex;gap:.75rem;flex-wrap:wrap}.historial-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.historial-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;border:1px solid var(--color-borde);border-radius:10px;background-color:var(--color-superficie-suave)}.historial-fechas{display:flex;flex-direction:column;gap:.15rem}.historial-rango{font-weight:600}.historial-monto{font-size:1.15rem;font-weight:800;color:var(--color-primario);white-space:nowrap}.logistico-encabezado{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.logistico-encabezado h2{margin:0}.resumen-flota{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1rem}.chip-estado{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .7rem;border-radius:999px;font-size:.8rem;font-weight:700;white-space:nowrap}.chip-estado--en-linea{background-color:#dcfce7;color:#15803d}.chip-estado--retraso{background-color:#fef3c7;color:#b45309}.chip-estado--desconectado{background-color:#fee2e2;color:#b91c1c}.alerta-flota{border-radius:10px;padding:1rem 1.15rem;margin-bottom:1rem}.alerta-flota--critica{background-color:#fee2e2;border:1px solid #fca5a5;color:#7f1d1d}.alerta-flota strong{display:block;margin-bottom:.35rem}.alerta-flota p{margin:0;font-size:.9rem;line-height:1.5}.info-unidad{font-size:.85rem;line-height:1.6}.info-unidad .chip-estado{margin:.15rem 0}.boton-recorrido{margin-top:.5rem;padding:.4rem .8rem;font-size:.8rem}.boton-enlace{background:none;border:none;padding:0;color:var(--color-primario);font-weight:600;text-decoration:underline;cursor:pointer;align-self:auto}.recorrido-info{margin-top:.75rem}.formulario-ubicacion{margin-bottom:1.25rem}.fila-formulario{display:flex;gap:1rem;flex-wrap:wrap}.fila-formulario label{flex:1;min-width:140px}.fila-formulario select,.fila-formulario input{width:100%}.boton-eliminar{color:var(--color-error)}.chip-ubicacion{display:inline-flex;padding:.25rem .6rem;border-radius:999px;background-color:var(--color-superficie-suave);color:var(--color-primario);font-size:.78rem;font-weight:700;white-space:nowrap}.chip-anomalia--parada{background-color:var(--color-superficie-suave);color:var(--color-primario)}.anomalias-controles{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;margin:1rem 0}.anomalias-ventana{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.9rem}.anomalias-ventana select{padding:.4rem .6rem;border-radius:6px;border:1px solid var(--color-borde)}.anomalias-filtros{display:flex;flex-wrap:wrap;gap:.5rem}.anomalias-filtros button{background-color:var(--color-superficie);color:var(--color-texto-suave);border:1.5px solid var(--color-borde);padding:.4rem .8rem;font-size:.85rem;font-weight:600}.anomalias-filtros button.activo{background-color:var(--color-primario);color:#fff;border-color:var(--color-primario)}.anomalias-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.anomalia-item{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem 1rem;padding:.85rem 1rem;border:1px solid var(--color-borde);border-radius:10px}.anomalia-detalle{display:flex;flex-direction:column;gap:.1rem;flex:1;min-width:160px}.anomalia-fecha{white-space:nowrap}.anomalia-ver-grabacion{color:var(--color-primario);font-weight:600;font-size:.82rem;text-decoration:none;margin-top:.15rem}.anomalia-ver-grabacion:hover{text-decoration:underline}.panel-camara-vivo{margin-top:1.5rem}.camara-lista{display:flex;flex-direction:column;gap:1.25rem;margin-top:1rem}.camara-tarjeta{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border:1px solid var(--color-borde);border-radius:10px}.camara-tarjeta-encabezado{display:flex;align-items:center;gap:.6rem}.camara-controles{display:flex;flex-wrap:wrap;gap:.5rem}.camara-videos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:.75rem}.reproductor-camara{margin:0;display:flex;flex-direction:column;gap:.35rem}.reproductor-camara-caja{position:relative;aspect-ratio:16 / 9;background-color:#2a2a33;border-radius:10px;overflow:hidden}.reproductor-camara-caja video{width:100%;height:100%;display:block;object-fit:contain;background-color:#000}.reproductor-camara-error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:1rem;text-align:center;background-color:#14141ad9;color:#f1f1f5;font-size:.85rem}.reproductor-camara figcaption{display:flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600}.punto-en-vivo{width:8px;height:8px;border-radius:50%;background-color:var(--color-error)}.camara-comando-manual summary{cursor:pointer;font-size:.9rem;font-weight:600;color:var(--color-texto-suave)}.camara-comando-manual[open] summary{margin-bottom:.5rem}.camara-respuesta{margin:.5rem 0 0;padding:.6rem .75rem;background-color:var(--color-superficie-suave);border-radius:8px;font-size:.8rem;white-space:pre-wrap;word-break:break-word}.camara-placeholder-caja{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;aspect-ratio:16 / 9;max-width:480px;background-color:#2a2a33;color:#9a9aa8;border-radius:10px;font-size:.85rem;font-weight:600}.grabaciones-filtro{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.9rem;margin:1rem 0}.grabaciones-filtro select{padding:.4rem .6rem;border-radius:6px;border:1px solid var(--color-borde)}.grabaciones-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.85rem}.grabacion-item{display:flex;gap:1rem;padding:.85rem;border:1px solid var(--color-borde);border-radius:10px;align-items:flex-start}.grabacion-miniatura{flex-shrink:0;width:72px;height:54px;display:flex;align-items:center;justify-content:center;background-color:#2a2a33;color:#9a9aa8;border:none;border-radius:8px;cursor:pointer;padding:0}.grabacion-miniatura:hover{background-color:#35353f}.grabacion-info{display:flex;flex-direction:column;gap:.15rem;flex:1}.grabacion-visor{display:block;width:100%;max-width:560px;margin-top:.5rem;border-radius:8px;background-color:#000}.grabacion-pendiente{margin:.5rem 0 0;padding:.6rem .75rem;background-color:var(--color-superficie-suave);border-radius:8px;font-size:.82rem;color:var(--color-texto-suave)}.panel-historial-recorridos{margin-top:1.5rem}.panel-historial-recorridos .formulario-inline{margin-top:.75rem}.panel-historial-recorridos select,.panel-historial-recorridos input[type=date]{padding:.5rem .6rem;border-radius:6px;border:1px solid var(--color-borde);background-color:var(--color-superficie)}.resumen-recorrido{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin:1rem 0;padding:.75rem 1rem;background-color:var(--color-superficie-suave);border-radius:8px;font-size:.88rem;color:var(--color-texto-suave)}.resumen-recorrido strong{color:var(--color-texto)}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--color-superficie-suave),var(--color-fondo));padding:1rem}.login-card{background-color:var(--color-superficie);border:1px solid var(--color-borde);border-radius:12px;box-shadow:0 8px 24px #ec48991f;padding:2.5rem 2rem;width:100%;max-width:360px}.login-card h1{margin:0 0 .25rem;color:var(--color-primario);text-align:center}.login-card .texto-ayuda{text-align:center;margin-top:0;margin-bottom:1.5rem}.login-card button{align-self:stretch;margin-top:.5rem}.dashboard-empleado{max-width:480px}.resumen-sucursales,.detalle-unidades{margin-top:1.5rem}.subtitulo-unificado{margin-top:1.5rem;margin-bottom:.5rem;color:var(--color-texto-suave);font-size:1rem}@media (max-width: 640px){.app-nav{padding:.75rem 1rem;justify-content:center;gap:.6rem 1rem}.app-nav .marca{flex:1 1 100%;text-align:center;margin-right:0;font-size:1.1rem}.app-nav .nav-usuario,.app-nav .nav-sucursal{margin-left:0;flex:1 1 100%;text-align:center;order:3}.boton-salir{padding:.35rem .8rem;font-size:.85rem}.dashboard{padding:1rem}.dashboard-header{flex-direction:column;align-items:stretch;text-align:center}.dashboard-header h1{font-size:1.35rem}.panel{padding:1rem}.selector-sucursal{justify-content:center}.formulario-vertical button{align-self:stretch}.login-card{padding:2rem 1.25rem}.tabla thead{display:none}.tabla,.tabla tbody,.tabla tfoot,.tabla tr,.tabla td{display:block;width:100%}.tabla tr{margin-bottom:.75rem;border:1px solid var(--color-borde);border-radius:8px;padding:.25rem .75rem}.tabla tfoot tr{background-color:var(--color-superficie-suave);font-weight:600}.tabla td{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--color-fondo);text-align:right}.tabla td:last-child{border-bottom:none}.tabla td:before{content:attr(data-label);font-weight:600;color:var(--color-texto-suave);text-align:left;margin-right:auto}.tabla td:not([data-label]){display:block;text-align:left}.tabla td:not([data-label]):before{content:none}.financiero-topbar h1{font-size:1.2rem}.drawer-financiero{width:260px;padding:1.25rem}.tarjeta-total-monto{font-size:1.85rem}.ranking-nombre{white-space:normal}.ciclo-encabezado{flex-direction:column}.ciclo-monto{font-size:1.7rem}.historial-item{flex-direction:column;align-items:flex-start}}