:root{color-scheme:light}body[data-onboarding="staff"],body[data-onboarding="invitation"]{background:#f7f5ef;color:#10283d;font-family:system-ui,sans-serif;margin:0}body[data-onboarding="staff"] header,body[data-onboarding="invitation"] header{padding:22px 5%;background:#081e32;color:white;display:flex;justify-content:space-between;gap:20px}body[data-onboarding="staff"] header a,body[data-onboarding="invitation"] header a{color:inherit}main.onboarding{max-width:720px;margin:35px auto;padding:0 20px}.onboarding .card,#enrollmentPanel{background:white;border:1px solid #ddd9cd;border-radius:20px;padding:28px;margin:24px 0}.onboarding label,#enrollmentPanel label{display:block;margin:18px 0 8px}.onboarding input,.onboarding textarea,#enrollmentPanel input,#enrollmentPanel textarea{box-sizing:border-box;width:100%;padding:14px;border:1px solid #b5bcc3;border-radius:10px;font:inherit}.onboarding button,#enrollmentPanel button,.onboarding .button,#enrollmentPanel .button{display:inline-block;padding:14px 22px;margin:10px 0;border:0;border-radius:10px;background:#102f49;color:white;font:inherit;cursor:pointer;text-decoration:none}button:disabled{opacity:.55;cursor:wait}.onboarding .secondary,#enrollmentPanel .secondary{background:#eee9dc;color:#142b40}.onboarding [hidden],#enrollmentPanel [hidden]{display:none!important}.onboarding .notice,#enrollmentPanel .notice{padding:14px;background:#fff7df;border-radius:12px;line-height:1.8}.onboarding [role=status],#enrollmentPanel [role=status]{line-height:1.8}#setupQR{display:block;width:min(100%,280px);height:auto;margin:15px auto;background:white}#setupKey{display:block;direction:ltr;overflow-wrap:anywhere;user-select:all;margin:15px 0}#recoveryCodes{direction:ltr;text-align:left;min-height:270px}#inviteLink{direction:ltr;text-align:left;min-height:125px}#enrollmentPanel h2{line-height:1.6}.onboarding .check,#enrollmentPanel .check{display:flex;gap:12px;align-items:center}.onboarding .check input,#enrollmentPanel .check input{width:auto}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #b69745;outline-offset:3px}@media(max-width:600px){.onboarding .card,#enrollmentPanel{padding:18px}body[data-onboarding="staff"] header,body[data-onboarding="invitation"] header{flex-wrap:wrap}}

[data-onboarding] #loginForm[hidden],[data-onboarding] #enrollmentPanel[hidden]{display:none!important}