.payroll-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.payroll-tab{border:1px solid var(--line);background:#fff;border-radius:9px;padding:.65rem 1rem;font-weight:800;color:#506079}.payroll-tab.active{background:#246bfd;color:#fff;border-color:#246bfd}.payroll-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.payroll-form label{display:grid;gap:.35rem;font-size:.68rem;font-weight:800}.payroll-form input,.payroll-form select{border:1px solid var(--line);border-radius:9px;padding:.7rem;background:#fff}.payroll-form .wide{grid-column:span 2}.payroll-money{font-variant-numeric:tabular-nums;font-weight:800}.payroll-positive{color:#087856}.payroll-negative{color:#b5253b}.payslip{font-family:Arial,sans-serif;color:#071b36}.payslip-head{display:flex;justify-content:space-between;border-bottom:3px solid #246bfd;padding-bottom:12px}.payslip-table{width:100%;border-collapse:collapse;margin-top:20px}.payslip-table td,.payslip-table th{border:1px solid #d9e1eb;padding:9px;text-align:left}.payslip-total{font-size:1.2rem;background:#eaf7f2}@media(max-width:850px){.payroll-form{grid-template-columns:1fr}.payroll-form .wide{grid-column:auto}.payroll-tabs{overflow:auto;flex-wrap:nowrap}.payroll-tab{white-space:nowrap}}