Nanny Payroll Tax Calculator

:root {
–primary-color: #004a99;
–success-color: #28a745;
–background-color: #f8f9fa;
–text-color: #333;
–border-color: #ddd;
–card-background: #fff;
–shadow: 0 2px 5px rgba(0,0,0,0.1);
}
body {
font-family: ‘Segoe UI’, Tahoma, Geneva, Verdana, sans-serif;
background-color: var(–background-color);
color: var(–text-color);
line-height: 1.6;
margin: 0;
padding: 0;
}
.container {
max-width: 960px;
margin: 20px auto;
padding: 20px;
background-color: var(–card-background);
border-radius: 8px;
box-shadow: var(–shadow);
}
header {
background-color: var(–primary-color);
color: white;
padding: 20px 0;
text-align: center;
margin-bottom: 20px;
border-radius: 8px 8px 0 0;
}
header h1 {
margin: 0;
font-size: 2.2em;
}
.subtitle {
font-size: 1.1em;
opacity: 0.9;
}
.loan-calc-container {
background-color: var(–card-background);
padding: 30px;
border-radius: 8px;
box-shadow: var(–shadow);
margin-bottom: 30px;
}
.input-group {
margin-bottom: 20px;
text-align: left;
}
.input-group label {
display: block;
margin-bottom: 8px;
font-weight: bold;
color: var(–primary-color);
}
.input-group input[type=”number”],
.input-group input[type=”text”],
.input-group select {
width: calc(100% – 22px);
padding: 12px;
border: 1px solid var(–border-color);
border-radius: 4px;
font-size: 1em;
box-sizing: border-box;
}
.input-group input[type=”number”]:focus,
.input-group input[type=”text”]:focus,
.input-group select:focus {
border-color: var(–primary-color);
outline: none;
box-shadow: 0 0 0 3px rgba(0, 74, 153, 0.2);
}
.input-group .helper-text {
font-size: 0.85em;
color: #666;
margin-top: 5px;
display: block;
}
.error-message {
color: #dc3545;
font-size: 0.85em;
margin-top: 5px;
display: none; /* Hidden by default */
}
.error-message.visible {
display: block;
}
.button-group {
display: flex;
justify-content: space-between;
margin-top: 30px;
flex-wrap: wrap;
gap: 10px;
}
.button-group button {
padding: 12px 25px;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 1em;
font-weight: bold;
transition: background-color 0.3s ease;
flex: 1;
min-width: 150px;
}
.button-group button.primary {
background-color: var(–primary-color);
color: white;
}
.button-group button.primary:hover {
background-color: #003366;
}
.button-group button.secondary {
background-color: #6c757d;
color: white;
}
.button-group button.secondary:hover {
background-color: #5a6268;
}
#results {
margin-top: 30px;
padding: 25px;
background-color: var(–primary-color);
color: white;
border-radius: 8px;
text-align: center;
box-shadow: var(–shadow);
}
#results h3 {
margin-top: 0;
font-size: 1.8em;
color: white;
}
#results .main-result {
font-size: 2.5em;
font-weight: bold;
margin: 15px 0;
display: block;
background-color: rgba(255, 255, 255, 0.2);
padding: 10px;
border-radius: 5px;
}
#results .intermediate-values div,
#results .formula-explanation {
margin-top: 15px;
font-size: 1.1em;
opacity: 0.9;
}
#results .formula-explanation {
font-style: italic;
margin-top: 20px;
padding-top: 15px;
border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.table-container {
margin-top: 30px;
overflow-x: auto; /* Mobile responsiveness for tables */
}
table {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
background-color: var(–card-background);
box-shadow: var(–shadow);
border-radius: 8px;
overflow: hidden; /* Ensures rounded corners apply to content */
}
caption {
font-size: 1.2em;
font-weight: bold;
margin-bottom: 15px;
text-align: left;
color: var(–primary-color);
caption-side: top;
}
th, td {
padding: 12px 15px;
text-align: left;
border-bottom: 1px solid var(–border-color);
}
thead th {
background-color: var(–primary-color);
color: white;
font-weight: bold;
}
tbody tr:nth-child(even) {
background-color: #f2f2f2;
}
tbody tr:hover {
background-color: #e9ecef;
}
.chart-container {
margin-top: 30px;
padding: 20px;
background-color: var(–card-background);
border-radius: 8px;
box-shadow: var(–shadow);
text-align: center;
}
.chart-container canvas {
max-width: 100%; /* Mobile responsiveness for charts */
height: auto !important; /* Ensure canvas scales correctly */
}
.chart-caption {
font-size: 1em;
color: #666;
margin-top: 10px;
display: block;
}
section {
margin-top: 40px;
padding: 30px;
background-color: var(–card-background);
border-radius: 8px;
box-shadow: var(–shadow);
margin-bottom: 30px;
}
section h2 {
color: var(–primary-color);
border-bottom: 2px solid var(–primary-color);
padding-bottom: 10px;
margin-bottom: 20px;
font-size: 1.8em;
}
section h3 {
color: var(–primary-color);
margin-top: 25px;
margin-bottom: 15px;
font-size: 1.4em;
}
section p, section ul, section ol {
margin-bottom: 15px;
}
section ul, section ol {
padding-left: 25px;
}
section li {
margin-bottom: 10px;
}
.faq-item {
margin-bottom: 20px;
border-left: 3px solid var(–primary-color);
padding-left: 15px;
}
.faq-item strong {
display: block;
font-size: 1.1em;
color: var(–primary-color);
margin-bottom: 5px;
}
.internal-links {
list-style: none;
padding: 0;
}
.internal-links li {
margin-bottom: 15px;
}
.internal-links a {
color: var(–primary-color);
text-decoration: none;
font-weight: bold;
}
.internal-links a:hover {
text-decoration: underline;
}
.internal-links span {
display: block;
font-size: 0.9em;
color: #666;
margin-top: 3px;
}
footer {
text-align: center;
padding: 20px;
margin-top: 40px;
font-size: 0.9em;
color: #777;
}
.highlight {
background-color: var(–success-color);
color: white;
padding: 2px 5px;
border-radius: 3px;
font-weight: bold;
}
.tooltip {
position: relative;
display: inline-block;
cursor: help;
border-bottom: 1px dotted #004a99;
}
.tooltip .tooltiptext {
visibility: hidden;
width: 220px;
background-color: #555;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 10px;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
margin-left: -110px;
opacity: 0;
transition: opacity 0.3s;
font-size: 0.85em;
line-height: 1.4;
}
.tooltip .tooltiptext::after {
content: “”;
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
visibility: visible;
opacity: 1;
}

