body { font-family: system-ui, sans-serif; background: #12151c; color: #e8ebf2; margin: 0; }
main { max-width: 32rem; margin: 3rem auto; padding: 0 1rem; }
h1 { font-size: 1.6rem; }
label { display: block; margin: 1rem 0 0.3rem; }
input[type=text], input[type=email], input[type=password] { width: 100%; box-sizing: border-box; padding: 0.6rem;
  border: 1px solid #3a4152; border-radius: 4px; background: #1b2029; color: inherit; font-size: 1rem; }
button { margin-top: 1rem; padding: 0.6rem 1.2rem; border: 0; border-radius: 4px; background: #e2a43b; color: #12151c;
  font-size: 1rem; cursor: pointer; }
button.danger { background: #d4544a; color: #fff; }
form.inline { display: inline; }
.note { color: #a7afc0; font-size: 0.9rem; }
.problem { color: #ff8a7f; }
table { width: 100%; border-collapse: collapse; }
td, th { text-align: left; padding: 0.4rem 0.2rem; border-bottom: 1px solid #2a303d; }
a { color: #e2a43b; }