:root{--azul-900:#0b2545;--azul-800:#13315c;--azul-600:#1c4b8a;--azul-500:#2563a8;--teal-500:#128f8b;--teal-400:#17a2a2;--gris-50:#f6f8fb;--gris-100:#eef2f7;--gris-200:#dde5ef;--gris-400:#98a7bc;--gris-600:#56637a;--gris-800:#2a3446;--rojo-500:#c0392b;--verde-500:#1e8e5a;--blanco:#fff;--sombra:0 10px 30px #0b25451f;--radio:12px;font-family:Segoe UI,system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--gris-50);color:var(--gris-800);min-height:100vh;margin:0}a{color:var(--azul-600)}button{cursor:pointer;font-family:inherit}.login-wrap{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-hero{background:linear-gradient(150deg, var(--azul-900), var(--azul-600) 70%, var(--teal-500));color:var(--blanco);flex-direction:column;justify-content:center;padding:64px 56px;display:flex}.login-hero .marca{letter-spacing:2px;margin:0;font-size:44px;font-weight:800}.login-hero .bajada{opacity:.9;max-width:420px;margin-top:12px;font-size:18px;line-height:1.5}.login-hero .arcor{opacity:.75;border-left:3px solid var(--teal-400);margin-top:40px;padding-left:14px;font-size:14px}.login-form-col{justify-content:center;align-items:center;padding:40px;display:flex}.card{background:var(--blanco);border-radius:var(--radio);box-shadow:var(--sombra);width:100%;max-width:380px;padding:40px}.card h2{color:var(--azul-800);margin:0 0 4px}.card .sub{color:var(--gris-600);margin:0 0 24px;font-size:14px}label{color:var(--gris-600);margin-top:16px;margin-bottom:6px;font-size:13px;font-weight:600;display:block}input{border:1px solid var(--gris-200);border-radius:8px;width:100%;padding:11px 13px;font-size:15px;transition:border-color .15s}input:focus{border-color:var(--azul-500);outline:none;box-shadow:0 0 0 3px #2563a81f}.btn{background:var(--azul-600);width:100%;color:var(--blanco);border:none;border-radius:8px;margin-top:24px;padding:12px;font-size:15px;font-weight:600;transition:background .15s}.btn:hover:not(:disabled){background:var(--azul-800)}.btn:disabled{opacity:.6;cursor:not-allowed}.error{color:var(--rojo-500);background:#fdecea;border:1px solid #f5c6c0;border-radius:8px;margin-top:16px;padding:10px 12px;font-size:14px}.aviso{color:#8a6d00;background:#fff8e6;border:1px solid #f3e2a8;border-radius:8px;margin-bottom:16px;padding:10px 12px;font-size:14px}.powered{text-align:center;color:var(--gris-400);letter-spacing:.5px;margin-top:28px;font-size:12px}.topbar{background:var(--azul-900);color:var(--blanco);justify-content:space-between;align-items:center;height:62px;padding:0 28px;display:flex}.topbar .marca{letter-spacing:1.5px;font-size:22px;font-weight:800}.topbar .usuario{align-items:center;gap:16px;font-size:14px;display:flex}.chip{background:#ffffff24;border-radius:20px;padding:4px 10px;font-size:12px}.btn-salir{color:var(--blanco);background:0 0;border:1px solid #fff6;border-radius:6px;padding:6px 14px;font-size:13px}.btn-salir:hover{background:#ffffff1f}.contenido{max-width:1080px;margin:0 auto;padding:32px 28px 80px}.saludo{color:var(--azul-800);margin:8px 0 4px}.saludo-sub{color:var(--gris-600);margin:0 0 28px}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;display:grid}.panel{background:var(--blanco);border-radius:var(--radio);border:1px solid var(--gris-100);padding:22px;box-shadow:0 4px 14px #0b25450f}.panel h3{color:var(--azul-800);margin:0 0 10px;font-size:16px}.panel .dato{color:var(--gris-600);font-size:14px;line-height:1.6}.panel .dato b{color:var(--gris-800)}.rol-badge{background:var(--teal-500);color:var(--blanco);border-radius:20px;padding:3px 12px;font-size:12px;font-weight:600;display:inline-block}.selector-dist{flex-wrap:wrap;gap:12px;margin-bottom:28px;display:flex}.dist-btn{background:var(--blanco);border:2px solid var(--gris-200);text-align:left;border-radius:10px;min-width:220px;padding:14px 18px}.dist-btn.activa{border-color:var(--azul-500);box-shadow:0 0 0 3px #2563a81a}.dist-btn .rs{color:var(--azul-800);font-weight:700;display:block}.dist-btn .meta{color:var(--gris-600);font-size:12px}.footer-powered{text-align:center;color:var(--gris-400);letter-spacing:.5px;border-top:1px solid var(--gris-100);background:var(--blanco);padding:22px;font-size:12px}.centro-carga{min-height:100vh;color:var(--gris-600);justify-content:center;align-items:center;display:flex}@media (width<=820px){.login-wrap{grid-template-columns:1fr}.login-hero{padding:40px 32px}}.nav{gap:6px;display:flex}.nav a{color:#ffffffbf;border-radius:6px;padding:6px 12px;font-size:14px;text-decoration:none}.nav a:hover{color:#fff;background:#ffffff1a}.nav a.active{color:#fff;background:#ffffff2e;font-weight:600}.dist-select{color:#fff;background:#ffffff1f;border:1px solid #ffffff4d;border-radius:6px;max-width:220px;padding:5px 8px;font-size:13px}.dist-select option{color:#1a1a1a}.empresa-actual{background:#ffffff1a;border:1px solid #ffffff38;border-radius:8px;align-items:center;gap:8px;padding:4px 10px;display:flex}.empresa-etq{text-transform:uppercase;letter-spacing:.6px;color:#fff9;font-size:10px}.empresa-nombre{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:260px;font-weight:600;overflow:hidden}.empresa-actual .dist-select{background:0 0;border:none;padding:2px 4px;font-weight:600}.tabla{border-collapse:collapse;background:var(--blanco);border-radius:10px;width:100%;margin-top:8px;overflow:hidden;box-shadow:0 3px 12px #0b25450f}.tabla th{text-align:left;background:var(--gris-100);color:var(--gris-600);text-transform:uppercase;letter-spacing:.4px;padding:10px 14px;font-size:12px}.tabla td{border-top:1px solid var(--gris-100);padding:9px 14px;font-size:14px}.tabla.compacta td{padding:5px 12px;font-size:13px}.tabla tr.total td{background:var(--gris-50);color:var(--azul-800);font-weight:700}.tabla .monto{text-align:right;font-variant-numeric:tabular-nums}.estado{border-radius:20px;padding:3px 12px;font-size:12px;font-weight:600;display:inline-block}.estado.abierto{color:var(--verde-500);background:#e4f5ec}.estado.cerrado{color:var(--rojo-500);background:#fdecea}.barra-accion{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.barra-accion select,.barra-accion input{border:1px solid var(--gris-200);border-radius:8px;padding:8px 10px;font-size:14px}.btn-mini{background:var(--azul-600);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600}.btn-mini:hover{background:var(--azul-800)}.btn-mini.alt{background:var(--teal-500)}.btn-mini.alt:hover{background:#0e7573}.btn-link{color:var(--azul-600);background:0 0;border:none;padding:4px 0;font-size:14px}.btn-link:hover{text-decoration:underline}.error-inline{color:var(--rojo-500);font-size:13px}.ok-inline{color:var(--verde-500);background:#e4f5ec;border:1px solid #b9e4cd;border-radius:8px;margin:12px 0;padding:8px 12px;font-size:14px}.tenue{color:var(--gris-400)}.detalle-header{align-items:center;gap:14px;display:flex}.bloque{background:var(--blanco);border:1px solid var(--gris-100);border-radius:12px;margin-top:22px;padding:20px 22px;box-shadow:0 3px 12px #0b25450d}.bloque h3{color:var(--azul-800);margin:0 0 12px}input.num{text-align:right;font-variant-numeric:tabular-nums;width:130px;padding:6px 8px}input.num.pct{width:90px}.saldos-scroll{max-height:520px;padding-right:6px;overflow-y:auto}.centro-bloque{margin-bottom:16px}.centro-titulo{background:var(--azul-800);color:#fff;letter-spacing:.5px;border-radius:8px 8px 0 0;padding:7px 14px;font-size:13px;font-weight:700}.centro-titulo.grande{margin-top:18px;padding:10px 16px;font-size:15px}.origen-col{width:150px}.num-col{text-align:right;width:160px}.origen{border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.origen.libro_compras{color:var(--azul-600);background:#e7eefb}.origen.remuneraciones{color:#b5701a;background:#fdeede}.origen.manual{background:var(--gris-100);color:var(--gris-600)}.origen.facturacion{color:var(--verde-500);background:#e4f5ec}.subgrupo-bloque{border:1px solid var(--gris-100);border-top:none}.subgrupo-titulo{background:var(--gris-50);color:var(--gris-600);text-transform:uppercase;letter-spacing:.4px;padding:6px 16px;font-size:12px;font-weight:600}.hojas{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.hoja{border-top:1px solid var(--gris-100);justify-content:space-between;align-items:center;gap:10px;padding:7px 16px;font-size:13px;display:flex}.hoja-nombre{color:var(--gris-800)}.cuenta-acciones{align-items:center;gap:2px;margin-left:8px;display:inline-flex}.cuenta-acciones .btn-link{padding:0 3px;font-size:13px}.cuenta-acciones .btn-x{padding:0 4px;font-size:16px}.btn-add{text-transform:none;letter-spacing:0;opacity:.85;margin-left:12px;font-size:11px;font-weight:600}.centro-titulo .btn-add{color:var(--blanco)}.campo-ayuda{color:var(--gris-600);margin-top:4px;font-size:12px;line-height:1.4;display:block}.reporte-tabla td{font-variant-numeric:tabular-nums}.reporte-tabla .pct-col{text-align:right;width:90px}.linea-titulo td{background:var(--azul-800);color:#fff;letter-spacing:.6px;text-transform:uppercase;padding:8px 14px;font-size:12px;font-weight:700}.linea.negrita td{color:var(--azul-800);font-weight:700}.linea.resaltado td{background:var(--gris-50)}.linea.resaltado.negrita td{background:#eaf1fb}.monto.rojo{color:var(--rojo-500)}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.form-grid input[type=file]{padding:7px;font-size:13px}.cuadre-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.panel h4{color:var(--azul-800);margin:18px 0 6px}.panel ul{margin:6px 0 0;padding-left:20px;font-size:13px}.tabla select{border:1px solid var(--gris-200);border-radius:6px;max-width:260px;padding:5px 6px;font-size:12px}select.sin-clasificar{border-color:var(--rojo-500);background:#fdf0ef}.factura-block{border:1px solid var(--gris-200);background:var(--blanco);border-radius:8px;margin-bottom:8px;padding:10px 12px}.factura-block.pendiente{background:#fef7f6;border-color:#f3c9c4}.factura-head{align-items:center;gap:12px;margin-bottom:6px;display:flex}.factura-head .fprov{color:var(--gris-800);font-size:13px;font-weight:600}.factura-head .fgasto{color:var(--azul-800);font-variant-numeric:tabular-nums;margin-left:auto;font-weight:700}.mini-alerta{color:var(--rojo-500);background:#fdecea;border-radius:10px;padding:2px 8px;font-size:11px}.btn-dividir{border:1px solid var(--azul-500);color:var(--azul-600);background:0 0;border-radius:6px;padding:3px 10px;font-size:12px}.btn-dividir:hover{background:#eef4fb}.imp-line{align-items:center;gap:8px;padding:3px 0 3px 14px;display:flex}.imp-line input.num{width:120px}.btn-x{color:var(--rojo-500);background:0 0;border:none;padding:0 6px;font-size:18px;line-height:1}.linea.memo td{color:var(--gris-600);background:#fbfcfe;font-style:italic}.barra-accion input[type=date]{border:1px solid var(--gris-200);border-radius:8px;padding:7px 10px;font-size:13px}.chip-accion{background:var(--gris-100);color:var(--gris-600);white-space:nowrap;border-radius:12px;padding:2px 10px;font-size:12px;display:inline-block}.panel .chip{color:var(--verde-500);white-space:nowrap;background:#1e8e5a1f;border-radius:12px;padding:3px 10px;font-size:12px;display:inline-block}.panel .chip.chip-alerta{color:var(--rojo-500);background:#c0392b1f}td .chip{color:var(--verde-500);white-space:nowrap;background:#1e8e5a1f;border-radius:12px;padding:3px 10px;font-size:12px;display:inline-block}td .chip.chip-alerta{color:var(--rojo-500);background:#c0392b1f}.var-pos{color:var(--verde-500)}.var-neg{color:var(--rojo-500)}