#salary-calculator-wrapper {font-family: "Segoe UI",sans-serif;padding: 15px;max-width: 500px;margin: auto;background: #fff;box-shadow: 0 2px 10px rgba(0,0,0,.05);border-radius: 12px;}
.calculator-container h2 {font-size: 18px;text-align: center;color: #007bff;margin-bottom: 15px;}
.form-group {display: flex;flex-direction: column;margin-bottom: 10px;}
.form-group label {font-weight: 600;margin-bottom: 3px;font-size: 13px;color: #333;}
.form-group input, .form-group select {padding: 6px 10px;border: 1px solid #ccc;border-radius: 6px;font-size: 14px;transition: border .3s;}
.form-group input:focus, .form-group select:focus {border-color: #007bff;outline: none;}
.button-group {display: flex;justify-content: space-between;margin-top: 15px;}
.btn-primary, .btn-secondary {padding: 8px 14px;font-weight: 600;border: none;border-radius: 8px;font-size: 14px;cursor: pointer;flex: 1;margin-right: 10px;}
.btn-secondary {margin-right: 0;}
.btn-primary {background-color: #007bff;color: white;}
.btn-secondary {background-color: #f44336;color: white;}
.btn-primary:hover {background-color: #0056b3;}
.btn-secondary:hover {background-color: #c62828;}
.results {margin-top: 20px;}
.results h3 {text-align: center;color: #28a745;margin-bottom: 10px;font-size: 16px;}
.summary p {font-size: 14px;margin: 5px 0;padding-left: 6px;}
.chart-container {max-width: 400px;margin: 20px auto;}
.hidden {display: none;}
@media (max-width: 480px) {.button-group {flex-direction: column;gap: 8px;}
	.btn-primary, .btn-secondary {margin-right: 0;}
	.chart-container {width: 100%;}}