.currency-toggle{
   display:flex;
   gap:12px;
   margin-bottom:30px;
    }

   .currency-toggle button{
       flex:1;
  border:none;
  padding:5px;
  border-radius:14px;
  cursor:pointer;
  font-weight:500;
  transition:0.3s;
  background:#e2e8f0;
  color:#334155;
    }

    .currency-toggle button.active{
      background:linear-gradient(135deg,#2563eb,#4f46e5);
  color:#fff;
    }

.grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:20px;
    }

   .input-group label{
      display:block;
      margin-bottom:10px;
      font-weight:500;
    }

 .input-box input:focus{
      border-color:#2563eb;
      box-shadow:0 0 0 4px rgba(37,99,235,0.1);
    }

  .percentage{
      position:absolute;
      right:16px;
      top:50%;
      transform:translateY(-50%);
      font-weight:700;
      color:#64748b;
    }

    .btn{
      width:100%;
      padding:16px;
      border:none;
      border-radius:14px;
      background:#e2e8f0;
      color:#1e293b;
      font-size:16px;
      font-weight:700;
      cursor:pointer;
      transition:0.3s;
      margin-top:25px;
    }

    .btn:hover{
      background:#cbd5e1;
    }

.info-box{
      margin-top:20px;
      padding:20px;
      background:#f8fafc;
      border-radius:16px;
      border:1px solid #e2e8f0;
    }


  .input-box{
      position:relative;
    }

    .currency{
      position:absolute;
      left:16px;
      top:50%;
      transform:translateY(-50%);
      font-weight:700;
      color:#64748b;
    }

#income,
#expenses,
#propertyValue,
#mortgage{
  padding-left:35px !important;
}

    .cap-rate{
      font-size:34px;
      font-weight:800;
      margin-bottom:25px;
      position:relative;
			margin-left:18px;
    }

    .rating-badge{
      display:inline-block;
      padding:10px 18px;
      border-radius:50px;
      font-weight:500;
      margin-bottom:25px;
      position:relative;
    }

    .result-card{
  background:#E6F0EE;
  padding:20px;
  border-radius:20px;
  margin-bottom:20px;
  position:relative;
    }