Estimate Employer Taxes for Household Employees

Calculate Your Nanny Payroll Taxes

Enter the details of your nanny’s employment to estimate the employer’s share of payroll taxes.

Annual Payroll Tax Breakdown

Tax Type	Rate (%)	Annual Tax Amount ($)
Employer Social Security	—	—
Employer Medicare	—	—
FUTA	—	—
SUTA	—	—
Total Employer Taxes	—	—

What is Nanny Payroll Tax?

Nanny payroll tax refers to the employment taxes that a household employer is legally obligated to withhold and pay when hiring a nanny or other domestic worker. In the United States, if you pay a household employee $2,700 or more in 2024 (this threshold adjusts annually for inflation), you are generally considered a household employer and must comply with federal and state tax laws. This includes paying Social Security and Medicare taxes, as well as federal and state unemployment taxes. Understanding and correctly calculating these nanny payroll taxes is crucial for both the employer and the employee to ensure compliance and avoid penalties.

Who should use this nanny payroll tax calculator?

• Families hiring a nanny, babysitter, housekeeper, or other household staff.
• Individuals who meet or expect to meet the IRS’s minimum payment threshold for household employees.
• Employers who want to accurately budget for the total cost of employing a household worker, beyond just their gross wages.

Common Misconceptions about Nanny Payroll Tax:

