:root{--ladrillo:#a8442a;--ladrillo-claro:#c8664a;--horno:#b0701a;--tinta:#1b1917;--tinta-2:#6b6560;--tinta-3:#928b84;--papel:#f5f4f1;--superficie:#fff;--superficie-2:#efede8;--linea:#dedad4;--ok:#3b6e4c;--alerta:#9e2f26;--fuente:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "Cascadia Mono", Consolas, monospace}*{box-sizing:border-box}body{font-family:var(--fuente);background:var(--papel);color:var(--tinta);margin:0;font-size:15px;line-height:1.5}.ingreso{place-items:center;min-height:100vh;padding:24px;display:grid}.ingreso form{background:var(--superficie);border:1px solid var(--linea);border-top:3px solid var(--ladrillo);flex-direction:column;gap:16px;width:min(400px,100%);padding:32px;display:flex}.ingreso h1{text-transform:uppercase;letter-spacing:-.01em;margin:0;font-size:1.4rem}.ingreso p{color:var(--tinta-2);margin:0;font-size:.9rem}label{color:var(--tinta-2);flex-direction:column;gap:5px;font-size:.85rem;display:flex}input,select{font:inherit;border:1px solid var(--linea);background:var(--superficie);color:var(--tinta);border-radius:3px;padding:9px 11px}input:focus,select:focus{outline:2px solid var(--ladrillo-claro);outline-offset:-1px}button{font:inherit;border:1px solid var(--ladrillo);background:var(--ladrillo);color:#fff;cursor:pointer;border-radius:3px;padding:9px 16px;font-weight:500}button:hover:not(:disabled){background:var(--ladrillo-claro)}button:disabled{opacity:.55;cursor:not-allowed}button.secundario{color:var(--ladrillo);background:0 0}button.secundario:hover:not(:disabled){background:var(--superficie-2)}.marco{grid-template-columns:232px minmax(0,1fr);min-height:100vh;display:grid}.lateral{background:var(--superficie);border-right:1px solid var(--linea);flex-direction:column;min-width:0;height:100vh;padding:20px 0;display:flex;position:sticky;top:0;overflow-y:auto}.marca{border-bottom:1px solid var(--linea);padding:0 20px 18px}.marca strong{text-transform:uppercase;letter-spacing:-.01em;font-size:.95rem;display:block}.marca span{color:var(--tinta-3);font-size:.78rem}.lateral nav{flex-direction:column;flex:1;padding:12px 0;display:flex}.lateral nav a{color:var(--tinta-2);border-left:3px solid #0000;padding:9px 20px;font-size:.9rem;text-decoration:none}.lateral nav a:hover{background:var(--superficie-2);color:var(--tinta)}.lateral nav a.activo{border-left-color:var(--ladrillo);color:var(--ladrillo);font-weight:500}.pie-lateral{border-top:1px solid var(--linea);color:var(--tinta-3);margin-top:auto;padding:14px 20px 0;font-size:.8rem}.pie-lateral button{width:100%;margin-top:8px}.selector-empresa{border-bottom:1px solid var(--linea);padding:12px 20px}.grupo-menu{letter-spacing:.09em;text-transform:uppercase;color:var(--tinta-3);padding:14px 20px 4px;font-size:.7rem}.titulo-modulo{font-family:var(--fuente);text-transform:uppercase;letter-spacing:.02em;border-bottom:1px solid var(--linea);margin:0 0 2px;padding-bottom:6px;font-size:1.05rem}.rejilla-accesos{grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:10px;display:grid}.acceso{background:var(--superficie);border:1px solid var(--linea);border-left:3px solid var(--ladrillo);color:inherit;flex-direction:column;gap:3px;padding:14px 16px;text-decoration:none;display:flex}.acceso:hover{background:var(--superficie-2)}.acceso strong{font-size:.95rem}.acceso span{color:var(--tinta-2);font-size:.8rem}.acceso.pendiente{border-left-color:var(--linea);opacity:.62;cursor:default}.acceso.pendiente:hover{background:var(--superficie)}.acceso.pendiente em{text-transform:uppercase;letter-spacing:.07em;color:var(--tinta-3);margin-top:4px;font-size:.68rem;font-style:normal}.contenido{min-width:0;padding:28px 32px}.contenido h1{letter-spacing:-.01em;margin:0 0 4px;font-size:1.5rem}.contenido .subtitulo{color:var(--tinta-2);margin:0 0 22px}.contenido>*+h1{margin-top:34px}.contenido>section{margin-bottom:26px}.tarjetas{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:22px;display:grid}.tarjeta{background:var(--superficie);border:1px solid var(--linea);padding:16px 18px}.tarjeta .rotulo{text-transform:uppercase;letter-spacing:.08em;color:var(--tinta-3);font-size:.72rem}.tarjeta .cifra{font-variant-numeric:tabular-nums;margin-top:4px;font-size:1.5rem;font-weight:600}.tarjeta .cifra.alerta{color:var(--alerta)}.tarjeta .cifra.ok{color:var(--ok)}.caja-tabla{background:var(--superficie);border:1px solid var(--linea);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--linea);padding:9px 14px}th{text-transform:uppercase;letter-spacing:.07em;color:var(--tinta-3);background:var(--superficie-2);white-space:nowrap;font-size:.72rem;font-weight:500}tr:last-child td{border-bottom:none}td.numero,th.numero{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.negativo{color:var(--alerta)}.positivo{color:var(--ok)}.filtros{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:18px;display:flex}.aviso{border-radius:3px;margin-bottom:16px;padding:10px 14px;font-size:.9rem}.aviso.error{color:var(--alerta);background:#fdeceb;border:1px solid #f3c9c5}.aviso.info{background:var(--superficie-2);color:var(--tinta-2);border:1px solid var(--linea)}.vacio{text-align:center;color:var(--tinta-3);padding:36px}.etiqueta{text-transform:uppercase;letter-spacing:.06em;border:1px solid;border-radius:2px;padding:2px 8px;font-size:.7rem;display:inline-block}.etiqueta.borrador{color:var(--tinta-3)}.etiqueta.aprobada{color:var(--horno)}.etiqueta.pagada{color:var(--ok)}.etiqueta.anulada{color:var(--alerta)}.explicacion{color:var(--tinta-2);font-size:.8rem;font-style:italic}@media (width<=760px){.marco{grid-template-rows:auto 1fr;grid-template-columns:1fr}.lateral{border-right:none;border-bottom:1px solid var(--linea);height:auto;padding-bottom:12px;position:static;overflow:visible}.lateral nav{flex-flow:wrap;flex:none;align-content:flex-start;gap:2px;padding:8px 12px}.lateral nav>div{display:contents}.lateral nav a{border-bottom:2px solid #0000;border-left:none;padding:7px 12px}.lateral nav a.activo{border-left-color:#0000;border-bottom-color:var(--ladrillo)}.grupo-menu{display:none}.pie-lateral{margin-top:8px}.contenido{padding:20px 16px}}