.investment-tool {max-width: 400px;margin: auto;padding: 20px;background: #f9fbfc;border: 1px solid #e0e0e0;border-radius: 12px;font-family: Arial,sans-serif;box-shadow: 0 4px 10px rgba(0,0,0,.05);}
.investment-tool h2 {text-align: center;color: #2f528f;margin-bottom: 20px;}
.mode-selector {display: flex;justify-content: center;gap: 20px;margin-bottom: 15px;}
.mode-selector label {font-weight: bold;cursor: pointer;}
.form-group {margin-bottom: 15px;}
.form-group label {display: block;margin-bottom: 5px;font-weight: bold;}
.form-group input {width: 100%;padding: 8px;border: 1px solid #ccc;border-radius: 6px;font-size: 1em;}
#calculate-btn {width: 100%;padding: 10px;background-color: #4caf50;color: white;border: none;border-radius: 6px;font-weight: bold;cursor: pointer;}
#calculate-btn:hover {background-color: #43a047;}
.summary-box {margin-top: 20px;text-align: center;font-weight: bold;color: #333;}
#chart-container {display: none;margin-top: 20px;}
#chart-container canvas {width: 100% !important;height: auto !important;max-width: 300px;display: block;margin: auto;}