body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#f3f4f6;font-family:Helvetica Neue,sans-serif;margin:0;padding:0}.App{padding:40px 20px}.content-wrapper{display:flex;gap:40px;margin:0 auto;max-width:1200px}.explainAndPieChart-wrapper{flex:1 1;max-width:600px;min-width:300px}.inputForm-wrapper{flex:1 1;max-width:500px;min-width:300px;padding:32px}.inputForm-wrapper,.inputForm-wrapper-phone{background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014}.inputForm-wrapper-phone{padding:5px}@media screen and (max-width:1024px){.App{padding:20px 15px}}.chart-container p{font-size:20px;font-weight:700;margin-bottom:0}.chart-container-span{color:red;font-size:25px;font-weight:700;margin-bottom:0}@media screen and (max-width:1024px){.chart-container{align-items:center;display:flex;justify-content:center;text-align:left;width:100%}.chart-container,ul{flex-direction:column}.chart-container p{font-size:18px}.chart-container-span{font-size:25px}}.explain h1{color:#202124;font-size:30px;margin-bottom:16px}.explain h2{color:#333;font-size:22px;margin-bottom:12px}.explain p{color:#555;font-size:16px;line-height:1.6}.span{background-color:#ff0}@media screen and (max-width:1024px){.explain{width:100%}.explain h1{font-size:22px;text-align:center;width:100%}.explain h2{font-size:17px}.explain p{flex-wrap:wrap;font-size:15px}}.inputForm h2{color:#202124;font-size:20px;margin-bottom:24px}.form-group{margin-bottom:25px}.form-group label{color:#202124;display:block;font-size:15px;font-weight:600;margin-bottom:5px}.form-title{align-items:center;display:flex;justify-content:space-between}.form-title div{align-items:top;display:flex;margin-right:11%}.form-title div img{margin-bottom:6px}.form-title div label{color:#235990;font-size:13px;text-decoration:underline}.form-title div:hover{opacity:.7}.form-title span{color:red;display:none;font-size:12px;font-weight:600;margin-bottom:8px;margin-right:8px}input[type=number],select{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:15px;padding:10px;width:90%}.input-with-unit{align-items:center;display:flex;gap:8px}.input-with-unit span{color:#5f6368;font-size:15px}.calculate-button{background-color:#0c6cf2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:20px;padding:12px;transition:background-color .2s ease;width:100%}.calculate-button:hover{opacity:.8}select{font-size:15px}@media screen and (max-width:1024px){.inputForm h2{font-size:17px;margin-bottom:10px}.form-group label{color:#202124;font-size:15px;font-weight:600;margin-bottom:5px}.form-group select{background-color:#fff}.form-title div label,.input-with-unit span{font-size:12px}input[type=number],select{font-size:14px}.calculate-button{font-size:14px;margin-top:15px;width:100%}}.overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.popup{animation:fadeIn .3s ease-in-out;background:#fff;border-radius:12px;box-shadow:0 4px 15px #0003;max-height:600px;max-width:600px;overflow-y:auto;padding:15px}.popup h1{font-size:22px;margin:0}.popup p span{background-color:#ff0}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.payslip{border-bottom:1px solid #dcdc;border-top:1px solid #dcdc;color:#333;font-size:14px;padding-bottom:18px}.payslip-header{align-items:center;display:flex;justify-content:space-between}.payslip-header h2{font-size:20px;margin-bottom:5px;margin-top:8px}.payslip-grid h3{margin:2px}.section-title{color:#2b7bb9;font-size:14px;font-weight:700;margin:8px 0}table{border-collapse:collapse;width:100%}.highlight-row{background:#f0f8ff;border:1.5px solid #2b7bb9}td,th{border:1px solid #ddd;padding:8px 10px}th{background:#f5f5f5;color:#555;text-align:left}.right{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.net{border:1px solid #ddd;margin-top:16px;width:100%}.net td{font-weight:700;padding:10px}.net .strong{color:#000;font-size:16px}.close-button{background-color:#0c6cf2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;margin-top:10px;padding:8px;transition:background-color .2s ease;width:100%}.close-button:hover{opacity:.8}@media screen and (max-width:1024px){.popup{height:535px;width:75%}.popup p{font-size:15px}.popup h1{font-size:20px;text-align:center}.payslip-grid{grid-template-columns:1fr}.payslip{padding-bottom:10px}}
/*# sourceMappingURL=main.f44b72a4.css.map*/