:root{color-scheme:light;--tinta: #1c1f1d;--tinta-2: #3c423f;--papel: #f6f6f4;--panel: #ffffff;--linea: #e6e6e3;--linea-2: #efefec;--tenue: #626763;--activo: #f1f1ef;--ok: #15803d;--alerta: #b45309;--alerta-fondo: #fdf6ec;--peligro: #c0392b;--radio: 10px;--font: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}body{margin:0;font:14px/1.45 var(--font);color:var(--tinta);background:var(--papel)}h2{font-size:19px;font-weight:700;margin:0}h3{font-size:15px;font-weight:700;margin:0 0 10px}a{color:var(--tinta)}button{font:inherit;cursor:pointer;border:0}button:disabled{opacity:.5;cursor:default}button.primario{background:var(--tinta);color:#fff;font-weight:600;border-radius:8px;padding:8px 18px}button.primario:hover:not(:disabled){background:#000}button.sec{background:var(--panel);border:1px solid var(--linea);border-radius:7px;padding:5px 11px;font-size:13px;font-weight:600;color:var(--tinta-2)}button.sec:hover{border-color:var(--tinta-2);color:var(--tinta)}input,select{font:inherit;color:var(--tinta);background:var(--panel);border:1px solid var(--linea);border-radius:7px;padding:7px 9px}input:focus,select:focus{outline:2px solid var(--tinta);outline-offset:-1px}.app{display:flex;min-height:100vh}.lateral{position:sticky;top:0;height:100vh;width:228px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--linea);display:flex;flex-direction:column}.lateral .marca{padding:18px 20px 14px;border-bottom:1px solid var(--linea);display:flex;align-items:center;gap:10px}.lateral .marca img{height:34px}.lateral .marca span{font-weight:700;color:var(--tenue);font-size:13px;letter-spacing:.02em}.lateral nav{display:flex;flex-direction:column;gap:2px;padding:12px 10px;flex:1;overflow-y:auto}.lateral nav a,.ajustes a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:var(--tinta-2);text-decoration:none;font-weight:600}.lateral nav a:hover,.ajustes a:hover{background:var(--activo);color:var(--tinta)}.lateral nav a.activo,.ajustes a.activo{background:var(--activo);color:var(--tinta)}.lateral .pie{padding:14px 16px;border-top:1px solid var(--linea);font-size:13px}.pie-fila{display:flex;align-items:center;justify-content:space-between;gap:8px}.lateral .quien{font-weight:700}.lateral .rol{color:var(--tenue)}.tuerca{background:none;color:var(--tenue);padding:6px;border-radius:8px;display:inline-flex}.tuerca:hover,.tuerca.activa{background:var(--activo);color:var(--tinta)}.ajustes{margin-top:8px;display:flex;flex-direction:column;gap:2px}.ajustes .salir{display:inline-flex;align-items:center;gap:8px;background:none;color:var(--tinta-2);font-weight:600;padding:9px 12px}.plegar{position:absolute;top:22px;right:-12px;z-index:30;width:24px;height:24px;border-radius:50%;border:1px solid var(--linea);background:var(--panel);color:var(--tenue);font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;padding:0}.plegar:hover{border-color:var(--tinta-2);color:var(--tinta)}.app.menu-plegado .lateral{width:0;border-right:0}.app.menu-plegado .lateral>*:not(.plegar){display:none}.app.menu-plegado .plegar{right:-14px}.contenido{flex:1;min-width:0}.barra-sup{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 24px;min-height:56px;background:var(--panel);border-bottom:1px solid var(--linea);position:sticky;top:0;z-index:5}.titulo-pantalla{font-weight:700;margin-right:auto}.abrir-menu{display:none;background:none;color:var(--tinta);padding:2px}.app.menu-plegado .abrir-menu{display:inline-flex}main{padding:20px 24px 48px;max-width:1400px}.velo{display:none}.periodo{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.segmentado{display:inline-flex;background:var(--activo);border-radius:8px;padding:3px;gap:2px}.segmentado button{background:none;padding:5px 12px;border-radius:6px;font-weight:600;color:var(--tenue);font-size:13px}.segmentado button.elegido{background:var(--panel);color:var(--tinta);box-shadow:0 1px 2px #1416151a}.encabezado-estado{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.sub{margin:2px 0 0;color:var(--tenue)}.tabla-marco{overflow-x:auto;background:var(--panel);border:1px solid var(--linea);border-radius:var(--radio)}table.estado{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}table.estado th,table.estado td{padding:7px 12px;white-space:nowrap}table.estado thead th{font-size:12px;font-weight:600;color:var(--tenue);text-align:right;border-bottom:1px solid var(--linea)}table.estado thead th.concepto{text-align:left;text-transform:none}table.estado th.concepto{text-align:left;font-weight:500;position:sticky;left:0;background:var(--panel);min-width:260px}table.estado td{text-align:right}table.estado td.pct,table.estado th.pct{color:var(--tenue);font-size:12px;padding-left:2px;min-width:56px}table.estado td.acum,table.estado th.acum{border-left:1px solid var(--linea)}table.estado tbody tr:hover th,table.estado tbody tr:hover td{background:#fafaf8}table.estado tr.titulo th{text-align:left;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--tenue);padding-top:16px;position:static}table.estado tr.subtotal th,table.estado tr.subtotal td{font-weight:600;border-top:1px solid var(--linea-2)}table.estado tr.total th,table.estado tr.total td{font-weight:700;border-top:1px solid var(--tinta-2)}table.estado tr.sin-clasificar th,table.estado tr.sin-clasificar td{color:var(--alerta);background:var(--alerta-fondo)}.fuente{color:var(--tenue);font-size:12px;margin:10px 2px 0}.avisos{background:var(--alerta-fondo);border:1px solid #f1dcbf;border-radius:var(--radio);padding:8px 14px;margin-bottom:14px;color:#7a3d06;font-size:13px}.avisos p{margin:4px 0}.tarjeta{background:var(--panel);border:1px solid var(--linea);border-radius:var(--radio);padding:16px 18px;margin-bottom:16px}.tarjeta .tabla-marco{border:0;border-radius:0}.ayuda{color:var(--tenue);margin:0 0 12px;max-width:760px}.formulario{display:flex;flex-direction:column;gap:10px;max-width:420px}.formulario label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:var(--tinta-2)}.formulario.en-linea{flex-direction:row;flex-wrap:wrap;align-items:flex-end;max-width:none}table.lista{border-collapse:collapse;width:100%}table.lista th{text-align:left;font-size:12px;color:var(--tenue);font-weight:600;padding:6px 10px;border-bottom:1px solid var(--linea)}table.lista td{padding:8px 10px;border-bottom:1px solid var(--linea-2);vertical-align:middle}table.lista td.ok{color:var(--ok)}table.lista td.mal{color:var(--peligro);font-weight:600;white-space:nowrap}table.lista td.mal svg,table.lista td.ok svg{vertical-align:-3px}table.lista td.archivo{color:var(--tenue);font-size:12px}table.lista td.acciones{white-space:nowrap}table.lista td.acciones button{margin-right:6px}table.lista tr.inactivo td{color:var(--tenue)}.enlace-invitacion{margin-top:14px;padding:12px 14px;background:var(--papel);border:1px solid var(--linea);border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.enlace-invitacion p{margin:0;flex-basis:100%}.enlace-invitacion code{font-size:12px;word-break:break-all;flex:1;min-width:0}.aviso{color:var(--ok)}.error{color:var(--peligro)}.vacio,.cargando{color:var(--tenue)}.login-fondo{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.login{background:var(--panel);border:1px solid var(--linea);border-radius:14px;padding:28px;width:340px;max-width:100%;display:flex;flex-direction:column;gap:12px}.login img{height:48px;align-self:center}.login-titulo{text-align:center;margin:0 0 6px;font-weight:700;color:var(--tenue)}.login label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600}@media(max-width:800px){.lateral{position:fixed;left:0;z-index:20;transform:translate(-100%);transition:transform .2s;width:228px}.app.menu-plegado .lateral{width:228px}.app.menu-plegado .lateral>*:not(.plegar){display:flex}.app.menu-plegado .lateral .pie{display:block}.menu-movil .lateral{transform:none}.menu-movil .velo{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:10}.plegar{display:none}.abrir-menu{display:inline-flex}.barra-sup{padding:10px 16px}main{padding:16px 16px 40px}table.estado th.concepto{min-width:170px;white-space:normal}.formulario.en-linea{flex-direction:column;align-items:stretch}}
