.mfa-qr{display:flex;justify-content:center;padding:var(--space-4);border-radius:var(--radius-lg);background-color:var(--color-surface-inset)}.mfa-qr img{width:200px;height:200px}.mfa-secret{margin:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background-color:var(--color-surface-inset);word-break:break-all}.mfa-code-input{max-width:200px;letter-spacing:.2em;text-align:center}.mfa-status{display:inline-flex;align-items:center;gap:var(--space-2)}.mfa-backup-codes-box{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background-color:var(--color-surface-inset)}.mfa-backup-codes-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-2) var(--space-4);gap:var(--space-2) var(--space-4);margin:0;padding:0;list-style:none}.mfa-backup-code{font-family:var(--font-mono);font-size:14px;font-weight:500;letter-spacing:.05em;color:var(--color-text-primary)}.mfa-backup-section{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background-color:var(--color-surface-inset);margin-top:var(--space-2)}.mfa-toggle-button{background:none;border:none;padding:0;font-family:var(--font-body);font-size:14px;color:var(--color-link);cursor:pointer;text-decoration:underline;text-align:center;margin-top:var(--space-2)}.mfa-toggle-button:hover{color:var(--color-link-hover)}