> ## Documentation Index
> Fetch the complete documentation index at: https://docs-bo.clear-gate.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Authentication

> How to sign in, manage your session, and log out of the back office.

## Sign In

Navigate to the back office URL to access the sign-in page. Enter your email and password to log in.

<img src="https://mintlify.s3.us-west-1.amazonaws.com/cleargate/images/screenshots/backoffice/signin.png" alt="Sign in page" style={{ borderRadius: '8px', border: '1px solid #e5e7eb' }} />

### Sign In Steps

<Steps>
  <Step title="Enter your email">
    Type your registered email address in the email field.
  </Step>

  <Step title="Enter your password">
    Type your password. Use the eye icon to toggle password visibility.
  </Step>

  <Step title="Click Sign In">
    Click the **Sign In** button to authenticate. You will be redirected to the dashboard.
  </Step>
</Steps>

## Session Management

* Your session remains active for **2 weeks** after login.
* If your session expires, you will be automatically redirected to the sign-in page.
* You will need to insert your email address and will receive a one-time code from Cloudflare.
* You can be logged in from multiple devices or browser tabs simultaneously.

<Warning>
  An admin can revoke your session at any time using the **Revoke Token** action in user management. If your session is revoked, you will need to sign in again.
</Warning>

## Logging Out

To log out, click on your profile avatar in the sidebar and select **Logout**. This will:

1. End your session on the server
2. Clear your local authentication data
3. Redirect you to the sign-in page

## Theme Preference

You can switch between **light** and **dark** mode. Your theme preference is saved to your profile and persists across sessions and devices.

<img src="https://mintlify.s3.us-west-1.amazonaws.com/cleargate/images/screenshots/backoffice/theme-toggle.png" alt="Theme toggle" style={{ borderRadius: '8px', border: '1px solid #e5e7eb' }} />