Desarrolla una interfaz para un rol de pagos con las siguientes características:
1. **Datos Básicos**: Campos para el **cargo**, **años de servicio** y **sueldo base**.
2. **Comisiones, Transporte y Alimentación**: Botón para seleccionar si aplica, con una sección para ingresar la cantidad correspondiente si es necesario.
3. **Horas Extras**: Ingreso de **horas suplementarias** y **complementarias**, con cálculo automático del total basado en el costo por hora de trabajo. Botón para seleccionar si aplica, con sección para ingresar la cantidad si es necesario.
4. **Décimo Tercero y Cuarto**: Cálculo automático 8.33% del sueldo
5. **Fondos de Reserva**: Cálculo automático del 8.33% del salario, destinado al IESS.
6. **Ingresos y Egresos**: Muestra el total de ingresos y calcula el **total a pagar** restando el aporte personal.
Imprimir: sueldo base, décimo tercero, décimo cuarto, fondos de reserva, aporte personal y total a pagar
7. **Impresión y Exportación**: Botones para **imprimir** | A shadcn/ui and v0 generation - v0
