.auth-page {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 2rem;
  background: #f4f0e8;
}

.auth-page > .panel {
  width: min(100%, 34rem);
}

.auth-page form {
  display: grid;
  gap: 1rem;
}

.auth-page label {
  display: grid;
  gap: 0.45rem;
  font-weight: 600;
}

.auth-page input,
.auth-page textarea {
  width: 100%;
  border: 1px solid #d8d3c9;
  background: #fffdf8;
  color: #252521;
  padding: 0.8rem;
  font: inherit;
}

.auth-page textarea {
  resize: vertical;
}

.ledger-row {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #eee9df;
  padding: 14px 0;
}

.sign-out-link {
  width: 100%;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

.form-error {
  margin: 0;
  color: #9d3f3f;
  font-size: 0.78rem;
}