:root{--azul:#2563eb;--azul-oscuro:#1e40af;--azul-50:#eff6ff;--fondo:#f3f4f6;--borde:#e5e7eb;--texto:#111827;--texto-suave:#6b7280;--verde:#16a34a;--verde-bg:#dcfce7;--rojo:#dc2626;--rojo-bg:#fee2e2;--ambar:#d97706;--ambar-bg:#fef3c7;--azul-badge-bg:#dbeafe;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--fondo);color:var(--texto);margin:0}button{cursor:pointer;font-family:inherit}input,select,textarea{border:1px solid var(--borde);color:var(--texto);background:#fff;border-radius:8px;padding:9px 12px;font-family:inherit;font-size:14px}textarea{resize:vertical}input[type=date]{cursor:pointer}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;border-radius:4px;margin-left:4px;padding:4px}input[type=date]::-webkit-calendar-picker-indicator:hover{background:var(--azul-50)}label{color:var(--texto-suave);flex-direction:column;gap:4px;font-size:13px;display:flex}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:600;transition:background-color .15s;display:inline-flex}.btn-primario{background:var(--azul);color:#fff}.btn-primario:hover{background:var(--azul-oscuro)}.btn-primario:disabled{opacity:.6;cursor:not-allowed}.btn-secundario{color:var(--texto);border:1px solid var(--borde);background:#fff}.btn-secundario:hover{background:var(--fondo)}.grupo-presets{background:var(--fondo);border-radius:10px;flex-wrap:wrap;gap:3px;margin-bottom:14px;padding:4px;display:inline-flex}.preset{color:var(--texto-suave);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 14px;font-family:inherit;font-size:13.5px;font-weight:600;transition:background .15s,color .15s,box-shadow .15s}.preset:hover{color:var(--texto);background:#0000000d}.preset.activo{background:var(--azul);color:#fff;box-shadow:0 1px 3px #0003}.preset.activo:hover{background:var(--azul)}.link-limpiar{font:inherit;color:var(--azul);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.btn-peligro{color:var(--rojo);border:1px solid var(--rojo-bg);background:#fff}.btn-icono{border:1px solid var(--borde);width:32px;height:32px;color:var(--texto-suave);background:#fff;border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.btn-icono:hover{background:var(--fondo);color:var(--texto)}.btn-icono.peligro:hover{background:var(--rojo-bg);color:var(--rojo);border-color:var(--rojo-bg)}.layout{min-height:100vh;display:flex}.barra-lateral{border-right:1px solid var(--borde);background:#fff;flex-direction:column;flex-shrink:0;width:240px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.logo{align-items:center;gap:10px;margin-bottom:24px;padding:0 6px;font-size:17px;font-weight:700;display:flex}.logo-icono{background:var(--azul-50);width:34px;height:34px;color:var(--azul);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.barra-lateral nav{flex-direction:column;flex:1;gap:2px;display:flex}.barra-lateral nav a{color:var(--texto-suave);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.barra-lateral nav a:hover{background:var(--fondo);color:var(--texto)}.barra-lateral nav a.active{background:var(--azul);color:#fff}.usuario-actual{border-top:1px solid var(--borde);align-items:center;gap:10px;margin-top:14px;padding-top:14px;display:flex}.usuario-avatar{background:var(--azul);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.usuario-info{flex:1;min-width:0}.usuario-info .nombre{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.usuario-info .email{color:var(--texto-suave);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.usuario-actual .btn-salir{color:var(--rojo);background:0 0;border:none;align-items:center;padding:4px;display:flex}.contenido{flex:1;max-width:1400px;padding:28px 32px}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-header-titulo{align-items:center;gap:12px;display:flex}.page-header-icono{background:var(--azul-50);width:44px;height:44px;color:var(--azul);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.page-header h2{margin:0;font-size:22px}.page-header p{color:var(--texto-suave);margin:2px 0 0;font-size:14px}.card{border:1px solid var(--borde);background:#fff;border-radius:12px;margin-bottom:20px;padding:20px}.card h3{margin:0 0 2px;font-size:15px}.card>p.subtitulo-card{color:var(--texto-suave);margin:0 0 16px;font-size:13px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:20px;display:grid}.stat-card{border:1px solid var(--borde);background:#fff;border-radius:12px;flex-direction:column;gap:10px;padding:18px 20px;display:flex}.stat-card-top{justify-content:space-between;align-items:center;display:flex}.stat-card-label{color:var(--texto-suave);font-size:13px;font-weight:500}.stat-card-icono{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.stat-card-valor{font-size:26px;font-weight:700;line-height:1}.stat-card-delta{font-size:12px}.delta-positivo{color:var(--verde)}.delta-negativo{color:var(--rojo)}.delta-neutro{color:var(--texto-suave)}.badge{border-radius:999px;align-items:center;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-verde{background:var(--verde-bg);color:var(--verde)}.badge-rojo{background:var(--rojo-bg);color:var(--rojo)}.badge-azul{background:var(--azul-badge-bg);color:var(--azul)}.badge-ambar{background:var(--ambar-bg);color:var(--ambar)}.badge-gris{background:var(--fondo);color:var(--texto-suave)}.toast-exito{z-index:1000;background:var(--verde-bg);color:var(--verde);border:1px solid var(--verde);border-radius:10px;align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:600;animation:.2s ease-out toast-entrada;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 4px 16px #0000001a}@keyframes toast-entrada{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.selector-rol{gap:8px;display:flex}.btn-rol{border:1px solid var(--borde);background:var(--fondo);color:var(--texto-suave);cursor:pointer;border-radius:8px;flex:1;padding:10px;font-size:14px;font-weight:600}.btn-rol-activo{background:var(--texto);color:#fff;border-color:var(--texto)}.modal-overlay{z-index:2000;background:#0f172a80;justify-content:center;align-items:center;padding:20px;animation:.15s ease-out modal-fondo-entrada;display:flex;position:fixed;inset:0}.modal-caja{background:#fff;border-radius:14px;width:100%;max-width:440px;max-height:90vh;padding:24px;animation:.18s ease-out modal-caja-entrada;overflow-y:auto;box-shadow:0 20px 50px #00000040}.modal-encabezado{justify-content:space-between;align-items:flex-start;margin-bottom:4px;display:flex}.modal-encabezado h3{margin:0}.modal-cerrar{cursor:pointer;color:var(--texto-suave);background:0 0;border:none;padding:2px}@keyframes modal-fondo-entrada{0%{opacity:0}to{opacity:1}}@keyframes modal-caja-entrada{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.avatar{background:var(--azul);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:inline-flex}.tabla-wrap{overflow-x:auto}.tabla{border-collapse:collapse;width:100%}.tabla th{text-align:left;color:var(--texto-suave);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--borde);padding:10px 12px;font-size:12px;font-weight:600}.tabla td{border-bottom:1px solid var(--borde);vertical-align:middle;padding:12px;font-size:14px}.tabla tr:last-child td{border-bottom:none}.celda-persona{align-items:center;gap:10px;display:flex}.celda-persona .nombre{font-weight:600}.celda-persona .subtexto{color:var(--texto-suave);font-size:12px}.celda-contacto{color:var(--texto-suave);flex-direction:column;gap:2px;font-size:13px;display:flex}.celda-contacto .fila{align-items:center;gap:6px;display:flex}.acciones-tabla{gap:6px;display:flex}.buscador-cliente .buscador-wrap{max-width:420px;margin-bottom:14px}.buscador-cliente .tabla-wrap .tabla td{vertical-align:middle}.paginacion-buscador{color:var(--texto-suave);justify-content:center;align-items:center;gap:14px;margin-top:12px;font-size:13px;display:flex}.checkbox-linea{color:var(--texto);flex-direction:row;align-items:center;gap:8px;font-size:14px}.checkbox-linea input[type=checkbox]{width:16px;height:16px;accent-color:var(--azul)}.cliente-elegido{background:var(--azul-50);border:1px solid #bfdbfe;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;max-width:420px;padding:12px 14px;display:flex}.cliente-elegido .nombre{font-size:14px;font-weight:700}.cliente-elegido .detalle{color:var(--texto-suave);font-size:12.5px}.filtros-fila{flex-wrap:wrap;gap:10px;display:flex}.buscador-wrap{flex:1;min-width:240px;position:relative}.buscador-wrap svg{color:var(--texto-suave);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.buscador-wrap input{width:100%;padding-left:36px}.formulario-inline{flex-wrap:wrap;align-items:end;gap:10px;margin-bottom:16px;display:flex}.buscador{width:280px;margin-bottom:12px;display:block}.pantalla-login{background:var(--fondo);justify-content:center;align-items:center;min-height:100vh;display:flex}.tarjeta-login{border:1px solid var(--borde);background:#fff;border-radius:12px;flex-direction:column;gap:14px;width:320px;padding:32px;display:flex}.logo-login{align-items:center;gap:10px;display:flex}.tarjeta-login h1{margin:0;font-size:20px}.tarjeta-login .subtitulo{color:var(--texto-suave);margin:-8px 0 4px;font-size:14px}.tarjeta-login button{margin-top:4px}.error{color:var(--rojo);font-size:13px}.dos-columnas{grid-template-columns:260px 1fr;gap:32px;display:grid}.lista-seleccionable{flex-direction:column;gap:4px;padding:0;list-style:none;display:flex}.lista-seleccionable li{align-items:center;gap:6px;display:flex}.lista-seleccionable li>button:first-child{min-width:0;color:var(--texto);border:1px solid var(--borde);text-align:left;background:#fff;border-radius:8px;flex:1;padding:10px 12px;font-size:14px}.lista-seleccionable li>button:first-child.activo{background:var(--azul);color:#fff;border-color:var(--azul)}.lista-seleccionable li>.btn-icono{flex-shrink:0}.lista-paradas{flex-direction:column;gap:6px;padding-left:0;list-style:none;display:flex}.lista-paradas li{border:1px solid var(--borde);background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.acciones-parada{flex-shrink:0;gap:4px;display:flex}.ayuda{color:var(--texto-suave);font-size:13px}.mapa-placeholder{background:var(--azul-badge-bg);height:150px;color:var(--azul);text-align:center;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin-bottom:20px;padding:0 20px;font-size:13px;font-weight:600;display:flex}.mapa-google{border-radius:14px;width:100%;overflow:hidden}.mapa-placeholder-overlay{background:var(--azul-badge-bg);color:var(--azul);text-align:center;pointer-events:none;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:13px;font-weight:600;display:flex;position:absolute;inset:0}.filatitulo-seccion{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.filatitulo-seccion h3{margin:0;font-size:16px}.lista-paradas-admin{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.tarjeta-parada-admin{border:1px solid var(--borde);background:#fff;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;display:flex}.tarjeta-parada-admin.arrastrando{opacity:.4;border-style:dashed;border-color:var(--azul)}.asa-arrastre{color:var(--texto-suave);cursor:grab;flex-shrink:0;align-items:center;display:flex}.asa-arrastre:active{cursor:grabbing}.badge-orden{background:var(--fondo);width:28px;height:28px;color:var(--texto);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.tarjeta-parada-info{flex:1;min-width:0}.tarjeta-parada-info .nombre{font-size:14px;font-weight:600}.tarjeta-parada-info .direccion{color:var(--texto-suave);align-items:center;gap:4px;margin-top:2px;font-size:12.5px;display:flex}.tabs-venta{gap:8px;margin-bottom:16px;display:flex}.tabs-venta button{color:var(--texto);border:1px solid var(--borde);background:#fff;border-radius:8px;padding:8px 14px;font-size:14px}.tabs-venta button.activo{background:var(--azul);color:#fff;border-color:var(--azul)}.formulario-venta{flex-direction:column;gap:14px;max-width:520px;display:flex}.fila-item-venta{align-items:center;gap:8px;display:flex}.total-venta,.saldo-destacado{font-size:18px;font-weight:700}.tarjeta-datos-bancarios{background:var(--azul-50);border:1px solid #bfdbfe;border-radius:10px;max-width:320px;padding:14px 16px}.tarjeta-datos-bancarios h4{color:var(--azul);margin:0 0 8px;font-size:13px}.tarjeta-datos-bancarios p{margin:4px 0;font-size:13px}.mensaje{font-size:14px}.breadcrumb{color:var(--texto-suave);align-items:center;gap:6px;margin-bottom:14px;font-size:13px;display:flex}.breadcrumb a{color:var(--texto-suave);text-decoration:none}.breadcrumb a:hover{color:var(--azul)}.detalle-cliente-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.detalle-cliente-header h2{margin:0;font-size:22px}.detalle-cliente-header .direccion{color:var(--texto-suave);align-items:center;gap:5px;margin-top:4px;font-size:13.5px;display:flex}.detalle-cliente-grid{grid-template-columns:1fr 340px;align-items:start;gap:24px;display:grid}.campo-form{margin-bottom:14px}.fila-campos{gap:14px;display:flex}.fila-campos>label{flex:1}.lista-stepper{flex-direction:column;gap:8px;display:flex}.fila-stepper{border:1px solid var(--borde);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.fila-stepper-nombre{font-size:14px;font-weight:600}.stepper{flex-shrink:0;align-items:center;gap:10px;display:flex}.stepper-boton{border:1px solid var(--azul);width:28px;height:28px;color:var(--azul);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex}.stepper-boton:disabled{border-color:var(--borde);color:var(--texto-suave);cursor:not-allowed}.stepper-valor{text-align:center;min-width:20px;font-size:15px;font-weight:700}.stepper-input{text-align:center;border:1px solid var(--borde);-moz-appearance:textfield;border-radius:6px;width:56px;padding:4px 2px;font-size:15px;font-weight:700}.stepper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stepper-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.registrado-desde{color:var(--texto-suave);margin:10px 0 0;font-size:12.5px}.lista-comodato{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.fila-comodato{align-items:center;gap:10px;display:flex}.fila-comodato .icono-comodato{background:var(--azul-50);width:32px;height:32px;color:var(--azul);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.fila-comodato .nombre-comodato{flex:1;min-width:0;font-size:13.5px;font-weight:600}.stepper-comodato{flex-shrink:0;align-items:center;gap:8px;display:flex}.stepper-comodato .valor{text-align:center;min-width:18px;font-size:14px;font-weight:700}.acciones-form-sidebar{flex-direction:column;gap:8px;margin-top:18px;display:flex}.acciones-form-sidebar .btn{justify-content:center;width:100%}.acciones-form-sidebar .btn-cancelar{color:var(--texto-suave);background:0 0;border:none;padding:4px;font-size:13.5px}.acciones-form-sidebar .btn-cancelar:hover{color:var(--texto)}.grafico-lineas{width:100%;height:auto}.grafico-lineas circle{cursor:pointer}.grafico-barras{flex-direction:column;gap:12px;display:flex}.grafico-barras-fila{grid-template-columns:160px 1fr 90px;align-items:center;gap:12px;display:grid}.grafico-barras-label{color:var(--texto);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.grafico-barras-pista{background:var(--fondo);border-radius:6px;height:14px;overflow:hidden}.grafico-barras-relleno{border-radius:6px;min-width:3px;height:100%}.grafico-barras-valor{text-align:right;font-size:13px;font-weight:600}a.btn{text-decoration:none}.texto-rojo{color:var(--rojo)}.texto-verde{color:var(--verde)}.btn-rojo{background:var(--rojo)}.btn-rojo:hover{background:#b91c1c}.fila-clickeable{cursor:pointer}.fila-clickeable:hover td{background:var(--azul-50)}.fila-anulada td{color:var(--texto-suave)}.fila-anulada .monto-tachado{text-decoration:line-through}.badge-titulo{vertical-align:middle;margin-left:8px;font-size:12px}.tabla .num,.tabla th.num{text-align:right}.caja-tabla{border:1px solid var(--borde);border-radius:10px}.caja-tabla .tabla th{background:var(--fondo)}.caja-tabla .tabla th:first-child{border-top-left-radius:9px}.caja-tabla .tabla th:last-child{border-top-right-radius:9px}.aviso-anulada{background:var(--rojo-bg);color:var(--rojo);border-radius:10px;align-items:flex-start;gap:10px;margin:10px 0 4px;padding:12px 14px;font-size:14px;display:flex}.aviso-anulada p{color:var(--texto-suave);margin:3px 0 0;font-size:12.5px}.detalle-info{background:var(--fondo);border-radius:10px;grid-template-columns:1fr 1fr;gap:14px 24px;margin:14px 0 12px;padding:14px 16px;display:grid}.detalle-info>div{flex-direction:column;gap:2px;min-width:0;display:flex}.etiqueta-detalle{color:var(--texto-suave);text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:600}.detalle-info strong{font-size:15px}.detalle-sub{color:var(--texto-suave);font-size:12.5px}.detalle-nota{color:var(--texto-suave);margin:10px 0 0;font-size:13px}.detalle-accesos{flex-wrap:wrap;gap:8px;display:flex}.detalle-seccion{margin-top:20px}.titulo-seccion{color:var(--texto-suave);text-transform:uppercase;letter-spacing:.03em;margin:0 0 8px;font-size:12px;font-weight:600}.resumen-cobro{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.tile-monto{border:1px solid var(--borde);background:#fff;border-radius:10px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.tile-monto-label{color:var(--texto-suave);font-size:12.5px;font-weight:500}.tile-monto-valor{font-size:22px;font-weight:700;line-height:1}.tile-verde{background:var(--verde-bg);border-color:var(--verde-bg)}.tile-verde .tile-monto-valor{color:var(--verde)}.tile-rojo{background:var(--rojo-bg);border-color:var(--rojo-bg)}.tile-rojo .tile-monto-valor{color:var(--rojo)}.barra-cobro{background:var(--fondo);border-radius:999px;height:8px;margin:12px 0 4px;overflow:hidden}.barra-cobro>div{background:var(--verde);border-radius:999px;height:100%}.zona-anular{border:1px solid var(--rojo-bg);background:snow;border-radius:10px;margin-top:22px;padding:14px 16px}.zona-anular-cerrada{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.zona-anular h4{color:var(--rojo);align-items:center;gap:6px;margin:0 0 6px;font-size:14px;display:flex}.zona-anular p{color:var(--texto-suave);margin:0 0 10px;font-size:13px;line-height:1.5}.zona-anular p.zona-anular-alerta{color:var(--ambar);background:var(--ambar-bg);border-radius:8px;padding:8px 10px}.zona-anular textarea{width:100%;margin-top:4px}@media (width<=560px){.detalle-info,.resumen-cobro{grid-template-columns:1fr}}.campo-clave{position:relative}.campo-clave input{width:100%;padding-right:42px}.boton-ojo{width:34px;height:34px;color:var(--texto-suave);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.boton-ojo:hover{color:var(--texto);background:var(--fondo)}