.row{
  display:flex;
  gap:10px;
  margin-bottom:15px;
}

input, select{
  width:100%;
  padding:12px;
  border:2px solid #E6F0EE;
  border-radius:10px;
  outline:none;
  transition:0.3s;
  font-size:14px;
}

input:focus, select:focus{
  border-color:#007f5f;
}

.buttons{
  display:flex;
  gap:10px;
}

button{
  flex:1;
  padding:12px;
  border:none;
  border-radius:10px;
  cursor:pointer;
  font-weight:600;
  transition:0.3s;
}

.swap{
  background:#365951;
  color:white;
}

.swap:hover{
  background:#192c27;
}

.copy{
  background:#007f5f;
  color:white;
}

.copy:hover{
  background:#55a630;
}

.result-box{
  background:#F2F7F6;
  padding:15px;
  border-radius:12px;
  margin-top:10px;
  font-size:18px;
  font-weight:600;
  color:#192c27;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.history{
  margin-top:20px;
  max-height:180px;
  overflow:auto;
  border-top:1px solid #E6F0EE;
  padding-top:10px;
}

.history-item{
  font-size:13px;
  padding:6px 0;
  color:#365951;
  border-bottom:1px dashed #ddd;
}

.small{
  font-size:12px;
  color:#666;
  margin-top:5px;
}

.controls{
  display:flex;
  gap:10px;
  margin-top:10px;
}

label{
  font-size:12px;
  color:#444;
}