: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 1fr;min-height:100vh;display:grid}.lateral{background:var(--superficie);border-right:1px solid var(--linea);flex-direction:column;padding:20px 0;display:flex}.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);padding:14px 20px 0;font-size:.8rem}.pie-lateral button{width:100%;margin-top:8px}.contenido{padding:28px 32px;overflow-x:auto}.contenido h1{letter-spacing:-.01em;margin:0 0 4px;font-size:1.5rem}.contenido .subtitulo{color:var(--tinta-2);margin:0 0 22px}.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-columns:1fr}.lateral{border-right:none;border-bottom:1px solid var(--linea)}.contenido{padding:20px 16px}}