.gth-paycheck-calculator .gth-form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--gth-space-4); margin-bottom: var(--gth-space-4); }
.gth-paycheck-calculator .gth-pay-breakdown { display: flex; flex-direction: column; gap: var(--gth-space-2); margin-bottom: var(--gth-space-4); }
.gth-paycheck-calculator .gth-pay-item { display: flex; justify-content: space-between; padding: var(--gth-space-2) var(--gth-space-3); background: var(--gth-bg-secondary); border-radius: var(--gth-radius-md); }
.gth-paycheck-calculator .gth-pay-item.gth-deduction .gth-value { color: var(--gth-error); }
.gth-paycheck-calculator .gth-pay-item.gth-total { background: var(--gth-primary); color: white; font-weight: 600; }
.gth-paycheck-calculator .gth-pay-summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: var(--gth-space-3); }
.gth-paycheck-calculator .gth-summary-card { text-align: center; padding: var(--gth-space-3); background: var(--gth-bg-secondary); border-radius: var(--gth-radius-md); }
.gth-paycheck-calculator .gth-summary-card .gth-period { font-size: var(--gth-text-xs); color: var(--gth-text-secondary); }
.gth-paycheck-calculator .gth-summary-card .gth-amount { font-size: var(--gth-text-lg); font-weight: 600; }
@media (max-width: 480px) { .gth-paycheck-calculator .gth-form-grid { grid-template-columns: 1fr; } }