• “I pay in cash, so I don’t need to pay taxes.” This is incorrect. Even cash payments are subject to employment tax laws. Failing to report and pay taxes can lead to significant penalties.
• “My nanny is a contractor, so I don’t owe employment taxes.” Nannies are almost always considered employees, not independent contractors, due to the level of control the employer has over their work. Misclassifying an employee can result in severe penalties.
• “The employee pays all the taxes.” Employers are responsible for paying a portion of Social Security and Medicare taxes (matching the employee’s contribution) and all federal and state unemployment taxes.

Nanny Payroll Tax Formula and Mathematical Explanation

Calculating nanny payroll taxes involves determining the employer’s share of several key taxes based on the gross wages paid to the household employee. The primary components are Social Security tax, Medicare tax, and unemployment taxes (Federal Unemployment Tax Act – FUTA, and State Unemployment Tax Act – SUTA).

The Core Formula:

The total employer payroll tax liability is the sum of the employer’s contributions to each tax category:

Total Employer Taxes = (Gross Wages × Social Security Rate) + (Gross Wages × Medicare Rate) + (Gross Wages × (FUTA Rate + SUTA Rate))

Variable Explanations:

• Gross Wages: The total amount paid to the nanny before any deductions. This is the base for calculating most payroll taxes.
• Social Security Rate: The employer’s portion of Social Security tax. For 2024, this is 6.2% on wages up to the annual limit ($168,600 for 2024).
• Medicare Rate: The employer’s portion of Medicare tax. For 2024, this is 1.45% on all wages, with no income limit.
• FUTA Rate: The Federal Unemployment Tax Act rate. The standard rate is 6.0%, but employers typically receive a credit of up to 5.4% for taxes paid to state unemployment funds, making the effective FUTA rate often 0.6%.
• SUTA Rate: The State Unemployment Tax Act rate. This rate varies significantly by state and is often experience-based. It is applied to a state-specific wage base. For simplicity in this calculator, we assume it applies to the same gross wage base as FUTA, but actual state calculations may differ.

Variables Table:

Nanny Payroll Tax Variables

Variable	Meaning	Unit	Typical Range / Notes
Gross Wages	Total cash wages paid to the nanny.	$	Varies widely; $2,700+ annually triggers tax obligations (2024).
Social Security Rate	Employer’s share of Social Security tax.	%	6.2% (up to annual wage limit).
Medicare Rate	Employer’s share of Medicare tax.	%	1.45% (no wage limit).
FUTA Rate	Federal Unemployment Tax Act rate.	%	Effective rate typically 0.6% after state tax credits.
SUTA Rate	State Unemployment Tax Act rate.	%	Varies by state (e.g., 0% to 10%+). Check state specifics.
Pay Frequency	How often the nanny is paid.	N/A	Weekly, Bi-weekly, Semi-monthly, Monthly. Affects withholding calculations if done per paycheck.
State	The state where the nanny is employed.	N/A	Determines applicable SUTA rate and potential state-specific taxes.

Practical Examples (Real-World Use Cases)

Example 1: Full-Time Nanny in California

A family in California hires a full-time nanny and agrees to pay her $40,000 annually in gross wages. They pay her bi-weekly. The state’s SUTA rate for this employer is 3.4% on wages up to $7,000. The effective FUTA rate is 0.6%.

• Inputs:
  • Annual Gross Wage: $40,000
  • Pay Frequency: Bi-weekly
  • State: California
  • FUTA Rate: 0.6%
  • SUTA Rate: 3.4% (applied to first $7,000 of wages)
  • Social Security Rate: 6.2%
  • Medicare Rate: 1.45%
• Calculations:
  • Employer Social Security: $40,000 × 6.2% = $2,480
  • Employer Medicare: $40,000 × 1.45% = $580
  • SUTA Taxable Wages: $7,000
  • Employer SUTA: $7,000 × 3.4% = $238
  • FUTA Taxable Wages: $7,000 (Federal wage base is $7,000)
  • Employer FUTA: $7,000 × 0.6% = $42
  • Total Employer Unemployment: $238 + $42 = $280
  • Total Employer Payroll Taxes: $2,480 + $580 + $280 = $3,340
• Interpretation: In addition to the $40,000 gross wage, this family must budget approximately $3,340 for employer-side payroll taxes annually. This brings the total cost of employing the nanny to $43,340. This calculation highlights the importance of considering the full cost of household employment.

