:root{--tinta: #1a1d21;--tenue: #5c6470;--borde: #d4d8de;--fondo: #f6f7f9;--papel: #ffffff;--acento: #1f5f8b;--alarma: #a4262c;color-scheme:light}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--tinta);background:var(--fondo);-webkit-text-size-adjust:100%}.centrado,.ingreso{min-height:100dvh;display:grid;place-items:center;padding:1rem}.tarjeta{width:100%;max-width:22rem;background:var(--papel);border:1px solid var(--borde);border-radius:.75rem;padding:1.75rem;display:flex;flex-direction:column;gap:.4rem}.tarjeta h1{margin:0 0 1rem;font-size:1.35rem}.tarjeta label{font-size:.85rem;color:var(--tenue);margin-top:.6rem}.tarjeta input{font-size:1rem;padding:.6rem .7rem;border:1px solid var(--borde);border-radius:.4rem;background:var(--papel);color:inherit}.tarjeta input:focus-visible{outline:2px solid var(--acento);outline-offset:1px}.tarjeta button{margin-top:1.25rem;font-size:1rem;padding:.7rem;border:none;border-radius:.4rem;background:var(--acento);color:#fff;cursor:pointer;min-height:2.75rem}.tarjeta button:disabled{opacity:.6;cursor:default}.error{margin:.8rem 0 0;color:var(--alarma);font-size:.9rem}.barra{display:flex;flex-wrap:wrap;gap:.75rem;align-items:baseline;justify-content:space-between;padding:1rem 1.25rem;background:var(--papel);border-bottom:1px solid var(--borde)}.barra h1{margin:0;font-size:1.1rem}.barra .sesion{display:flex;align-items:center;gap:.75rem;min-width:0}.barra .sesion span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.barra button{flex-shrink:0;border:1px solid var(--borde);background:var(--papel);color:inherit;border-radius:.4rem;padding:.45rem .9rem;min-height:2.75rem;cursor:pointer}.contenido{padding:1.25rem;max-width:60rem}.permisos{columns:2 14rem;font-size:.9rem;color:var(--tenue);padding-left:1.1rem}@media(max-height:32rem){.tarjeta{padding:1rem 1.25rem}.tarjeta h1{margin-bottom:.5rem;font-size:1.15rem}.tarjeta label{margin-top:.35rem}.tarjeta button{margin-top:.9rem}}.directorio .encabezado{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.directorio h2{margin:0;font-size:1.15rem}.directorio .encabezado button{border:none;background:var(--acento);color:#fff;border-radius:.4rem;padding:.5rem 1rem;min-height:2.75rem;font-size:1rem;cursor:pointer;flex-shrink:0}.buscador{width:100%;font-size:1rem;padding:.6rem .7rem;border:1px solid var(--borde);border-radius:.4rem;margin-bottom:1rem;background:var(--papel);color:inherit}.lista{list-style:none;margin:0;padding:0;border:1px solid var(--borde);border-radius:.5rem;overflow:hidden;background:var(--papel)}.lista li{padding:.8rem 1rem;border-bottom:1px solid var(--borde)}.lista li:last-child{border-bottom:none}.lista .nombre{font-weight:600}.lista .detalle{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.3rem;font-size:.85rem;color:var(--tenue)}.lista .documento{font-variant-numeric:tabular-nums}.etiqueta{border:1px solid var(--borde);border-radius:1rem;padding:.05rem .5rem;font-size:.75rem}.etiqueta.cliente{border-color:var(--acento);color:var(--acento)}.aviso{color:var(--tenue);padding:1rem 0}.aviso.error{color:var(--alarma)}.alta{background:var(--papel);border:1px solid var(--borde);border-radius:.5rem;padding:1rem;margin-bottom:1rem;display:flex;flex-direction:column;gap:.3rem}.alta h2{margin:0 0 .5rem;font-size:1rem}.alta label{font-size:.85rem;color:var(--tenue);margin-top:.5rem}.alta input[type=text],.alta input:not([type]),.alta select{font-size:1rem;padding:.55rem .7rem;border:1px solid var(--borde);border-radius:.4rem;background:var(--papel);color:inherit;width:100%}.alta .campos{display:flex;flex-wrap:wrap;gap:.75rem}.alta .campos>div{flex:1 1 9rem;display:flex;flex-direction:column}.alta .roles{border:none;padding:0;margin:.75rem 0 0;display:flex;flex-wrap:wrap;gap:1rem}.alta .roles legend{font-size:.85rem;color:var(--tenue);padding:0}.alta .roles label{display:flex;align-items:center;gap:.4rem;margin:0;color:inherit;min-height:2.75rem}.alta .acciones{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}.alta .acciones button{font-size:1rem;padding:.6rem 1.1rem;min-height:2.75rem;border-radius:.4rem;border:none;background:var(--acento);color:#fff;cursor:pointer}.alta .acciones .secundario{background:var(--papel);color:inherit;border:1px solid var(--borde)}.solapas{display:flex;gap:.25rem;padding:0 1.25rem;background:var(--papel);border-bottom:1px solid var(--borde);overflow-x:auto}.solapas a{padding:.7rem .9rem;color:var(--tenue);text-decoration:none;border-bottom:2px solid transparent;white-space:nowrap;min-height:2.75rem;display:flex;align-items:center}.solapas a.active{color:var(--acento);border-bottom-color:var(--acento);font-weight:600}.lista li.inactivo .nombre,.lista li.inactivo .detalle{opacity:.55}.etiqueta.inactiva{border-color:var(--alarma);color:var(--alarma);opacity:1}.lista .nombre{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.acciones-fila{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.6rem}.acciones-fila select,.acciones-fila button{font-size:.9rem;padding:.4rem .7rem;min-height:2.75rem;border-radius:.4rem;border:1px solid var(--borde);background:var(--papel);color:inherit;cursor:pointer}.ayuda{margin:.3rem 0 0;font-size:.8rem;color:var(--tenue)}.lista .nombre .monto{margin-left:auto;font-variant-numeric:tabular-nums;font-weight:600}.lista .periodo{font-variant-numeric:tabular-nums}.desglose{list-style:none;margin:.5rem 0 0;padding:0 0 0 .9rem;border-left:2px solid var(--borde);font-size:.85rem;color:var(--tenue)}.desglose li{display:flex;gap:.75rem;padding:.15rem 0}.desglose .monto{margin-left:auto;font-variant-numeric:tabular-nums}