.calcufacil-budget_percentage_calculator.calcufacil-container{max-width:950px;margin:20px auto;background:#fff;padding:20px;border-radius:8px;box-shadow:0 0 10px rgb(0 0 0 / .1);display:flex;gap:20px;font-family:'Arial',sans-serif}.calcufacil-budget_percentage_calculator .calcufacil-left,.calcufacil-budget_percentage_calculator .calcufacil-right{flex:1;min-width:300px}.calcufacil-budget_percentage_calculator .calculator-form h2{font-size:22px;color:#1abc9c;margin-bottom:15px;text-align:center}.calcufacil-budget_percentage_calculator .input-group{margin-bottom:15px}.calcufacil-budget_percentage_calculator .input-group label{display:block;font-weight:600;color:#333;margin-bottom:5px;font-size:14px}.calcufacil-budget_percentage_calculator .input-group input[type="number"]{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:15px;background:#f9f9f9}.calcufacil-budget_percentage_calculator button{background:#1abc9c;color:#fff;padding:10px;border:none;border-radius:4px;cursor:pointer;font-size:16px;width:100%;margin-top:10px;transition:background 0.3s}.calcufacil-budget_percentage_calculator button:hover{background:#16a085}.calcufacil-budget_percentage_calculator .form-note{font-size:12px;color:#555;margin-top:15px;background:#e8f8f5;padding:8px;border-radius:4px;line-height:1.4}.calcufacil-budget_percentage_calculator .results{background:#e8f8f5;padding:20px;border-radius:8px}.calcufacil-budget_percentage_calculator .results-header h2{font-size:24px;color:#1abc9c;text-align:center;margin-bottom:15px}.calcufacil-budget_percentage_calculator .result-item{display:flex;justify-content:space-between;padding:10px;background:#fff;margin-bottom:10px;border-radius:4px;box-shadow:0 1px 3px rgb(0 0 0 / .05);font-size:15px;border-left:4px solid}.calcufacil-budget_percentage_calculator .result-item.income-display{border-left-color:#bdc3c7;background-color:#f8f9f9;margin-bottom:20px}.calcufacil-budget_percentage_calculator .result-item.needs{border-left-color:#2980b9}.calcufacil-budget_percentage_calculator .result-item.wants{border-left-color:#f39c12}.calcufacil-budget_percentage_calculator .result-item.savings{border-left-color:#27ae60}.calcufacil-budget_percentage_calculator .result-item span{color:#333;flex-basis:60%;padding-right:10px}.calcufacil-budget_percentage_calculator .result-item strong{font-weight:600;text-align:right;flex-basis:40%;color:#16a085}.calcufacil-budget_percentage_calculator .result-item.needs strong{color:#2980b9}.calcufacil-budget_percentage_calculator .result-item.wants strong{color:#f39c12}.calcufacil-budget_percentage_calculator .result-item.savings strong{color:#27ae60}.calcufacil-budget_percentage_calculator .budget-chart-container{text-align:center;margin-bottom:25px;background:#fff;padding:15px;border-radius:6px;box-shadow:0 1px 3px rgb(0 0 0 / .05)}.calcufacil-budget_percentage_calculator .budget-chart-container h4{margin-top:0;margin-bottom:15px;font-size:16px;color:#333}.calcufacil-budget_percentage_calculator .css-pie{width:120px;height:120px;border-radius:50%;margin:0 auto 15px auto;border:1px solid #eee}.calcufacil-budget_percentage_calculator .chart-legend{list-style:none;padding:0;margin:0;display:flex;justify-content:center;gap:15px;font-size:13px}.calcufacil-budget_percentage_calculator .chart-legend li{display:flex;align-items:center}.calcufacil-budget_percentage_calculator .chart-legend .color-box{width:12px;height:12px;display:inline-block;margin-right:5px;border-radius:2px}.calcufacil-budget_percentage_calculator .chart-legend .color-box.needs{background-color:#2980b9}.calcufacil-budget_percentage_calculator .chart-legend .color-box.wants{background-color:#f39c12}.calcufacil-budget_percentage_calculator .chart-legend .color-box.savings{background-color:#27ae60}.calcufacil-budget_percentage_calculator .result-allocation{margin-top:20px}.calcufacil-budget_percentage_calculator .errors{color:#d32f2f;font-size:14px;background:#ffcdd2;padding:10px;border-radius:4px;border-left:3px solid #d32f2f}@media (max-width:768px){.calcufacil-budget_percentage_calculator.calcufacil-container{flex-direction:column;padding:15px}.calcufacil-budget_percentage_calculator .chart-legend{flex-wrap:wrap;gap:10px;font-size:12px}.calcufacil-budget_percentage_calculator .result-item{font-size:14px}}