:root{--papel: #fbfbfa;--superficie: #ffffff;--tinta: #16181d;--tinta-suave: #6d7280;--regla: #e4e4e1;--azul: #003d8f;--azul-claro: #eaf0f9;--rojo: #c8102e;--verde: #1a6f52;--ambar: #9a6700;--radio: 4px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Archivo,system-ui,sans-serif;background:var(--papel);color:var(--tinta);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}.num{font-family:IBM Plex Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-suave)}.app{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.lateral{border-right:1px solid var(--regla);padding:24px 20px;display:flex;flex-direction:column;gap:28px;position:sticky;top:0;height:100vh;overflow-y:auto}.marca{font-weight:700;font-size:17px;letter-spacing:-.02em}.marca span{display:block;font-weight:400;font-size:12px;color:var(--tinta-suave);letter-spacing:0}.nav{display:flex;flex-direction:column;gap:2px}.nav a,.nav button{all:unset;cursor:pointer;padding:7px 10px;border-radius:var(--radio);font-size:14px;color:var(--tinta-suave)}.nav a[aria-current=page]{background:var(--azul-claro);color:var(--azul);font-weight:600}.nav-seccion{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tinta);padding:16px 10px 4px;margin-top:4px;border-top:1px solid var(--regla)}.nav-seccion:first-child{padding-top:0;margin-top:0;border-top:0}.contenido{padding:32px 40px 80px;max-width:1080px}.contenido.ancho-completo{max-width:none}.encabezado{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}h1{font-size:26px;font-weight:600;letter-spacing:-.02em}h2{font-size:15px;font-weight:600;margin-bottom:12px}.tarjeta{background:var(--superficie);border:1px solid var(--regla);border-radius:var(--radio);padding:20px 22px;margin-bottom:20px}.grilla{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.dato .valor{font-size:28px;font-weight:500;letter-spacing:-.03em}.dato .pie{font-size:12px;color:var(--tinta-suave)}label{display:block;font-size:13px;font-weight:500;margin-bottom:5px}input,select,textarea{font:inherit;width:100%;padding:8px 10px;border:1px solid var(--regla);border-radius:var(--radio);background:var(--superficie);color:inherit}input:focus-visible,select:focus-visible,button:focus-visible,textarea:focus-visible{outline:2px solid var(--azul);outline-offset:1px}input.num{font-family:IBM Plex Mono,monospace}input[type=checkbox]{width:auto}.bloque-form{padding-top:18px;margin-top:18px;border-top:1px solid var(--regla)}.bloque-form:first-child{padding-top:0;margin-top:0;border-top:0}.bloque-form>.eyebrow{display:block;margin-bottom:12px}.selector-proveedor{position:relative}.selector-proveedor-lista{position:absolute;z-index:10;top:calc(100% + 4px);left:0;right:0;max-height:240px;overflow-y:auto;background:var(--superficie);border:1px solid var(--regla);border-radius:var(--radio);box-shadow:0 4px 16px #16181d1a;padding:4px}.selector-proveedor-opcion{all:unset;box-sizing:border-box;display:block;width:100%;padding:7px 8px;border-radius:var(--radio);font-size:14px;cursor:pointer}.selector-proveedor-opcion:hover{background:var(--azul-claro);color:var(--azul)}.selector-proveedor-opcion:disabled{cursor:default;opacity:.6}.selector-proveedor-opcion:disabled:hover{background:none;color:inherit}.selector-proveedor-vacio{padding:7px 8px;font-size:13px;color:var(--tinta-suave)}.selector-proveedor-crear{color:var(--azul);font-weight:600;border-top:1px solid var(--regla);margin-top:4px;padding-top:10px}.boton{font:inherit;font-weight:600;font-size:14px;padding:9px 16px;border:1px solid var(--azul);border-radius:var(--radio);background:var(--azul);color:#fff;cursor:pointer}.boton.secundario{background:transparent;color:var(--tinta);border-color:var(--regla)}.boton:disabled{opacity:.5;cursor:default}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--tinta-suave);font-weight:600;padding:0 0 8px}td{padding:7px 0;border-top:1px solid var(--regla)}td.der,th.der{text-align:right}table.tabla-gastos{table-layout:fixed}table.tabla-gastos th,table.tabla-gastos td{padding-right:14px}table.tabla-gastos th:last-child,table.tabla-gastos td:last-child{padding-right:0}tr.pasado td{color:var(--tinta-suave)}tr.actual td{background:var(--azul-claro);font-weight:600}.aviso{padding:10px 12px;border-radius:var(--radio);font-size:13px;border:1px solid}.aviso.error{color:var(--rojo);border-color:#f0c8ce;background:#fdf4f5}.aviso.ok{color:var(--verde);border-color:#c3e0d5;background:#f2f9f6}.aviso.atencion{color:var(--ambar);border-color:#ecd9a8;background:#fdf9ef}.vacio{text-align:center;padding:40px 20px;color:var(--tinta-suave)}.vacio p{margin-bottom:14px}.historial{font-size:13px;color:var(--tinta-suave)}.historial li{list-style:none;padding:7px 0;border-top:1px solid var(--regla);display:flex;gap:12px}.historial .vig{min-width:92px}.login{display:grid;place-items:center;min-height:100vh}.login form{width:320px;display:flex;flex-direction:column;gap:14px}@media(max-width:820px){.app{grid-template-columns:1fr}.lateral{flex-direction:row;align-items:center;justify-content:space-between;border-right:0;border-bottom:1px solid var(--regla);position:static;height:auto;overflow-y:visible}.nav{flex-direction:row}.nav-seccion{display:none}.contenido{padding:20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.ayuda{font-size:13px;color:var(--tinta-suave);margin-bottom:14px}input.celda{width:108px;padding:4px 8px;text-align:right;font-size:13px;background:#fcfcfb}input.celda:hover{border-color:var(--azul)}tr.actual input.celda{background:#fff}input.celda-masiva{width:100%;padding:3px 6px;text-align:right;font-size:12.5px}input.celda-masiva:hover{border-color:var(--azul)}td.mes-actual,th.mes-actual{background:var(--azul-claro)}td.mes-futuro,th.mes-futuro{font-style:italic}td.mes-futuro.mes-actual,th.mes-futuro.mes-actual{background:#f3f2fb}td.mes-futuro input.celda-masiva{font-style:italic;color:var(--tinta-suave)}tr.fila-equipo td{padding-top:16px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--tinta-suave);border-top:none}tr.fila-subtotal td{font-weight:600;border-top:1px solid var(--regla);background:#fafaf9}tr.fila-total-general td{font-weight:700;border-top:2px solid var(--tinta);background:var(--azul-claro)}.tabla-masiva-envoltorio{overflow-x:auto}table.tabla-masiva{table-layout:fixed;border-collapse:separate;border-spacing:0}table.tabla-masiva col.col-agente{width:100px}table.tabla-masiva col.col-segmento{width:68px}table.tabla-masiva col.col-mes{width:74px}table.tabla-masiva col.col-total{width:120px}table.tabla-masiva th,table.tabla-masiva td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}table.tabla-masiva td.sticky-izq,table.tabla-masiva th.sticky-izq{position:sticky;left:0;z-index:2;background:var(--superficie)}table.tabla-masiva td.sticky-der,table.tabla-masiva th.sticky-der{position:sticky;right:0;z-index:2;background:var(--superficie);border-left:1px solid var(--regla)}table.tabla-masiva th.sticky-izq,table.tabla-masiva th.sticky-der{z-index:3}table.tabla-masiva tr.fila-subtotal td.sticky-izq,table.tabla-masiva tr.fila-subtotal td.sticky-der{background:#fafaf9}table.tabla-masiva tr.fila-total-general td.sticky-izq,table.tabla-masiva tr.fila-total-general td.sticky-der{background:var(--azul-claro)}table.tabla-resumen-mensual col.col-familia{width:92px}table.tabla-resumen-mensual col.col-mes-resumen{width:140px}table.tabla-resumen-mensual col.col-total-resumen{width:172px}table.tabla-resumen-mensual th,table.tabla-resumen-mensual td{padding:7px 10px}table.tabla-masiva tr.fila-equipo td.sticky-izq{background:var(--superficie)}