body { background: #f7f9fc; }
.navbar-brand { font-weight: 700; }
.page-body { padding-top: 1rem; }
.auth-panel { min-height: calc(100vh - 120px); display: grid; place-items: center; }
.auth-card { width: min(100%, 420px); padding: 1.25rem; gap: .75rem; display: grid; }
.auth-card input { width: 100%; padding: .55rem .7rem; border: 1px solid #ccd4e0; border-radius: .375rem; }
.auth-card button { padding: .6rem .85rem; border: 0; border-radius: .375rem; background: #1263d8; color: white; font-weight: 650; }
.auth-card .qr { justify-self: center; image-rendering: crisp-edges; }
.alert { border: 1px solid #f2b8b5; background: #fff2f1; color: #7f1d1d; padding: .65rem .75rem; border-radius: .375rem; }
.mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }