:root{--gradient-start:#203737;--gradient-end:#40e0d0;--primary:#40e0d0;--text-primary:#fff;--text-secondary:#000;--background:#fff;--card-background:#fff;--border-radius:12px;--transition:all .3s ease;--tab-background:#e6e8ec;--hover-background:#f8f9fa;--border-color:#e0e0e0;--chart-tick:#020202}.dark{--text-primary:#fff;--text-secondary:#fff;--background:#1a1a1a;--card-background:#2d2d2d;--gradient-start:#1a1a1a;--gradient-end:#ff4757;--tab-background:#2d2d2d;--hover-background:#333;--border-color:#404040;--primary:#ff6b6b;--chart-tick:#e0e0e0}.tab-content.budget-plan{color:#333;background-color:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 10px #0000001a}.budget-plan .form-group{margin-bottom:20px}.budget-plan label{margin-bottom:5px;font-weight:700;display:block}.budget-plan input{color:#333;border:1px solid #ccc;border-radius:5px;width:100%;padding:10px;font-size:16px}.budget-plan input::placeholder{color:#888}.budget-plan input:focus{border-color:#007bff;outline:none;box-shadow:0 0 5px #007bff80}.generate-plan-btn{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:5px;width:100%;padding:10px;font-size:16px;transition:background-color .3s}.generate-plan-btn:hover{background-color:#0056b3}.budget-summary ul{padding:0;list-style:none}.budget-summary li{margin:5px 0;font-size:16px}.budget-summary{margin-top:20px}.budget-summary h3{text-align:center;margin-bottom:15px;font-size:20px}.allocation-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin:20px 0;display:grid}.allocation-card:hover{transform:translateY(-5px);box-shadow:0 4px 8px #0003}.allocation-icon{color:#007bff;margin-bottom:10px;font-size:30px}.fixed h4{color:#007bff}.budget-summary .fixed{background-color:#eaf4ff;border:1px solid #007bff}.allocation-card{flex-direction:column;justify-content:center;align-items:center;display:flex}.allocation-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-top:20px;display:grid}.allocation-card{text-align:center;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:10px;padding:15px;box-shadow:0 2px 4px #0000001a}.allocation-card.fixed{background-color:#eaf4ff;border-color:#007bff}.allocation-card h4{color:#444;margin-bottom:5px;font-size:16px}.allocation-card p{color:#666;font-size:14px}