body { 
  font-family: Arial, sans-serif; 
  padding: 50px; 
  margin: auto; 
}
label { 
  display: block; 
  margin-top: 10px; 
}
input, select, button { 
  padding: 8px; 
  margin-top: 5px; 
  width: 100%; 
}
button { 
  cursor: pointer; 
  margin-top: 15px; 
}
#messages { 
  margin-top: 20px; 
  min-height: 40px; 
}
#account { 
  font-weight: bold; 
  margin-bottom: 20px; 
}


.container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 20px;
}

.left-column, .right-column {
  flex: 1 1 300px;
  min-width: 300px;
}

.left-column {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.right-column {
  background: #f4f4f4;
  padding: 20px;
  border-radius: 12px;
}

.message {
  padding: 10px;
  border-radius: 6px;
  white-space: pre-line;
}

.message.info {
  background-color: #e8f4fd;
  color: #31708f;
}

.message.success {
  background-color: #dff0d8;
  color: #3c763d;
}

.message.error {
  background-color: #f2dede;
  color: #a94442;
}