body { font-family: system-ui, sans-serif; margin: 0; color: #1d2330; background: #f6f7f9; }
.top { display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; background: #1d2330; color: #fff; }
.top a, .top .link { color: #fff; margin-left: 14px; text-decoration: none; }
.brand { font-weight: 600; }
main { max-width: 640px; margin: 24px auto; padding: 0 16px; }
form.inline { display: inline; }
button { padding: 6px 14px; cursor: pointer; }
button.link { background: none; border: none; padding: 0; font: inherit; }
a.button { display: inline-block; padding: 6px 14px; border: 1px solid #888; text-decoration: none; }
input[type=email], input[type=password], input[type=text] { width: 100%; max-width: 360px; padding: 6px; box-sizing: border-box; }
.error, .errorlist { color: #b00020; }
.hint { color: #5a6270; font-size: 0.92em; }
.key { font-size: 1.1em; letter-spacing: 0.05em; }
.qr { background: #fff; }
table { border-collapse: collapse; width: 100%; }
td, th { border-bottom: 1px solid #dde1e6; padding: 4px 6px; text-align: left; }