Example 2: Part-Time Nanny in Texas

A family in Texas hires a part-time nanny and pays her $15,000 annually in gross wages, paid weekly. Texas does not have a state income tax, but it does have state unemployment taxes. The employer’s SUTA rate is 2.1% on wages up to $9,000. The effective FUTA rate is 0.6%.

• Inputs:
  • Annual Gross Wage: $15,000
  • Pay Frequency: Weekly
  • State: Texas
  • FUTA Rate: 0.6%
  • SUTA Rate: 2.1% (applied to first $9,000 of wages)
  • Social Security Rate: 6.2%
  • Medicare Rate: 1.45%
• Calculations:
  • Employer Social Security: $15,000 × 6.2% = $930
  • Employer Medicare: $15,000 × 1.45% = $217.50
  • SUTA Taxable Wages: $9,000
  • Employer SUTA: $9,000 × 2.1% = $189
  • FUTA Taxable Wages: $7,000 (Federal wage base is $7,000)
  • Employer FUTA: $7,000 × 0.6% = $42
  • Total Employer Unemployment: $189 + $42 = $231
  • Total Employer Payroll Taxes: $930 + $217.50 + $231 = $1,378.50
• Interpretation: For their part-time nanny, this family’s total cost, including employer taxes, is $15,000 + $1,378.50 = $16,378.50. This example shows that even for part-time help, understanding nanny payroll tax obligations is essential.

How to Use This Nanny Payroll Tax Calculator

Our Nanny Payroll Tax Calculator is designed to be simple and intuitive. Follow these steps to get an accurate estimate of your employer tax obligations:

1. Enter Annual Gross Wage: Input the total amount you plan to pay your nanny over the course of the year. This is the base figure for most calculations.
2. Select Pay Frequency: Choose how often you will pay your nanny (e.g., weekly, bi-weekly, monthly). While this calculator focuses on annual totals, frequency is important for actual payroll processing.
3. Choose Your State: Select the state where your nanny will be working. This is crucial for determining the applicable State Unemployment Tax (SUTA) rate.
4. Input Tax Rates:
   • FUTA Rate: The calculator defaults to the common effective rate of 0.6%. Adjust only if you know you don’t qualify for the full state tax credit.
   • SUTA Rate: Enter your specific State Unemployment Tax rate. If unsure, consult your state’s labor department website or your payroll service provider. Rates can vary significantly.
   • Social Security & Medicare Rates: These are standard federal rates (6.2% and 1.45% respectively) and are pre-filled.
5. Click “Calculate Taxes”: The calculator will instantly display the estimated total employer payroll taxes, broken down into Social Security, Medicare, and Unemployment taxes.
6. Review the Breakdown: Examine the table below the results for a detailed annual breakdown of each tax type.
7. Use the Chart: Visualize the proportion of each tax type contributing to your total employer tax burden.
8. Copy Results: Use the “Copy Results” button to easily transfer the key figures and assumptions for budgeting or record-keeping.
9. Reset: Click “Reset” to clear all fields and start over with default values.

How to Read Results: The primary result shows the total estimated annual tax amount you, as the employer, will owe in addition to the nanny’s gross wages. The intermediate values provide a clearer picture of where this tax burden comes from.

Decision-Making Guidance: Use these estimates to accurately budget for your household employee. Remember that these are employer taxes; your nanny will also have taxes withheld from her gross pay (employee’s share of Social Security and Medicare, plus income taxes). Always consult IRS Publication 926, “Household Employer’s Tax Guide,” and your state’s specific guidelines for complete compliance.

Key Factors That Affect Nanny Payroll Tax Results

Several factors influence the total nanny payroll tax burden for a household employer. Understanding these can help in accurate financial planning:

