.login-screen {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 24px;
  background: #f5f7f8;
}
.login-content { width: min(100%, 360px); }
.login-brand { display: flex; align-items: center; gap: 12px; color: #172b32; font-size: 20px; font-weight: 700; }
.login-brand small { display: block; color: #778991; font-size: 12px; font-weight: 400; }
.login-content h1 { font-size: 24px; margin: 48px 0 28px; }
.login-content form { display: flex; flex-direction: column; }
.login-content label { color: #495b63; font-size: 13px; font-weight: 600; margin-bottom: 8px; }
.login-content input { width: 100%; height: 44px; margin-bottom: 20px; }
.login-content button { width: 100%; height: 44px; margin-top: 8px; }
#account-dialog { max-height: min(90vh, 900px); overflow-y: auto; }
#account-list form { border-bottom: 1px solid #edf1f2; }
#account-form h3 { margin: 20px 26px 0; font-size: 15px; }