1. Gross Wages Paid: This is the most significant factor. Higher gross wages directly translate to higher Social Security, Medicare, and potentially unemployment tax amounts, as these are typically calculated as a percentage of wages.
2. State of Employment: Each state has its own unemployment tax system (SUTA). Rates vary dramatically, and states also have different wage bases (the maximum income subject to SUTA). Some states may also have additional state-specific payroll taxes.
3. FUTA and SUTA Wage Bases: Federal unemployment tax (FUTA) is generally applied to the first $7,000 of wages paid to each employee per year. State unemployment taxes (SUTA) have their own wage bases, which can be higher or lower than the federal base (e.g., California’s is $7,000, while Texas’s is $9,000). Once an employee reaches the wage base for a specific tax, that tax is no longer calculated on their subsequent wages for the year.
4. Employer’s SUTA Rate: State unemployment tax rates are often experience-based. Employers with a history of fewer layoffs may receive a lower SUTA rate, while those with more claims against their account might face higher rates. New employers are typically assigned an industry average rate.
5. Bonuses and Other Compensation: Payments beyond regular wages, such as bonuses, holiday pay, or certain benefits, are generally considered taxable wages and are subject to the same payroll taxes unless specifically excluded by law.
6. Inflation and Annual Adjustments: Wage bases for Social Security and unemployment taxes are adjusted annually for inflation. This means the amount of tax paid can change from year to year even if wages remain constant, as more of the wages might fall under the taxable wage base.
7. Potential for Additional State/Local Taxes: Beyond standard federal and state unemployment taxes, some states or localities might impose additional payroll taxes (e.g., disability insurance contributions in states like New York or California).

Frequently Asked Questions (FAQ)

Q1: What is the minimum wage threshold to trigger nanny payroll taxes?

For 2024, if you pay any household employee (like a nanny) $2,700 or more in cash wages during the year, you generally must pay unemployment taxes (FUTA and SUTA). If you pay $1,000 or more on any given day, you must withhold Social Security and Medicare taxes. These thresholds are adjusted annually.

Q2: Do I have to pay Social Security and Medicare taxes for my nanny?

Yes, if your nanny earns $1,000 or more in cash wages in the calendar year, you must withhold the employee’s share of Social Security (6.2%) and Medicare (1.45%) taxes from their pay and remit both the employee and employer portions (totaling 12.4% for SS and 2.9% for Medicare) to the IRS. You also need to pay FUTA and SUTA.

Q3: How often do I need to pay these taxes?

Federal taxes (income tax withholding, Social Security, Medicare, FUTA) are typically paid quarterly using IRS Form 941 (or Schedule H for household employers) and Form 940 for FUTA. State taxes are paid according to your state’s specific schedule, often quarterly or monthly. It’s best to consult IRS Publication 926 and your state’s tax agency.

Q4: What happens if I don’t pay nanny payroll taxes?

Failure to comply can result in significant penalties, interest charges, and back taxes owed to the IRS and state tax agencies. It can also affect the employee’s eligibility for Social Security and Medicare benefits. The IRS takes household employment taxes seriously.

Q5: Can I use a payroll service for my nanny?

Yes, using a specialized nanny payroll service is highly recommended. These services handle calculations, tax payments, filings, and year-end forms (like W-2s and Schedule H), ensuring compliance and saving you time and potential headaches. Many services integrate with our calculator’s logic.

Q6: Are there any tax breaks for hiring a nanny?

While the employer’s share of payroll taxes is a business expense, you might be able to claim tax benefits if you pay for childcare so you (and your spouse, if filing jointly) can work or look for work. This could be through a Dependent Care Flexible Spending Account (FSA) or the Child and Dependent Care Tax Credit. Consult a tax professional for details.

Q7: What is the difference between FUTA and SUTA?

FUTA is the Federal Unemployment Tax Act, a federal tax that funds state unemployment agencies. SUTA is the State Unemployment Tax Act, paid to your specific state’s unemployment insurance fund. Both are paid by the employer to cover unemployment benefits for eligible workers.

Q8: Does the Social Security wage limit apply to Medicare tax?

No. The Social Security tax has an annual wage limit ($168,600 for 2024). Once an employee earns above this amount, Social Security taxes are no longer withheld. However, Medicare tax has no wage limit; both the employee and employer portions (1.45% each) are applied to all earnings.

Related Tools and Internal Resources

function formatCurrency(amount) {
return “$” + amount.toFixed(2);
}

function getInputValue(id) {
var input = document.getElementById(id);
var value = parseFloat(input.value);
return isNaN(value) ? null : value;
}

function setErrorMessage(id, message) {
var errorElement = document.getElementById(id + “Error”);
if (message) {
errorElement.innerText = message;
errorElement.classList.add(“visible”);
document.getElementById(id).classList.add(“error-input”);
} else {
errorElement.innerText = “”;
errorElement.classList.remove(“visible”);
document.getElementById(id).classList.remove(“error-input”);
}
}

function validateInputs() {
var annualWage = getInputValue(“annualWage”);
var futaRate = getInputValue(“futaRate”);
var sutaRate = getInputValue(“sutaRate”);
var socialSecurityRate = getInputValue(“socialSecurityRate”);
var medicareRate = getInputValue(“medicareRate”);

var isValid = true;

if (annualWage === null || isNaN(annualWage) || annualWage < 0) {
setErrorMessage("annualWage", "Please enter a valid positive annual wage.");
isValid = false;
} else {
setErrorMessage("annualWage", "");
}

if (futaRate === null || isNaN(futaRate) || futaRate < 0) {
setErrorMessage("futaRate", "Please enter a valid non-negative FUTA rate.");
isValid = false;
} else {
setErrorMessage("futaRate", "");
}

if (sutaRate === null || isNaN(sutaRate) || sutaRate < 0) {
setErrorMessage("sutaRate", "Please enter a valid non-negative SUTA rate.");
isValid = false;
} else {
setErrorMessage("sutaRate", "");
}

if (socialSecurityRate === null || isNaN(socialSecurityRate) || socialSecurityRate < 0) {
setErrorMessage("socialSecurityRate", "Please enter a valid non-negative Social Security rate.");
isValid = false;
} else {
setErrorMessage("socialSecurityRate", "");
}

if (medicareRate === null || isNaN(medicareRate) || medicareRate < 0) {
setErrorMessage("medicareRate", "Please enter a valid non-negative Medicare rate.");
isValid = false;
} else {
setErrorMessage("medicareRate", "");
}

return isValid;
}

var chartInstance = null;

function calculateTaxes() {
if (!validateInputs()) {
document.getElementById("results").style.display = "none";
return;
}

var annualWage = getInputValue("annualWage");
var futaRatePercent = getInputValue("futaRate");
var sutaRatePercent = getInputValue("sutaRate");
var socialSecurityRatePercent = getInputValue("socialSecurityRate");
var medicareRatePercent = getInputValue("medicareRate");
var state = document.getElementById("state").value;

var socialSecurityRate = socialSecurityRatePercent / 100;
var medicareRate = medicareRatePercent / 100;
var futaRate = futaRatePercent / 100;
var sutaRate = sutaRatePercent / 100;

// Wage base limits (as of 2024, adjust if needed for future years)
var socialSecurityWageBase = 168600;
var federalUnemploymentWageBase = 7000;
var stateUnemploymentWageBase;

// Approximate state wage bases (these vary and need precise lookup for accuracy)
// For simplicity, using common ones or federal base if state is unknown/not applicable
switch(state) {
case "CA": stateUnemploymentWageBase = 7000; break; // Example, actual CA base can vary
case "NY": stateUnemploymentWageBase = 11400; break; // Example
case "TX": stateUnemploymentWageBase = 9000; break; // Example
case "MA": stateUnemploymentWageBase = 15000; break; // Example
default: stateUnemploymentWageBase = federalUnemploymentWageBase; // Default to federal if state specific is unknown
}

// Calculate Social Security Tax
var ssTaxableWages = Math.min(annualWage, socialSecurityWageBase);
var employerSocialSecurityTax = ssTaxableWages * socialSecurityRate;

// Calculate Medicare Tax
var medicareTaxableWages = annualWage; // No wage limit for Medicare
var employerMedicareTax = medicareTaxableWages * medicareRate;

// Calculate Unemployment Taxes (FUTA and SUTA)
var futaTaxableWages = Math.min(annualWage, federalUnemploymentWageBase);
var employerFUTATax = futaTaxableWages * futaRate;

var sutaTaxableWages = Math.min(annualWage, stateUnemploymentWageBase);
var employerSUTATax = sutaTaxableWages * sutaRate;

var employerUnemploymentTax = employerFUTATax + employerSUTATax;

// Calculate Total Employer Taxes
var totalEmployerTaxes = employerSocialSecurityTax + employerMedicareTax + employerUnemploymentTax;

// Update Results Display
document.getElementById("mainResult").innerText = formatCurrency(totalEmployerTaxes);
document.getElementById("employerSocialSecurity").innerText = "Employer Social Security: " + formatCurrency(employerSocialSecurityTax);
document.getElementById("employerMedicare").innerText = "Employer Medicare: " + formatCurrency(employerMedicareTax);
document.getElementById("employerUnemployment").innerText = "Employer Unemployment (FUTA+SUTA): " + formatCurrency(employerUnemploymentTax);
document.getElementById("results").style.display = "block";

// Update Table
document.getElementById("tableSSRate").innerText = socialSecurityRatePercent.toFixed(2) + "%";
document.getElementById("tableSSAmount").innerText = formatCurrency(employerSocialSecurityTax);
document.getElementById("tableMedicareRate").innerText = medicareRatePercent.toFixed(2) + "%";
document.getElementById("tableMedicareAmount").innerText = formatCurrency(employerMedicareTax);
document.getElementById("tableFUTARate").innerText = futaRatePercent.toFixed(2) + "%";
document.getElementById("tableFUTAAmount").innerText = formatCurrency(employerFUTATax);
document.getElementById("tableSUTARate").innerText = sutaRatePercent.toFixed(2) + "%";
document.getElementById("tableSUTAAmount").innerText = formatCurrency(employerSUTATax);
document.getElementById("tableTotalAmount").innerText = formatCurrency(totalEmployerTaxes);

// Update Chart
updateChart(employerSocialSecurityTax, employerMedicareTax, employerFUTATax, employerSUTATax);
}

function updateChart(ssTax, medicareTax, futaTax, sutaTax) {
var ctx = document.getElementById('taxDistributionChart').getContext('2d');

if (chartInstance) {
chartInstance.destroy();
}

chartInstance = new Chart(ctx, {
type: 'pie',
data: {
labels: ['Employer Social Security', 'Employer Medicare', 'FUTA', 'SUTA'],
datasets: [{
label: 'Tax Amount ($)',
data: [ssTax, medicareTax, futaTax, sutaTax],
backgroundColor: [
'rgba(0, 74, 153, 0.7)', // Primary Blue
'rgba(40, 167, 69, 0.7)', // Success Green
'rgba(255, 193, 7, 0.7)', // Warning Yellow
'rgba(108, 117, 125, 0.7)' // Secondary Gray
],
borderColor: [
'rgba(0, 74, 153, 1)',
'rgba(40, 167, 69, 1)',
'rgba(255, 193, 7, 1)',
'rgba(108, 117, 125, 1)'
],
borderWidth: 1
}]
},
options: {
responsive: true,
maintainAspectRatio: false,
plugins: {
legend: {
position: 'top',
},
title: {
display: true,
text: 'Employer Payroll Tax Distribution'
}
}
}
});
}

function resetCalculator() {
document.getElementById("annualWage").value = "";
document.getElementById("payFrequency").value = "weekly";
document.getElementById("state").value = "CA"; // Default to a common state
document.getElementById("futaRate").value = "0.6";
document.getElementById("sutaRate").value = ""; // Leave SUTA blank to prompt user
document.getElementById("socialSecurityRate").value = "6.2";
document.getElementById("medicareRate").value = "1.45";

document.getElementById("results").style.display = "none";
document.getElementById("mainResult").innerText = "$0.00";
document.getElementById("employerSocialSecurity").innerText = "Employer Social Security: $0.00";
document.getElementById("employerMedicare").innerText = "Employer Medicare: $0.00";
document.getElementById("employerUnemployment").innerText = "Employer Unemployment (FUTA+SUTA): $0.00";

// Clear table
document.getElementById("tableSSRate").innerText = "–";
document.getElementById("tableSSAmount").innerText = "–";
document.getElementById("tableMedicareRate").innerText = "–";
document.getElementById("tableMedicareAmount").innerText = "–";
document.getElementById("tableFUTARate").innerText = "–";
document.getElementById("tableFUTAAmount").innerText = "–";
document.getElementById("tableSUTARate").innerText = "–";
document.getElementById("tableSUTAAmount").innerText = "–";
document.getElementById("tableTotalAmount").innerText = "–";

// Clear chart
var ctx = document.getElementById('taxDistributionChart').getContext('2d');
if (chartInstance) {
chartInstance.destroy();
chartInstance = null;
}
// Clear canvas if no chart instance
ctx.clearRect(0, 0, ctx.canvas.width, ctx.canvas.height);

// Clear error messages
setErrorMessage("annualWage", "");
setErrorMessage("futaRate", "");
setErrorMessage("sutaRate", "");
setErrorMessage("socialSecurityRate", "");
setErrorMessage("medicareRate", "");
}

function copyResults() {
var mainResult = document.getElementById("mainResult").innerText;
var ssText = document.getElementById("employerSocialSecurity").innerText;
var medicareText = document.getElementById("employerMedicare").innerText;
var unemploymentText = document.getElementById("employerUnemployment").innerText;
var formula = document.querySelector("#results .formula-explanation").innerText;

var tableRows = document.querySelectorAll("#taxTable tbody tr");
var tableContent = "Annual Payroll Tax Breakdown:\n";
tableRows.forEach(function(row) {
var cells = row.querySelectorAll("td");
if (cells.length === 2) { // Only process rows with data cells
tableContent += cells[0].innerText + ": " + cells[1].innerText + "\n";
}
});

var assumptions = "Key Assumptions:\n";
assumptions += "Annual Gross Wage: " + document.getElementById("annualWage").value + "\n";
assumptions += "State: " + document.getElementById("state").value + "\n";
assumptions += "FUTA Rate: " + document.getElementById("futaRate").value + "%\n";
assumptions += "SUTA Rate: " + document.getElementById("sutaRate").value + "%\n";
assumptions += "Social Security Rate: " + document.getElementById("socialSecurityRate").value + "%\n";
assumptions += "Medicare Rate: " + document.getElementById("medicareRate").value + "%\n";

var textToCopy = "Nanny Payroll Tax Estimate:\n\n";
textToCopy += "Total Employer Taxes: " + mainResult + "\n";
textToCopy += ssText + "\n";
textToCopy += medicareText + "\n";
textToCopy += unemploymentText + "\n\n";
textToCopy += formula + "\n\n";
textToCopy += tableContent + "\n";
textToCopy += assumptions;

navigator.clipboard.writeText(textToCopy).then(function() {
// Optional: Show a confirmation message
var copyButton = document.querySelector('.button-group button[onclick="copyResults()"]');
var originalText = copyButton.innerText;
copyButton.innerText = "Copied!";
setTimeout(function() {
copyButton.innerText = originalText;
}, 2000);
}).catch(function(err) {
console.error('Failed to copy text: ', err);
// Optional: Show an error message
});
}

// Initial calculation on load if default values are present
document.addEventListener('DOMContentLoaded', function() {
// Set default values if inputs are empty
if (document.getElementById("annualWage").value === "") document.getElementById("annualWage").value = "30000";
if (document.getElementById("futaRate").value === "") document.getElementById("futaRate").value = "0.6";
if (document.getElementById("socialSecurityRate").value === "") document.getElementById("socialSecurityRate").value = "6.2";
if (document.getElementById("medicareRate").value === "") document.getElementById("medicareRate").value = "1.45";

// Add event listeners for real-time updates
var inputs = document.querySelectorAll('.loan-calc-container input, .loan-calc-container select');
for (var i = 0; i < inputs.length; i++) {
inputs[i].addEventListener('input', calculateTaxes);
}

// Initial calculation
calculateTaxes();
});

// Chart.js library is required for the chart to work.
// In a real WordPress environment, you would enqueue this script properly.
// For this standalone HTML, we assume Chart.js is available globally.
// If not, you'd need to include the Chart.js CDN link in the .
// Example: