diff --git a/.cspell-project-words.txt b/.cspell-project-words.txt
new file mode 100644
index 0000000..c75afa3
--- /dev/null
+++ b/.cspell-project-words.txt
@@ -0,0 +1,27 @@
+adminlte
+colorlib
+dropbutton
+dropbuttons
+tabledrag
+treeview
+navbar
+subnav
+fontsource
+popperjs
+Popper
+woff
+Frobieter
+grevil
+DROWL
+Bircher
+displace
+tertiary
+subtle
+breadcrumb
+breadcrumbs
+Nightwatch
+stylelint
+phpcs
+phpstan
+cspell
+eslint
diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml
new file mode 100644
index 0000000..1fb0684
--- /dev/null
+++ b/.gitlab-ci.yml
@@ -0,0 +1,28 @@
+################
+# GitLabCI template for Drupal projects.
+#
+# This uses the official GitLabCI template maintained by the Drupal Association,
+# which runs the standard contrib test/lint jobs (phpcs, phpstan, eslint,
+# stylelint, cspell, phpunit) against this theme.
+#
+# For information on customising jobs, variables and adding/skipping jobs, see:
+# https://project.pages.drupalcode.org/gitlab_templates/
+################
+
+include:
+  - project: $_GITLAB_TEMPLATES_REPO
+    ref: $_GITLAB_TEMPLATES_REF
+    file:
+      - '/includes/include.drupalci.main.yml'
+      - '/includes/include.drupalci.variables.yml'
+      - '/includes/include.drupalci.workflows.yml'
+
+variables:
+  # Skip Nightwatch/functional-JS jobs by default: this theme ships no custom
+  # test suite yet, and the lint/static-analysis jobs are the ones tracked in
+  # https://www.drupal.org/project/adminlte/issues/3607152
+  SKIP_ESLINT: '0'
+  SKIP_STYLELINT: '0'
+  SKIP_PHPSTAN: '0'
+  SKIP_PHPCS: '0'
+  SKIP_CSPELL: '0'
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 2a1a850..e98dd6b 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,6 +6,69 @@ this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm
 
 ## [Unreleased]
 
+### Added
+
+- **Primary/accent colour picker** in theme settings — recolours links, focus
+  rings, active states and `.btn-primary`
+  ([#3608660](https://www.drupal.org/project/adminlte/issues/3608660)).
+- **Drag-resizable sidebar** with a localStorage-persisted width and a
+  configurable default width setting
+  ([#3609296](https://www.drupal.org/project/adminlte/issues/3609296)).
+- **Bootstrap Icons pack** for Drupal's Icon API (`adminlte.icons.yml`) — optional,
+  activates when `ui_icons` (`ui_icons_font`) is enabled
+  ([#3609048](https://www.drupal.org/project/adminlte/issues/3609048)).
+- **Components demo** at `docs/components.html`
+  ([#3608677](https://www.drupal.org/project/adminlte/issues/3608677)).
+- **Bootstrap-grid layouts** for Layout Builder (`adminlte.layouts.yml`) — one,
+  two, content+sidebar, three and four column, under the *AdminLTE* category
+  ([#3609456](https://www.drupal.org/project/adminlte/issues/3609456)).
+- **UI Suite integration** — ship `small-box`, `info-box` and `callout` as Single
+  Directory Components; UI Patterns 2 surfaces them in Layout Builder, Views and
+  field formatters. Optional (works standalone on core SDC); `drupal/ui_patterns`
+  added as a Composer *suggest*
+  ([#3608703](https://www.drupal.org/project/adminlte/issues/3608703)).
+- Bundle **Source Sans 3** (the default AdminLTE/Bootstrap body font) locally —
+  weights 300/400/700, Latin + Latin-Extended, under the SIL OFL. The intended
+  default typography now renders without a CDN or a system-installed font
+  ([#3609458](https://www.drupal.org/project/adminlte/issues/3609458)).
+- Theme setting **Start with the sidebar collapsed** — first-load `sidebar-collapse`
+  ([#3608687](https://www.drupal.org/project/adminlte/issues/3608687)).
+- Theme setting **Compact mode** — denser shell via `compact-mode`
+  ([#3608663](https://www.drupal.org/project/adminlte/issues/3608663)).
+- Theme setting **Force RTL layout** — `dir="rtl"` + the bundled RTL stylesheet.
+  (RTL site languages already auto-load `adminlte.rtl.css`.)
+  ([#3608661](https://www.drupal.org/project/adminlte/issues/3608661)).
+- `.gitlab-ci.yml` using the Drupal Association contrib CI template, plus a
+  cspell project dictionary
+  ([#3607152](https://www.drupal.org/project/adminlte/issues/3607152)).
+- README: navigation-block guidance (frontend vs. admin theme), a CSS Editor
+  recommendation, and a first-party-by-Colorlib note
+  ([#3608681](https://www.drupal.org/project/adminlte/issues/3608681),
+  [#3608659](https://www.drupal.org/project/adminlte/issues/3608659),
+  [#3608672](https://www.drupal.org/project/adminlte/issues/3608672)).
+
+### Changed
+
+- **Base theme is now Bootstrap5** instead of the deprecated Stable9. This
+  supplies Drupal core-markup glue CSS (fields, forms, tables, pager, messages)
+  and adds a `drupal/bootstrap5` dependency; AdminLTE keeps its own bundled
+  Bootstrap build (Bootstrap5's CSS/JS is disabled)
+  ([#3609244](https://www.drupal.org/project/adminlte/issues/3609244),
+  [#3608934](https://www.drupal.org/project/adminlte/issues/3608934)).
+- **Dark sidebar is now off by default** — the sidebar follows the active
+  light/dark colour mode unless the setting is enabled
+  ([#3608682](https://www.drupal.org/project/adminlte/issues/3608682)).
+- Login / register / reset-password pages render as a centred, constrained card
+  instead of spanning the full content width
+  ([#3608688](https://www.drupal.org/project/adminlte/issues/3608688)).
+
+### Fixed
+
+- Lower the `.app-header` / `.app-sidebar` z-index below Drupal's admin toolbar
+  so the toolbar (and Admin Toolbar Search autocomplete) is no longer hidden
+  behind the theme chrome
+  ([#3608932](https://www.drupal.org/project/adminlte/issues/3608932)).
+
 ## [1.0.0-beta1] - 2026-06-29
 
 First public release. Official **AdminLTE 4** admin theme for **Drupal 10.3+ / 11**
diff --git a/README.md b/README.md
index 6c08132..d5b4234 100644
--- a/README.md
+++ b/README.md
@@ -8,6 +8,10 @@ Official **AdminLTE 4** admin theme for **Drupal** — Bootstrap 5.3, vanilla JS
 (no jQuery), light & dark colour modes. Self-contained: all assets are bundled
 locally, no CDN required. By [Colorlib](https://colorlib.com).
 
+> ✅ **Officially created and maintained by [Colorlib](https://colorlib.com)** —
+> the authors of [AdminLTE](https://github.com/ColorlibHQ/AdminLTE) itself. This
+> is the first-party Drupal port, not a third-party reskin.
+
 Verified on **Drupal 11.3** (PHP 8.5): clean install, no errors/warnings in the
 log, all admin screens render with the AdminLTE shell in both colour modes.
 
@@ -43,6 +47,11 @@ The same AdminLTE 4 dashboard, in the framework you know best — you're looking
 
 - Drupal **10.3+** or **11**
 - PHP 8.1+ (as required by your Drupal core version)
+- The [**Bootstrap5**](https://www.drupal.org/project/bootstrap5) base theme
+  (`drupal/bootstrap5`, `^4.0`). AdminLTE builds on it for Drupal's core-markup
+  "glue" CSS. Composer pulls it in automatically; for a manual install, download
+  and place it in `themes/contrib/bootstrap5` as well. AdminLTE still bundles its
+  own Bootstrap 5.3 build, so Bootstrap5's own CSS/JS is disabled.
 
 ## Installation
 
@@ -93,8 +102,38 @@ At `/admin/appearance/settings/adminlte`:
 
 - **Default colour mode** — `auto` (follow OS), `light` or `dark`. Visitors can
   override it with the navbar toggle; their choice is remembered in the browser.
-- **Dark sidebar** — render the sidebar dark regardless of page mode (applied via
-  `data-bs-theme="dark"` on the sidebar).
+- **Dark sidebar** — render the sidebar dark regardless of the page colour mode
+  (applied via `data-bs-theme="dark"` on the sidebar). *Off by default* — the
+  sidebar follows the active light/dark mode unless you enable this.
+- **Start with the sidebar collapsed** — render the sidebar collapsed to icons on
+  first load (adds `sidebar-collapse sidebar-mini`). Visitors can still expand it.
+- **Compact mode** — tighten spacing across the shell (adds `compact-mode`) for
+  information-heavy admin screens.
+- **Force right-to-left (RTL) layout** — force `dir="rtl"` and the bundled RTL
+  stylesheet on every page. You usually don't need this: for RTL **site
+  languages** Drupal already loads `adminlte.rtl.css` automatically (via the
+  `.rtl.css` naming convention). Use the setting only to force RTL on an
+  LTR-language site.
+
+For customisation beyond these settings (colours, spacing, etc.), AdminLTE 4 is
+driven by [CSS variables](https://adminlte.io/themes/v4/docs/customization.html).
+To edit CSS without touching theme files or writing a subtheme, the
+[CSS Editor](https://www.drupal.org/project/css_editor) module lets you add
+custom CSS straight from the admin UI.
+
+## Navigation blocks: frontend vs. admin theme
+
+AdminLTE works both as a **frontend** theme (for applications, intranets and
+dashboards) and as an **administration** theme. Two navigation blocks are placed
+in the `sidebar` region on install, so you can pick whichever fits your use case:
+
+- **Main navigation** — your site's own menu. Use this when AdminLTE is the
+  **default (frontend) theme** for an app-style site. This is the primary use case.
+- **Administration** — Drupal's admin menu as a collapsible treeview with
+  per-section icons. Use this when AdminLTE is set as the **administration
+  theme** (`/admin/appearance` → *Administration theme*).
+
+Remove or rearrange either block at `/admin/structure/block` to suit your build.
 
 ## What's bundled
 
@@ -104,9 +143,52 @@ At `/admin/appearance/settings/adminlte`:
 | `js/adminlte.js` | AdminLTE behaviours (sidebar, treeview) |
 | `js/vendor/bootstrap.bundle.min.js` | Bootstrap 5.3 + Popper |
 | `css/vendor/bootstrap-icons.min.css` + fonts | Bootstrap Icons 1.13 |
+| `css/vendor/source-sans-3.css` + fonts | Source Sans 3 (default body font, weights 300/400/700, [OFL](css/vendor/fonts/OFL.txt)) |
 
 Everything is served from the theme — no external CDN calls.
 
+## Icons (Drupal Icon API)
+
+The theme ships a **Bootstrap Icons** pack for Drupal's [Icon API](https://www.drupal.org/docs/develop/drupal-apis/icon-api)
+(`adminlte.icons.yml`, all ~2,000 icons). It's an **optional** integration: install
+the [UI Icons](https://www.drupal.org/project/ui_icons) module and enable its
+`ui_icons_font` submodule (the Icon API is in core from 11.1; `ui_icons` backports
+it to 10.3–11.0), and the pack appears in every icon picker — menu-link icons,
+CKEditor, fields, etc. — using the already-bundled font. Nothing extra to download,
+and the theme works fine without it.
+
+## Component reference
+
+Open [`docs/components.html`](docs/components.html) in a browser (straight from
+the theme folder — no Drupal needed) for a self-contained showcase of the
+AdminLTE 4 / Bootstrap 5.3 components this theme provides: buttons, cards,
+tables, forms, tabs, pagination, alerts, badges and icons, in both colour modes.
+
+## Site building: layouts & components
+
+**Bootstrap layouts** — the theme ships five Bootstrap-grid layouts for
+**Layout Builder** (and the *Layout* of display modes), grouped under the
+**AdminLTE** category: one column, two columns (½ + ½), content + sidebar
+(⅔ + ⅓), three columns and four columns. They emit `.row`/`.col-*` markup, so
+Layout Builder regions align to the same grid as the rest of the theme — no
+extra module required.
+
+**Components (SDC / UI Suite)** — three signature AdminLTE widgets ship as
+[Single Directory Components](https://www.drupal.org/docs/develop/theming-drupal/using-single-directory-components):
+`small-box`, `info-box` and `callout`. Use them in any Twig template:
+
+```twig
+{{ include('adminlte:small-box', {
+  value: '150', label: 'New orders', icon: 'bag',
+  color: 'primary', url: '/admin/content'
+}) }}
+```
+
+They work standalone on core SDC. Install
+[UI Patterns 2](https://www.drupal.org/project/ui_patterns) (`drupal/ui_patterns`)
+to surface them — with auto-generated config forms — in **Layout Builder, Views
+and field formatters**, integrating the theme with the **UI Suite** ecosystem.
+
 ## Tested
 
 Verified against a clean **Drupal 11.3.13** install (standard profile, PHP 8.5):
diff --git a/adminlte.icons.yml b/adminlte.icons.yml
new file mode 100644
index 0000000..d61eea3
--- /dev/null
+++ b/adminlte.icons.yml
@@ -0,0 +1,38 @@
+# Bootstrap Icons pack for the Drupal Icon API (core 11.1+, or the ui_icons
+# contrib backport on 10.3–11.0). Uses the "font" extractor from the
+# ui_icons_font submodule, so this pack activates only when that module is
+# enabled — it is an optional integration, not a hard dependency.
+# See https://www.drupal.org/project/adminlte/issues/3609048
+bootstrap_icons:
+  enabled: true
+  label: 'Bootstrap Icons'
+  description: 'Bootstrap Icons 1.13, bundled with the AdminLTE theme and rendered as font icons.'
+  links:
+    - https://icons.getbootstrap.com
+  version: 1.13.1
+  license:
+    name: MIT
+    url: 'https://github.com/twbs/icons/blob/main/LICENSE'
+    gpl-compatible: true
+  extractor: font
+  config:
+    sources:
+      - css/vendor/bootstrap-icons.json
+  settings:
+    size:
+      title: 'Size (px)'
+      type: integer
+      default: 16
+    class:
+      title: 'Additional CSS class'
+      type: string
+  # The class must be exact, so do NOT run icon_id through clean_class here.
+  template: >-
+    <i class="bi bi-{{ icon_id }}{% if class %} {{ class }}{% endif %}"
+      {% if size %}style="font-size: {{ size }}px;"{% endif %}
+      aria-hidden="true"></i>
+  # Loads the bundled Bootstrap Icons webfont CSS so the glyphs render.
+  library: 'adminlte/bootstrap_icons'
+  preview: >-
+    <i class="bi bi-{{ icon_id }}" title="{{ label }}"
+      style="font-size: 32px; line-height: 32px;"></i>
diff --git a/adminlte.info.yml b/adminlte.info.yml
index 1538ec3..46e06d1 100644
--- a/adminlte.info.yml
+++ b/adminlte.info.yml
@@ -3,7 +3,11 @@ type: theme
 description: 'Official AdminLTE 4 admin theme for Drupal — Bootstrap 5.3, vanilla JS (no jQuery), light & dark modes. By Colorlib.'
 package: AdminLTE
 core_version_requirement: ^10.3 || ^11
-base theme: stable9
+# Bootstrap5 is a maintained base theme that supplies Drupal "glue" CSS for core
+# markup (field--label-inline, forms, tables, pager, messages …) that Stable9
+# (now deprecated) does not. We inherit that glue but keep AdminLTE's own bundled
+# Bootstrap build. See #3609244 (replaces Stable9) and #3608934 (base CSS).
+base theme: bootstrap5
 screenshot: screenshot.png
 logo: logo.svg
 
@@ -11,6 +15,20 @@ logo: logo.svg
 libraries:
   - adminlte/global-styling
 
+# Keep Bootstrap5's core-markup glue (bootstrap5/base + bootstrap5/messages, both
+# in the CSS "component" group) but drop its own compiled Bootstrap CSS and JS —
+# AdminLTE already bundles Bootstrap 5.3 (css/adminlte.css) and the Bootstrap JS
+# bundle. Our theme-group CSS loads after the inherited component-group CSS, so
+# the AdminLTE look wins where the two overlap.
+libraries-override:
+  bootstrap5/global-styling: false
+  bootstrap5/bootstrap5-js-latest: false
+
+# Style CKEditor 5 content to match the theme rather than inheriting Bootstrap5's
+# css/ck5style.css.
+ckeditor5-stylesheets:
+  - css/adminlte.css
+
 regions:
   page_top: 'Page top'
   page_bottom: 'Page bottom'
diff --git a/adminlte.layouts.yml b/adminlte.layouts.yml
new file mode 100644
index 0000000..4a481b8
--- /dev/null
+++ b/adminlte.layouts.yml
@@ -0,0 +1,82 @@
+# Bootstrap-grid layouts for Layout Builder / Layout Discovery. Provided directly
+# by the theme (no contrib module needed); they output Bootstrap 5 .row/.col
+# markup so Layout Builder regions align to the grid AdminLTE ships.
+# See https://www.drupal.org/project/adminlte/issues/3609456
+adminlte_one_column:
+  label: 'AdminLTE: One column'
+  category: 'AdminLTE'
+  path: templates/layout/layouts
+  template: adminlte-one-column
+  library: adminlte/layouts
+  default_region: content
+  icon_map:
+    - [content]
+  regions:
+    content:
+      label: Content
+
+adminlte_two_column:
+  label: 'AdminLTE: Two columns (½ + ½)'
+  category: 'AdminLTE'
+  path: templates/layout/layouts
+  template: adminlte-two-column
+  library: adminlte/layouts
+  default_region: first
+  icon_map:
+    - [first, second]
+  regions:
+    first:
+      label: First
+    second:
+      label: Second
+
+adminlte_two_column_sidebar:
+  label: 'AdminLTE: Content + sidebar (⅔ + ⅓)'
+  category: 'AdminLTE'
+  path: templates/layout/layouts
+  template: adminlte-two-column-sidebar
+  library: adminlte/layouts
+  default_region: main
+  icon_map:
+    - [main, sidebar]
+  regions:
+    main:
+      label: Main
+    sidebar:
+      label: Sidebar
+
+adminlte_three_column:
+  label: 'AdminLTE: Three columns (⅓ + ⅓ + ⅓)'
+  category: 'AdminLTE'
+  path: templates/layout/layouts
+  template: adminlte-three-column
+  library: adminlte/layouts
+  default_region: first
+  icon_map:
+    - [first, second, third]
+  regions:
+    first:
+      label: First
+    second:
+      label: Second
+    third:
+      label: Third
+
+adminlte_four_column:
+  label: 'AdminLTE: Four columns'
+  category: 'AdminLTE'
+  path: templates/layout/layouts
+  template: adminlte-four-column
+  library: adminlte/layouts
+  default_region: first
+  icon_map:
+    - [first, second, third, fourth]
+  regions:
+    first:
+      label: First
+    second:
+      label: Second
+    third:
+      label: Third
+    fourth:
+      label: Fourth
diff --git a/adminlte.libraries.yml b/adminlte.libraries.yml
index e7b3ca9..e081dcb 100644
--- a/adminlte.libraries.yml
+++ b/adminlte.libraries.yml
@@ -3,6 +3,8 @@ global-styling:
   css:
     # Bootstrap 5.3 is bundled inside adminlte.css, so no separate Bootstrap CSS.
     theme:
+      # Source Sans 3 (the default AdminLTE/Bootstrap body font), bundled locally.
+      css/vendor/source-sans-3.css: {}
       css/vendor/bootstrap-icons.min.css: { minified: true }
       css/adminlte.css: { minified: false }
       css/adminlte-drupal.css: {}
@@ -15,3 +17,31 @@ global-styling:
     - core/drupal
     - core/drupalSettings
     - core/once
+
+# Right-to-left overrides. Drupal loads adminlte.rtl.css automatically for RTL
+# site languages via the .rtl.css naming convention; this library is only
+# attached when the "Force RTL" theme setting is on, to flip the layout on
+# LTR-language sites too. Depends on global-styling so it cascades after it.
+rtl:
+  version: 4.0.2
+  css:
+    theme:
+      css/adminlte.rtl.css: {}
+  dependencies:
+    - adminlte/global-styling
+
+# Loaded on demand by the Bootstrap Icons pack in adminlte.icons.yml when an icon
+# is rendered via the Drupal Icon API. (The webfont CSS is already part of
+# global-styling for normal page rendering.)
+bootstrap_icons:
+  version: 1.13.1
+  css:
+    component:
+      css/vendor/bootstrap-icons.min.css: { minified: true }
+
+# Spacing/helpers for the theme-provided Bootstrap layouts (adminlte.layouts.yml).
+layouts:
+  version: 4.0.2
+  css:
+    layout:
+      css/layouts.css: {}
diff --git a/adminlte.theme b/adminlte.theme
index 115501c..c3dd69a 100644
--- a/adminlte.theme
+++ b/adminlte.theme
@@ -14,20 +14,129 @@ use Drupal\Core\Url;
  * Returns the theme's layout settings with sane defaults.
  *
  * @return array
- *   Keyed by: default_color_mode, sidebar_dark.
+ *   Keyed by: default_color_mode, sidebar_dark, sidebar_collapsed,
+ *   compact_mode, force_rtl.
  */
 function _adminlte_layout_settings(): array {
   return [
     'default_color_mode' => theme_get_setting('default_color_mode', 'adminlte') ?? 'auto',
-    'sidebar_dark' => (bool) (theme_get_setting('sidebar_dark', 'adminlte') ?? TRUE),
+    // The sidebar follows the active colour mode by default; a dark override is
+    // opt-in (see https://www.drupal.org/project/adminlte/issues/3608682).
+    'sidebar_dark' => (bool) (theme_get_setting('sidebar_dark', 'adminlte') ?? FALSE),
+    'sidebar_collapsed' => (bool) (theme_get_setting('sidebar_collapsed', 'adminlte') ?? FALSE),
+    'compact_mode' => (bool) (theme_get_setting('compact_mode', 'adminlte') ?? FALSE),
+    'force_rtl' => (bool) (theme_get_setting('force_rtl', 'adminlte') ?? FALSE),
+    'primary_color' => theme_get_setting('primary_color', 'adminlte') ?: NULL,
+    'sidebar_width' => theme_get_setting('sidebar_width', 'adminlte') ?: NULL,
   ];
 }
 
+/**
+ * Builds a CSS override block that recolours the primary accent.
+ *
+ * Overrides the Bootstrap primary CSS variables (utilities, links, focus rings)
+ * plus the `.btn-primary` component variables, since Bootstrap bakes the literal
+ * default colour into compiled components rather than reading `--bs-primary`.
+ *
+ * @param string $hex
+ *   A colour as `#rrggbb` (already normalised by the core 'color' element).
+ *
+ * @return string|null
+ *   The CSS, or NULL when the colour is missing or malformed.
+ */
+function _adminlte_primary_color_css(string $hex): ?string {
+  if (!preg_match('/^#[0-9a-fA-F]{6}$/', $hex)) {
+    return NULL;
+  }
+  $rgb = static function (float $factor) use ($hex): string {
+    $r = (int) round(hexdec(substr($hex, 1, 2)) * $factor);
+    $g = (int) round(hexdec(substr($hex, 3, 2)) * $factor);
+    $b = (int) round(hexdec(substr($hex, 5, 2)) * $factor);
+    return "$r, $g, $b";
+  };
+  $shade = static function (float $factor) use ($hex): string {
+    return sprintf(
+      '#%02x%02x%02x',
+      (int) round(hexdec(substr($hex, 1, 2)) * $factor),
+      (int) round(hexdec(substr($hex, 3, 2)) * $factor),
+      (int) round(hexdec(substr($hex, 5, 2)) * $factor)
+    );
+  };
+
+  $base_rgb = $rgb(1.0);
+  $hover = $shade(0.85);
+  $active = $shade(0.75);
+
+  return <<<CSS
+:root {
+  --bs-primary: {$hex};
+  --bs-primary-rgb: {$base_rgb};
+  --bs-link-color: {$hex};
+  --bs-link-color-rgb: {$base_rgb};
+  --bs-link-hover-color: {$hover};
+}
+.btn-primary {
+  --bs-btn-bg: {$hex};
+  --bs-btn-border-color: {$hex};
+  --bs-btn-hover-bg: {$hover};
+  --bs-btn-hover-border-color: {$hover};
+  --bs-btn-active-bg: {$active};
+  --bs-btn-active-border-color: {$active};
+  --bs-btn-disabled-bg: {$hex};
+  --bs-btn-disabled-border-color: {$hex};
+  --bs-btn-focus-shadow-rgb: {$base_rgb};
+}
+.nav-pills {
+  --bs-nav-pills-link-active-bg: {$hex};
+}
+CSS;
+}
+
 /**
  * Implements hook_preprocess_HOOK() for html.html.twig.
  */
 function adminlte_preprocess_html(array &$variables): void {
-  $variables['default_color_mode'] = _adminlte_layout_settings()['default_color_mode'];
+  $settings = _adminlte_layout_settings();
+  $variables['default_color_mode'] = $settings['default_color_mode'];
+
+  // Body-level layout toggles consumed by html.html.twig.
+  $variables['sidebar_collapsed'] = $settings['sidebar_collapsed'];
+  $variables['compact_mode'] = $settings['compact_mode'];
+
+  // Force RTL: flip the document direction and load the bundled RTL stylesheet.
+  // (For RTL *site languages* Drupal already swaps in adminlte.rtl.css via the
+  // .rtl.css naming convention, so this is only for forcing RTL everywhere.)
+  if ($settings['force_rtl']) {
+    if (isset($variables['html_attributes'])) {
+      $variables['html_attributes']->setAttribute('dir', 'rtl');
+    }
+    $variables['#attached']['library'][] = 'adminlte/rtl';
+  }
+
+  // Tag the authentication pages (log in, register, reset password) so their
+  // forms can render as a centred, constrained card instead of spanning the
+  // full content width. See
+  // https://www.drupal.org/project/adminlte/issues/3608688
+  $auth_routes = ['user.login', 'user.register', 'user.pass'];
+  if (in_array(\Drupal::routeMatch()->getRouteName(), $auth_routes, TRUE)) {
+    $variables['attributes']['class'][] = 'adminlte-auth-page';
+  }
+
+  // Custom primary/accent colour: inject a small <style> block in <head>.
+  // Theme settings are global config, so no cache context is needed; the config
+  // cache tag rebuilds cached pages when the colour changes. See
+  // https://www.drupal.org/project/adminlte/issues/3608660
+  if ($settings['primary_color']
+    && ($css = _adminlte_primary_color_css($settings['primary_color'])) !== NULL) {
+    $variables['#attached']['html_head'][] = [
+      [
+        '#tag' => 'style',
+        '#value' => $css,
+        '#cache' => ['tags' => ['config:adminlte.settings']],
+      ],
+      'adminlte-primary-color',
+    ];
+  }
 }
 
 /**
@@ -36,6 +145,7 @@ function adminlte_preprocess_html(array &$variables): void {
 function adminlte_preprocess_page(array &$variables): void {
   $settings = _adminlte_layout_settings();
   $variables['sidebar_dark'] = $settings['sidebar_dark'];
+  $variables['sidebar_width'] = $settings['sidebar_width'];
 }
 
 /**
diff --git a/components/callout/callout.component.yml b/components/callout/callout.component.yml
new file mode 100644
index 0000000..e0261a3
--- /dev/null
+++ b/components/callout/callout.component.yml
@@ -0,0 +1,38 @@
+$schema: https://git.drupalcode.org/project/drupal/-/raw/HEAD/core/assets/schemas/v1/metadata.schema.json
+name: Callout
+status: stable
+group: AdminLTE
+description: 'AdminLTE callout: a coloured, left-bordered highlight box with a title and rich body slot. Discovered by UI Patterns 2 for Layout Builder, Views and field formatters.'
+libraryOverrides:
+  dependencies:
+    - adminlte/global-styling
+props:
+  type: object
+  properties:
+    title:
+      type: string
+      title: Title
+      examples:
+        - 'I am a callout!'
+    type:
+      type: string
+      title: Type
+      enum:
+        - info
+        - success
+        - warning
+        - danger
+        - primary
+        - secondary
+        - dark
+        - light
+      default: info
+    attributes:
+      type: Drupal\Core\Template\Attribute
+      title: Attributes
+slots:
+  body:
+    title: Body
+    description: 'The callout contents.'
+    examples:
+      - '<p>Follow the steps below to finish setup.</p>'
diff --git a/components/callout/callout.twig b/components/callout/callout.twig
new file mode 100644
index 0000000..ddb02f5
--- /dev/null
+++ b/components/callout/callout.twig
@@ -0,0 +1,15 @@
+{#
+/**
+ * @file
+ * AdminLTE "callout" highlight box.
+ *
+ * Props: title, type, attributes. Slot: body.
+ */
+#}
+{% set attributes = attributes.addClass('callout', 'callout-' ~ (type|default('info'))) %}
+<div{{ attributes }}>
+  {% if title %}
+    <h5>{{ title }}</h5>
+  {% endif %}
+  {% block body %}{% endblock %}
+</div>
diff --git a/components/info-box/info-box.component.yml b/components/info-box/info-box.component.yml
new file mode 100644
index 0000000..834da40
--- /dev/null
+++ b/components/info-box/info-box.component.yml
@@ -0,0 +1,54 @@
+$schema: https://git.drupalcode.org/project/drupal/-/raw/HEAD/core/assets/schemas/v1/metadata.schema.json
+name: Info box
+status: stable
+group: AdminLTE
+description: 'AdminLTE info box: a coloured icon beside a label and figure, with an optional progress bar. Discovered by UI Patterns 2 for Layout Builder, Views and field formatters.'
+libraryOverrides:
+  dependencies:
+    - adminlte/global-styling
+props:
+  type: object
+  required:
+    - label
+    - value
+  properties:
+    label:
+      type: string
+      title: Label
+      examples:
+        - 'Bookmarks'
+    value:
+      type: string
+      title: Value
+      examples:
+        - '41,410'
+    icon:
+      type: string
+      title: 'Icon'
+      description: 'A Bootstrap Icons name without the "bi-" prefix.'
+      examples:
+        - bookmark
+        - gear
+    color:
+      type: string
+      title: Colour
+      enum:
+        - primary
+        - secondary
+        - success
+        - danger
+        - warning
+        - info
+        - light
+        - dark
+      default: primary
+    progress:
+      type: ['integer', 'null']
+      title: 'Progress (0–100)'
+      description: 'Show a progress bar under the figure.'
+    description:
+      type: string
+      title: 'Progress description'
+    attributes:
+      type: Drupal\Core\Template\Attribute
+      title: Attributes
diff --git a/components/info-box/info-box.twig b/components/info-box/info-box.twig
new file mode 100644
index 0000000..e3c7731
--- /dev/null
+++ b/components/info-box/info-box.twig
@@ -0,0 +1,26 @@
+{#
+/**
+ * @file
+ * AdminLTE "info box" stat widget.
+ *
+ * Available props: label, value, icon, color, progress, description, attributes.
+ */
+#}
+{% set attributes = attributes.addClass('info-box') %}
+<div{{ attributes }}>
+  <span class="info-box-icon text-bg-{{ color|default('primary') }}">
+    {% if icon %}<i class="bi bi-{{ icon }}" aria-hidden="true"></i>{% endif %}
+  </span>
+  <div class="info-box-content">
+    <span class="info-box-text">{{ label }}</span>
+    <span class="info-box-number">{{ value }}</span>
+    {% if progress is not null %}
+      <div class="progress">
+        <div class="progress-bar text-bg-{{ color|default('primary') }}" role="progressbar" style="width: {{ progress }}%" aria-valuenow="{{ progress }}" aria-valuemin="0" aria-valuemax="100"></div>
+      </div>
+      {% if description %}
+        <span class="progress-description">{{ description }}</span>
+      {% endif %}
+    {% endif %}
+  </div>
+</div>
diff --git a/components/small-box/small-box.component.yml b/components/small-box/small-box.component.yml
new file mode 100644
index 0000000..3f86696
--- /dev/null
+++ b/components/small-box/small-box.component.yml
@@ -0,0 +1,59 @@
+$schema: https://git.drupalcode.org/project/drupal/-/raw/HEAD/core/assets/schemas/v1/metadata.schema.json
+name: Small box
+status: stable
+group: AdminLTE
+description: 'AdminLTE stat box: a large value, label, icon and optional footer link. Discovered by UI Patterns 2 for use in Layout Builder, Views and field formatters.'
+libraryOverrides:
+  dependencies:
+    - adminlte/global-styling
+props:
+  type: object
+  required:
+    - value
+    - label
+  properties:
+    value:
+      type: string
+      title: Value
+      description: 'The large headline figure.'
+      examples:
+        - '150'
+        - '44%'
+    label:
+      type: string
+      title: Label
+      examples:
+        - 'New orders'
+    icon:
+      type: string
+      title: 'Icon'
+      description: 'A Bootstrap Icons name without the "bi-" prefix.'
+      examples:
+        - bag
+        - cart
+        - people
+    color:
+      type: string
+      title: Colour
+      enum:
+        - primary
+        - secondary
+        - success
+        - danger
+        - warning
+        - info
+        - light
+        - dark
+      default: primary
+    url:
+      type: string
+      title: 'Footer link URL'
+      examples:
+        - '/admin/content'
+    link_text:
+      type: string
+      title: 'Footer link text'
+      default: 'More info'
+    attributes:
+      type: Drupal\Core\Template\Attribute
+      title: Attributes
diff --git a/components/small-box/small-box.twig b/components/small-box/small-box.twig
new file mode 100644
index 0000000..0251970
--- /dev/null
+++ b/components/small-box/small-box.twig
@@ -0,0 +1,23 @@
+{#
+/**
+ * @file
+ * AdminLTE "small box" stat widget.
+ *
+ * Available props: value, label, icon, color, url, link_text, attributes.
+ */
+#}
+{% set attributes = attributes.addClass('small-box', 'text-bg-' ~ (color|default('primary'))) %}
+<div{{ attributes }}>
+  <div class="inner">
+    <h3>{{ value }}</h3>
+    <p>{{ label }}</p>
+  </div>
+  {% if icon %}
+    <span class="small-box-icon"><i class="bi bi-{{ icon }}" aria-hidden="true"></i></span>
+  {% endif %}
+  {% if url %}
+    <a href="{{ url }}" class="small-box-footer">
+      {{ link_text|default('More info'|t) }} <i class="bi bi-arrow-right-circle" aria-hidden="true"></i>
+    </a>
+  {% endif %}
+</div>
diff --git a/composer.json b/composer.json
index 0936d44..d286439 100644
--- a/composer.json
+++ b/composer.json
@@ -2,6 +2,13 @@
     "name": "drupal/adminlte",
     "description": "Official AdminLTE 4 admin theme for Drupal — Bootstrap 5.3, vanilla JS, light & dark modes.",
     "type": "drupal-theme",
+    "require": {
+        "drupal/bootstrap5": "^4.0"
+    },
+    "suggest": {
+        "drupal/ui_patterns": "Surfaces the theme's SDC components (small box, info box, callout) in Layout Builder, Views and field formatters.",
+        "drupal/ui_icons": "Adds the bundled Bootstrap Icons pack to Drupal's Icon API pickers (enable the ui_icons_font submodule)."
+    },
     "keywords": [
         "drupal",
         "theme",
diff --git a/config/schema/adminlte.schema.yml b/config/schema/adminlte.schema.yml
index fb4d03d..c68b81d 100644
--- a/config/schema/adminlte.schema.yml
+++ b/config/schema/adminlte.schema.yml
@@ -8,3 +8,32 @@ adminlte.settings:
     sidebar_dark:
       type: boolean
       label: 'Dark sidebar'
+    sidebar_collapsed:
+      type: boolean
+      label: 'Start with the sidebar collapsed'
+    compact_mode:
+      type: boolean
+      label: 'Compact mode'
+    force_rtl:
+      type: boolean
+      label: 'Force right-to-left (RTL) layout'
+    primary_color:
+      type: string
+      label: 'Primary (accent) colour'
+    sidebar_width:
+      type: integer
+      label: 'Default sidebar width (px)'
+      nullable: true
+
+# Per-icon settings for the Bootstrap Icons pack (adminlte.icons.yml), validated
+# by the ui_icons module when icons are stored in config.
+ui_icons.icon_pack_options.bootstrap_icons:
+  type: mapping
+  label: 'Bootstrap Icons settings'
+  mapping:
+    size:
+      type: integer
+      label: 'Size (px)'
+    class:
+      type: string
+      label: 'Additional CSS class'
diff --git a/css/adminlte-drupal.css b/css/adminlte-drupal.css
index ef34912..3049702 100644
--- a/css/adminlte-drupal.css
+++ b/css/adminlte-drupal.css
@@ -20,6 +20,33 @@
   top: var(--drupal-displace-offset-top, 0px);
 }
 
+/* -------------------------------------------------------------------------- *
+ * z-index: sit below Drupal's admin toolbar chrome
+ * AdminLTE ships very high stacking values on its persistent chrome
+ * (.app-header: 1034, .app-sidebar: 1038). Those overlay Drupal's admin
+ * toolbar and, notably, the Admin Toolbar Search autocomplete (z-index 600),
+ * hiding the search results behind the theme header/sidebar. Drupal's core
+ * toolbar lives around z-index 500, so we bring the theme chrome well below it
+ * while preserving AdminLTE's own internal order: sidebar > mobile overlay >
+ * header > content. Transient layers (Bootstrap dropdowns/modals, the account
+ * menu, jQuery-UI dialogs) keep their own high z-index and are unaffected.
+ * See https://www.drupal.org/project/adminlte/issues/3608932
+ * -------------------------------------------------------------------------- */
+.app-header {
+  z-index: 20;
+}
+
+.app-sidebar {
+  z-index: 30;
+}
+
+/* Mobile off-canvas overlay stays just under the sidebar it dims. The theme
+   fixes the body to `sidebar-expand-lg`, so matching that selector (equal
+   specificity, later in the cascade) reliably overrides AdminLTE's 1037. */
+.sidebar-expand-lg.sidebar-open .sidebar-overlay {
+  z-index: 25;
+}
+
 /* -------------------------------------------------------------------------- *
  * Form elements
  * -------------------------------------------------------------------------- */
@@ -204,6 +231,49 @@ details > summary {
   text-decoration: none;
 }
 
+/* -------------------------------------------------------------------------- *
+ * Resizable sidebar (desktop only). The handle sits on the sidebar's inline-end
+ * edge; the width is applied as `--lte-sidebar-width` and persisted by
+ * adminlte-drupal.js. See https://www.drupal.org/project/adminlte/issues/3609296
+ * -------------------------------------------------------------------------- */
+.sidebar-resize-handle {
+  display: none;
+}
+
+/* Suppress the width transition while dragging (and on the initial apply). */
+.app-sidebar.is-resizing {
+  transition: none;
+}
+
+.app-sidebar.is-resizing,
+.app-sidebar.is-resizing * {
+  user-select: none;
+}
+
+@media (min-width: 992px) {
+  .sidebar-resize-handle {
+    position: absolute;
+    inset-block: 0;
+    inset-inline-end: -3px;
+    z-index: 5;
+    display: block;
+    width: 6px;
+    cursor: col-resize;
+    touch-action: none;
+  }
+
+  .sidebar-resize-handle:hover,
+  .sidebar-resize-handle:focus-visible {
+    background-color: rgba(var(--bs-primary-rgb), 0.5);
+    outline: none;
+  }
+
+  /* No resize affordance when the sidebar is collapsed to icons. */
+  .sidebar-collapse .sidebar-resize-handle {
+    display: none;
+  }
+}
+
 /* -------------------------------------------------------------------------- *
  * Sidebar treeview: the chevron is a separate toggle button so clicking the
  * link navigates to the section page while the chevron expands/collapses the
@@ -659,6 +729,26 @@ input.form-radio {
   white-space: normal;
 }
 
+/* -------------------------------------------------------------------------- *
+ * Authentication pages (log in / register / reset password)
+ * Body carries `.adminlte-auth-page` (added in adminlte_preprocess_html) so the
+ * otherwise full-width form renders as a centred, constrained card.
+ * -------------------------------------------------------------------------- */
+.adminlte-auth-page .app-content > .container-fluid {
+  max-width: 30rem;
+  margin: 2rem auto;
+  padding: 2rem;
+  background-color: var(--bs-body-bg);
+  border: var(--bs-border-width) solid var(--bs-border-color);
+  border-radius: var(--bs-border-radius-lg);
+  box-shadow: var(--bs-box-shadow-sm);
+}
+
+.adminlte-auth-page .app-content .form-actions .button,
+.adminlte-auth-page .app-content input.form-submit {
+  width: 100%;
+}
+
 /* -------------------------------------------------------------------------- *
  * AJAX throbber + modal dialog safety
  * -------------------------------------------------------------------------- */
diff --git a/css/layouts.css b/css/layouts.css
new file mode 100644
index 0000000..9817445
--- /dev/null
+++ b/css/layouts.css
@@ -0,0 +1,20 @@
+/**
+ * @file
+ * Styling for the theme-provided Bootstrap layouts (adminlte.layouts.yml).
+ *
+ * The layouts emit Bootstrap .row/.col markup, which supplies the grid; this
+ * only adds vertical rhythm between layout sections and keeps empty regions
+ * grabbable in the Layout Builder editor.
+ */
+.adminlte-layout {
+  margin-bottom: 1.5rem;
+}
+
+.adminlte-layout:last-child {
+  margin-bottom: 0;
+}
+
+/* In the Layout Builder editor, give empty regions a usable drop target. */
+.adminlte-layout .layout-builder__region:empty {
+  min-height: 3rem;
+}
diff --git a/css/vendor/bootstrap-icons.json b/css/vendor/bootstrap-icons.json
new file mode 100644
index 0000000..9d8873b
--- /dev/null
+++ b/css/vendor/bootstrap-icons.json
@@ -0,0 +1,2080 @@
+{
+  "123": 63103,
+  "alarm-fill": 61697,
+  "alarm": 61698,
+  "align-bottom": 61699,
+  "align-center": 61700,
+  "align-end": 61701,
+  "align-middle": 61702,
+  "align-start": 61703,
+  "align-top": 61704,
+  "alt": 61705,
+  "app-indicator": 61706,
+  "app": 61707,
+  "archive-fill": 61708,
+  "archive": 61709,
+  "arrow-90deg-down": 61710,
+  "arrow-90deg-left": 61711,
+  "arrow-90deg-right": 61712,
+  "arrow-90deg-up": 61713,
+  "arrow-bar-down": 61714,
+  "arrow-bar-left": 61715,
+  "arrow-bar-right": 61716,
+  "arrow-bar-up": 61717,
+  "arrow-clockwise": 61718,
+  "arrow-counterclockwise": 61719,
+  "arrow-down-circle-fill": 61720,
+  "arrow-down-circle": 61721,
+  "arrow-down-left-circle-fill": 61722,
+  "arrow-down-left-circle": 61723,
+  "arrow-down-left-square-fill": 61724,
+  "arrow-down-left-square": 61725,
+  "arrow-down-left": 61726,
+  "arrow-down-right-circle-fill": 61727,
+  "arrow-down-right-circle": 61728,
+  "arrow-down-right-square-fill": 61729,
+  "arrow-down-right-square": 61730,
+  "arrow-down-right": 61731,
+  "arrow-down-short": 61732,
+  "arrow-down-square-fill": 61733,
+  "arrow-down-square": 61734,
+  "arrow-down-up": 61735,
+  "arrow-down": 61736,
+  "arrow-left-circle-fill": 61737,
+  "arrow-left-circle": 61738,
+  "arrow-left-right": 61739,
+  "arrow-left-short": 61740,
+  "arrow-left-square-fill": 61741,
+  "arrow-left-square": 61742,
+  "arrow-left": 61743,
+  "arrow-repeat": 61744,
+  "arrow-return-left": 61745,
+  "arrow-return-right": 61746,
+  "arrow-right-circle-fill": 61747,
+  "arrow-right-circle": 61748,
+  "arrow-right-short": 61749,
+  "arrow-right-square-fill": 61750,
+  "arrow-right-square": 61751,
+  "arrow-right": 61752,
+  "arrow-up-circle-fill": 61753,
+  "arrow-up-circle": 61754,
+  "arrow-up-left-circle-fill": 61755,
+  "arrow-up-left-circle": 61756,
+  "arrow-up-left-square-fill": 61757,
+  "arrow-up-left-square": 61758,
+  "arrow-up-left": 61759,
+  "arrow-up-right-circle-fill": 61760,
+  "arrow-up-right-circle": 61761,
+  "arrow-up-right-square-fill": 61762,
+  "arrow-up-right-square": 61763,
+  "arrow-up-right": 61764,
+  "arrow-up-short": 61765,
+  "arrow-up-square-fill": 61766,
+  "arrow-up-square": 61767,
+  "arrow-up": 61768,
+  "arrows-angle-contract": 61769,
+  "arrows-angle-expand": 61770,
+  "arrows-collapse": 61771,
+  "arrows-expand": 61772,
+  "arrows-fullscreen": 61773,
+  "arrows-move": 61774,
+  "aspect-ratio-fill": 61775,
+  "aspect-ratio": 61776,
+  "asterisk": 61777,
+  "at": 61778,
+  "award-fill": 61779,
+  "award": 61780,
+  "back": 61781,
+  "backspace-fill": 61782,
+  "backspace-reverse-fill": 61783,
+  "backspace-reverse": 61784,
+  "backspace": 61785,
+  "badge-3d-fill": 61786,
+  "badge-3d": 61787,
+  "badge-4k-fill": 61788,
+  "badge-4k": 61789,
+  "badge-8k-fill": 61790,
+  "badge-8k": 61791,
+  "badge-ad-fill": 61792,
+  "badge-ad": 61793,
+  "badge-ar-fill": 61794,
+  "badge-ar": 61795,
+  "badge-cc-fill": 61796,
+  "badge-cc": 61797,
+  "badge-hd-fill": 61798,
+  "badge-hd": 61799,
+  "badge-tm-fill": 61800,
+  "badge-tm": 61801,
+  "badge-vo-fill": 61802,
+  "badge-vo": 61803,
+  "badge-vr-fill": 61804,
+  "badge-vr": 61805,
+  "badge-wc-fill": 61806,
+  "badge-wc": 61807,
+  "bag-check-fill": 61808,
+  "bag-check": 61809,
+  "bag-dash-fill": 61810,
+  "bag-dash": 61811,
+  "bag-fill": 61812,
+  "bag-plus-fill": 61813,
+  "bag-plus": 61814,
+  "bag-x-fill": 61815,
+  "bag-x": 61816,
+  "bag": 61817,
+  "bar-chart-fill": 61818,
+  "bar-chart-line-fill": 61819,
+  "bar-chart-line": 61820,
+  "bar-chart-steps": 61821,
+  "bar-chart": 61822,
+  "basket-fill": 61823,
+  "basket": 61824,
+  "basket2-fill": 61825,
+  "basket2": 61826,
+  "basket3-fill": 61827,
+  "basket3": 61828,
+  "battery-charging": 61829,
+  "battery-full": 61830,
+  "battery-half": 61831,
+  "battery": 61832,
+  "bell-fill": 61833,
+  "bell": 61834,
+  "bezier": 61835,
+  "bezier2": 61836,
+  "bicycle": 61837,
+  "binoculars-fill": 61838,
+  "binoculars": 61839,
+  "blockquote-left": 61840,
+  "blockquote-right": 61841,
+  "book-fill": 61842,
+  "book-half": 61843,
+  "book": 61844,
+  "bookmark-check-fill": 61845,
+  "bookmark-check": 61846,
+  "bookmark-dash-fill": 61847,
+  "bookmark-dash": 61848,
+  "bookmark-fill": 61849,
+  "bookmark-heart-fill": 61850,
+  "bookmark-heart": 61851,
+  "bookmark-plus-fill": 61852,
+  "bookmark-plus": 61853,
+  "bookmark-star-fill": 61854,
+  "bookmark-star": 61855,
+  "bookmark-x-fill": 61856,
+  "bookmark-x": 61857,
+  "bookmark": 61858,
+  "bookmarks-fill": 61859,
+  "bookmarks": 61860,
+  "bookshelf": 61861,
+  "bootstrap-fill": 61862,
+  "bootstrap-reboot": 61863,
+  "bootstrap": 61864,
+  "border-all": 61865,
+  "border-bottom": 61866,
+  "border-center": 61867,
+  "border-inner": 61868,
+  "border-left": 61869,
+  "border-middle": 61870,
+  "border-outer": 61871,
+  "border-right": 61872,
+  "border-style": 61873,
+  "border-top": 61874,
+  "border-width": 61875,
+  "border": 61876,
+  "bounding-box-circles": 61877,
+  "bounding-box": 61878,
+  "box-arrow-down-left": 61879,
+  "box-arrow-down-right": 61880,
+  "box-arrow-down": 61881,
+  "box-arrow-in-down-left": 61882,
+  "box-arrow-in-down-right": 61883,
+  "box-arrow-in-down": 61884,
+  "box-arrow-in-left": 61885,
+  "box-arrow-in-right": 61886,
+  "box-arrow-in-up-left": 61887,
+  "box-arrow-in-up-right": 61888,
+  "box-arrow-in-up": 61889,
+  "box-arrow-left": 61890,
+  "box-arrow-right": 61891,
+  "box-arrow-up-left": 61892,
+  "box-arrow-up-right": 61893,
+  "box-arrow-up": 61894,
+  "box-seam": 61895,
+  "box": 61896,
+  "braces": 61897,
+  "bricks": 61898,
+  "briefcase-fill": 61899,
+  "briefcase": 61900,
+  "brightness-alt-high-fill": 61901,
+  "brightness-alt-high": 61902,
+  "brightness-alt-low-fill": 61903,
+  "brightness-alt-low": 61904,
+  "brightness-high-fill": 61905,
+  "brightness-high": 61906,
+  "brightness-low-fill": 61907,
+  "brightness-low": 61908,
+  "broadcast-pin": 61909,
+  "broadcast": 61910,
+  "brush-fill": 61911,
+  "brush": 61912,
+  "bucket-fill": 61913,
+  "bucket": 61914,
+  "bug-fill": 61915,
+  "bug": 61916,
+  "building": 61917,
+  "bullseye": 61918,
+  "calculator-fill": 61919,
+  "calculator": 61920,
+  "calendar-check-fill": 61921,
+  "calendar-check": 61922,
+  "calendar-date-fill": 61923,
+  "calendar-date": 61924,
+  "calendar-day-fill": 61925,
+  "calendar-day": 61926,
+  "calendar-event-fill": 61927,
+  "calendar-event": 61928,
+  "calendar-fill": 61929,
+  "calendar-minus-fill": 61930,
+  "calendar-minus": 61931,
+  "calendar-month-fill": 61932,
+  "calendar-month": 61933,
+  "calendar-plus-fill": 61934,
+  "calendar-plus": 61935,
+  "calendar-range-fill": 61936,
+  "calendar-range": 61937,
+  "calendar-week-fill": 61938,
+  "calendar-week": 61939,
+  "calendar-x-fill": 61940,
+  "calendar-x": 61941,
+  "calendar": 61942,
+  "calendar2-check-fill": 61943,
+  "calendar2-check": 61944,
+  "calendar2-date-fill": 61945,
+  "calendar2-date": 61946,
+  "calendar2-day-fill": 61947,
+  "calendar2-day": 61948,
+  "calendar2-event-fill": 61949,
+  "calendar2-event": 61950,
+  "calendar2-fill": 61951,
+  "calendar2-minus-fill": 61952,
+  "calendar2-minus": 61953,
+  "calendar2-month-fill": 61954,
+  "calendar2-month": 61955,
+  "calendar2-plus-fill": 61956,
+  "calendar2-plus": 61957,
+  "calendar2-range-fill": 61958,
+  "calendar2-range": 61959,
+  "calendar2-week-fill": 61960,
+  "calendar2-week": 61961,
+  "calendar2-x-fill": 61962,
+  "calendar2-x": 61963,
+  "calendar2": 61964,
+  "calendar3-event-fill": 61965,
+  "calendar3-event": 61966,
+  "calendar3-fill": 61967,
+  "calendar3-range-fill": 61968,
+  "calendar3-range": 61969,
+  "calendar3-week-fill": 61970,
+  "calendar3-week": 61971,
+  "calendar3": 61972,
+  "calendar4-event": 61973,
+  "calendar4-range": 61974,
+  "calendar4-week": 61975,
+  "calendar4": 61976,
+  "camera-fill": 61977,
+  "camera-reels-fill": 61978,
+  "camera-reels": 61979,
+  "camera-video-fill": 61980,
+  "camera-video-off-fill": 61981,
+  "camera-video-off": 61982,
+  "camera-video": 61983,
+  "camera": 61984,
+  "camera2": 61985,
+  "capslock-fill": 61986,
+  "capslock": 61987,
+  "card-checklist": 61988,
+  "card-heading": 61989,
+  "card-image": 61990,
+  "card-list": 61991,
+  "card-text": 61992,
+  "caret-down-fill": 61993,
+  "caret-down-square-fill": 61994,
+  "caret-down-square": 61995,
+  "caret-down": 61996,
+  "caret-left-fill": 61997,
+  "caret-left-square-fill": 61998,
+  "caret-left-square": 61999,
+  "caret-left": 62000,
+  "caret-right-fill": 62001,
+  "caret-right-square-fill": 62002,
+  "caret-right-square": 62003,
+  "caret-right": 62004,
+  "caret-up-fill": 62005,
+  "caret-up-square-fill": 62006,
+  "caret-up-square": 62007,
+  "caret-up": 62008,
+  "cart-check-fill": 62009,
+  "cart-check": 62010,
+  "cart-dash-fill": 62011,
+  "cart-dash": 62012,
+  "cart-fill": 62013,
+  "cart-plus-fill": 62014,
+  "cart-plus": 62015,
+  "cart-x-fill": 62016,
+  "cart-x": 62017,
+  "cart": 62018,
+  "cart2": 62019,
+  "cart3": 62020,
+  "cart4": 62021,
+  "cash-stack": 62022,
+  "cash": 62023,
+  "cast": 62024,
+  "chat-dots-fill": 62025,
+  "chat-dots": 62026,
+  "chat-fill": 62027,
+  "chat-left-dots-fill": 62028,
+  "chat-left-dots": 62029,
+  "chat-left-fill": 62030,
+  "chat-left-quote-fill": 62031,
+  "chat-left-quote": 62032,
+  "chat-left-text-fill": 62033,
+  "chat-left-text": 62034,
+  "chat-left": 62035,
+  "chat-quote-fill": 62036,
+  "chat-quote": 62037,
+  "chat-right-dots-fill": 62038,
+  "chat-right-dots": 62039,
+  "chat-right-fill": 62040,
+  "chat-right-quote-fill": 62041,
+  "chat-right-quote": 62042,
+  "chat-right-text-fill": 62043,
+  "chat-right-text": 62044,
+  "chat-right": 62045,
+  "chat-square-dots-fill": 62046,
+  "chat-square-dots": 62047,
+  "chat-square-fill": 62048,
+  "chat-square-quote-fill": 62049,
+  "chat-square-quote": 62050,
+  "chat-square-text-fill": 62051,
+  "chat-square-text": 62052,
+  "chat-square": 62053,
+  "chat-text-fill": 62054,
+  "chat-text": 62055,
+  "chat": 62056,
+  "check-all": 62057,
+  "check-circle-fill": 62058,
+  "check-circle": 62059,
+  "check-square-fill": 62060,
+  "check-square": 62061,
+  "check": 62062,
+  "check2-all": 62063,
+  "check2-circle": 62064,
+  "check2-square": 62065,
+  "check2": 62066,
+  "chevron-bar-contract": 62067,
+  "chevron-bar-down": 62068,
+  "chevron-bar-expand": 62069,
+  "chevron-bar-left": 62070,
+  "chevron-bar-right": 62071,
+  "chevron-bar-up": 62072,
+  "chevron-compact-down": 62073,
+  "chevron-compact-left": 62074,
+  "chevron-compact-right": 62075,
+  "chevron-compact-up": 62076,
+  "chevron-contract": 62077,
+  "chevron-double-down": 62078,
+  "chevron-double-left": 62079,
+  "chevron-double-right": 62080,
+  "chevron-double-up": 62081,
+  "chevron-down": 62082,
+  "chevron-expand": 62083,
+  "chevron-left": 62084,
+  "chevron-right": 62085,
+  "chevron-up": 62086,
+  "circle-fill": 62087,
+  "circle-half": 62088,
+  "circle-square": 62089,
+  "circle": 62090,
+  "clipboard-check": 62091,
+  "clipboard-data": 62092,
+  "clipboard-minus": 62093,
+  "clipboard-plus": 62094,
+  "clipboard-x": 62095,
+  "clipboard": 62096,
+  "clock-fill": 62097,
+  "clock-history": 62098,
+  "clock": 62099,
+  "cloud-arrow-down-fill": 62100,
+  "cloud-arrow-down": 62101,
+  "cloud-arrow-up-fill": 62102,
+  "cloud-arrow-up": 62103,
+  "cloud-check-fill": 62104,
+  "cloud-check": 62105,
+  "cloud-download-fill": 62106,
+  "cloud-download": 62107,
+  "cloud-drizzle-fill": 62108,
+  "cloud-drizzle": 62109,
+  "cloud-fill": 62110,
+  "cloud-fog-fill": 62111,
+  "cloud-fog": 62112,
+  "cloud-fog2-fill": 62113,
+  "cloud-fog2": 62114,
+  "cloud-hail-fill": 62115,
+  "cloud-hail": 62116,
+  "cloud-haze-fill": 62118,
+  "cloud-haze": 62119,
+  "cloud-haze2-fill": 62120,
+  "cloud-lightning-fill": 62121,
+  "cloud-lightning-rain-fill": 62122,
+  "cloud-lightning-rain": 62123,
+  "cloud-lightning": 62124,
+  "cloud-minus-fill": 62125,
+  "cloud-minus": 62126,
+  "cloud-moon-fill": 62127,
+  "cloud-moon": 62128,
+  "cloud-plus-fill": 62129,
+  "cloud-plus": 62130,
+  "cloud-rain-fill": 62131,
+  "cloud-rain-heavy-fill": 62132,
+  "cloud-rain-heavy": 62133,
+  "cloud-rain": 62134,
+  "cloud-slash-fill": 62135,
+  "cloud-slash": 62136,
+  "cloud-sleet-fill": 62137,
+  "cloud-sleet": 62138,
+  "cloud-snow-fill": 62139,
+  "cloud-snow": 62140,
+  "cloud-sun-fill": 62141,
+  "cloud-sun": 62142,
+  "cloud-upload-fill": 62143,
+  "cloud-upload": 62144,
+  "cloud": 62145,
+  "clouds-fill": 62146,
+  "clouds": 62147,
+  "cloudy-fill": 62148,
+  "cloudy": 62149,
+  "code-slash": 62150,
+  "code-square": 62151,
+  "code": 62152,
+  "collection-fill": 62153,
+  "collection-play-fill": 62154,
+  "collection-play": 62155,
+  "collection": 62156,
+  "columns-gap": 62157,
+  "columns": 62158,
+  "command": 62159,
+  "compass-fill": 62160,
+  "compass": 62161,
+  "cone-striped": 62162,
+  "cone": 62163,
+  "controller": 62164,
+  "cpu-fill": 62165,
+  "cpu": 62166,
+  "credit-card-2-back-fill": 62167,
+  "credit-card-2-back": 62168,
+  "credit-card-2-front-fill": 62169,
+  "credit-card-2-front": 62170,
+  "credit-card-fill": 62171,
+  "credit-card": 62172,
+  "crop": 62173,
+  "cup-fill": 62174,
+  "cup-straw": 62175,
+  "cup": 62176,
+  "cursor-fill": 62177,
+  "cursor-text": 62178,
+  "cursor": 62179,
+  "dash-circle-dotted": 62180,
+  "dash-circle-fill": 62181,
+  "dash-circle": 62182,
+  "dash-square-dotted": 62183,
+  "dash-square-fill": 62184,
+  "dash-square": 62185,
+  "dash": 62186,
+  "diagram-2-fill": 62187,
+  "diagram-2": 62188,
+  "diagram-3-fill": 62189,
+  "diagram-3": 62190,
+  "diamond-fill": 62191,
+  "diamond-half": 62192,
+  "diamond": 62193,
+  "dice-1-fill": 62194,
+  "dice-1": 62195,
+  "dice-2-fill": 62196,
+  "dice-2": 62197,
+  "dice-3-fill": 62198,
+  "dice-3": 62199,
+  "dice-4-fill": 62200,
+  "dice-4": 62201,
+  "dice-5-fill": 62202,
+  "dice-5": 62203,
+  "dice-6-fill": 62204,
+  "dice-6": 62205,
+  "disc-fill": 62206,
+  "disc": 62207,
+  "discord": 62208,
+  "display-fill": 62209,
+  "display": 62210,
+  "distribute-horizontal": 62211,
+  "distribute-vertical": 62212,
+  "door-closed-fill": 62213,
+  "door-closed": 62214,
+  "door-open-fill": 62215,
+  "door-open": 62216,
+  "dot": 62217,
+  "download": 62218,
+  "droplet-fill": 62219,
+  "droplet-half": 62220,
+  "droplet": 62221,
+  "earbuds": 62222,
+  "easel-fill": 62223,
+  "easel": 62224,
+  "egg-fill": 62225,
+  "egg-fried": 62226,
+  "egg": 62227,
+  "eject-fill": 62228,
+  "eject": 62229,
+  "emoji-angry-fill": 62230,
+  "emoji-angry": 62231,
+  "emoji-dizzy-fill": 62232,
+  "emoji-dizzy": 62233,
+  "emoji-expressionless-fill": 62234,
+  "emoji-expressionless": 62235,
+  "emoji-frown-fill": 62236,
+  "emoji-frown": 62237,
+  "emoji-heart-eyes-fill": 62238,
+  "emoji-heart-eyes": 62239,
+  "emoji-laughing-fill": 62240,
+  "emoji-laughing": 62241,
+  "emoji-neutral-fill": 62242,
+  "emoji-neutral": 62243,
+  "emoji-smile-fill": 62244,
+  "emoji-smile-upside-down-fill": 62245,
+  "emoji-smile-upside-down": 62246,
+  "emoji-smile": 62247,
+  "emoji-sunglasses-fill": 62248,
+  "emoji-sunglasses": 62249,
+  "emoji-wink-fill": 62250,
+  "emoji-wink": 62251,
+  "envelope-fill": 62252,
+  "envelope-open-fill": 62253,
+  "envelope-open": 62254,
+  "envelope": 62255,
+  "eraser-fill": 62256,
+  "eraser": 62257,
+  "exclamation-circle-fill": 62258,
+  "exclamation-circle": 62259,
+  "exclamation-diamond-fill": 62260,
+  "exclamation-diamond": 62261,
+  "exclamation-octagon-fill": 62262,
+  "exclamation-octagon": 62263,
+  "exclamation-square-fill": 62264,
+  "exclamation-square": 62265,
+  "exclamation-triangle-fill": 62266,
+  "exclamation-triangle": 62267,
+  "exclamation": 62268,
+  "exclude": 62269,
+  "eye-fill": 62270,
+  "eye-slash-fill": 62271,
+  "eye-slash": 62272,
+  "eye": 62273,
+  "eyedropper": 62274,
+  "eyeglasses": 62275,
+  "facebook": 62276,
+  "file-arrow-down-fill": 62277,
+  "file-arrow-down": 62278,
+  "file-arrow-up-fill": 62279,
+  "file-arrow-up": 62280,
+  "file-bar-graph-fill": 62281,
+  "file-bar-graph": 62282,
+  "file-binary-fill": 62283,
+  "file-binary": 62284,
+  "file-break-fill": 62285,
+  "file-break": 62286,
+  "file-check-fill": 62287,
+  "file-check": 62288,
+  "file-code-fill": 62289,
+  "file-code": 62290,
+  "file-diff-fill": 62291,
+  "file-diff": 62292,
+  "file-earmark-arrow-down-fill": 62293,
+  "file-earmark-arrow-down": 62294,
+  "file-earmark-arrow-up-fill": 62295,
+  "file-earmark-arrow-up": 62296,
+  "file-earmark-bar-graph-fill": 62297,
+  "file-earmark-bar-graph": 62298,
+  "file-earmark-binary-fill": 62299,
+  "file-earmark-binary": 62300,
+  "file-earmark-break-fill": 62301,
+  "file-earmark-break": 62302,
+  "file-earmark-check-fill": 62303,
+  "file-earmark-check": 62304,
+  "file-earmark-code-fill": 62305,
+  "file-earmark-code": 62306,
+  "file-earmark-diff-fill": 62307,
+  "file-earmark-diff": 62308,
+  "file-earmark-easel-fill": 62309,
+  "file-earmark-easel": 62310,
+  "file-earmark-excel-fill": 62311,
+  "file-earmark-excel": 62312,
+  "file-earmark-fill": 62313,
+  "file-earmark-font-fill": 62314,
+  "file-earmark-font": 62315,
+  "file-earmark-image-fill": 62316,
+  "file-earmark-image": 62317,
+  "file-earmark-lock-fill": 62318,
+  "file-earmark-lock": 62319,
+  "file-earmark-lock2-fill": 62320,
+  "file-earmark-lock2": 62321,
+  "file-earmark-medical-fill": 62322,
+  "file-earmark-medical": 62323,
+  "file-earmark-minus-fill": 62324,
+  "file-earmark-minus": 62325,
+  "file-earmark-music-fill": 62326,
+  "file-earmark-music": 62327,
+  "file-earmark-person-fill": 62328,
+  "file-earmark-person": 62329,
+  "file-earmark-play-fill": 62330,
+  "file-earmark-play": 62331,
+  "file-earmark-plus-fill": 62332,
+  "file-earmark-plus": 62333,
+  "file-earmark-post-fill": 62334,
+  "file-earmark-post": 62335,
+  "file-earmark-ppt-fill": 62336,
+  "file-earmark-ppt": 62337,
+  "file-earmark-richtext-fill": 62338,
+  "file-earmark-richtext": 62339,
+  "file-earmark-ruled-fill": 62340,
+  "file-earmark-ruled": 62341,
+  "file-earmark-slides-fill": 62342,
+  "file-earmark-slides": 62343,
+  "file-earmark-spreadsheet-fill": 62344,
+  "file-earmark-spreadsheet": 62345,
+  "file-earmark-text-fill": 62346,
+  "file-earmark-text": 62347,
+  "file-earmark-word-fill": 62348,
+  "file-earmark-word": 62349,
+  "file-earmark-x-fill": 62350,
+  "file-earmark-x": 62351,
+  "file-earmark-zip-fill": 62352,
+  "file-earmark-zip": 62353,
+  "file-earmark": 62354,
+  "file-easel-fill": 62355,
+  "file-easel": 62356,
+  "file-excel-fill": 62357,
+  "file-excel": 62358,
+  "file-fill": 62359,
+  "file-font-fill": 62360,
+  "file-font": 62361,
+  "file-image-fill": 62362,
+  "file-image": 62363,
+  "file-lock-fill": 62364,
+  "file-lock": 62365,
+  "file-lock2-fill": 62366,
+  "file-lock2": 62367,
+  "file-medical-fill": 62368,
+  "file-medical": 62369,
+  "file-minus-fill": 62370,
+  "file-minus": 62371,
+  "file-music-fill": 62372,
+  "file-music": 62373,
+  "file-person-fill": 62374,
+  "file-person": 62375,
+  "file-play-fill": 62376,
+  "file-play": 62377,
+  "file-plus-fill": 62378,
+  "file-plus": 62379,
+  "file-post-fill": 62380,
+  "file-post": 62381,
+  "file-ppt-fill": 62382,
+  "file-ppt": 62383,
+  "file-richtext-fill": 62384,
+  "file-richtext": 62385,
+  "file-ruled-fill": 62386,
+  "file-ruled": 62387,
+  "file-slides-fill": 62388,
+  "file-slides": 62389,
+  "file-spreadsheet-fill": 62390,
+  "file-spreadsheet": 62391,
+  "file-text-fill": 62392,
+  "file-text": 62393,
+  "file-word-fill": 62394,
+  "file-word": 62395,
+  "file-x-fill": 62396,
+  "file-x": 62397,
+  "file-zip-fill": 62398,
+  "file-zip": 62399,
+  "file": 62400,
+  "files-alt": 62401,
+  "files": 62402,
+  "film": 62403,
+  "filter-circle-fill": 62404,
+  "filter-circle": 62405,
+  "filter-left": 62406,
+  "filter-right": 62407,
+  "filter-square-fill": 62408,
+  "filter-square": 62409,
+  "filter": 62410,
+  "flag-fill": 62411,
+  "flag": 62412,
+  "flower1": 62413,
+  "flower2": 62414,
+  "flower3": 62415,
+  "folder-check": 62416,
+  "folder-fill": 62417,
+  "folder-minus": 62418,
+  "folder-plus": 62419,
+  "folder-symlink-fill": 62420,
+  "folder-symlink": 62421,
+  "folder-x": 62422,
+  "folder": 62423,
+  "folder2-open": 62424,
+  "folder2": 62425,
+  "fonts": 62426,
+  "forward-fill": 62427,
+  "forward": 62428,
+  "front": 62429,
+  "fullscreen-exit": 62430,
+  "fullscreen": 62431,
+  "funnel-fill": 62432,
+  "funnel": 62433,
+  "gear-fill": 62434,
+  "gear-wide-connected": 62435,
+  "gear-wide": 62436,
+  "gear": 62437,
+  "gem": 62438,
+  "geo-alt-fill": 62439,
+  "geo-alt": 62440,
+  "geo-fill": 62441,
+  "geo": 62442,
+  "gift-fill": 62443,
+  "gift": 62444,
+  "github": 62445,
+  "globe": 62446,
+  "globe2": 62447,
+  "google": 62448,
+  "graph-down": 62449,
+  "graph-up": 62450,
+  "grid-1x2-fill": 62451,
+  "grid-1x2": 62452,
+  "grid-3x2-gap-fill": 62453,
+  "grid-3x2-gap": 62454,
+  "grid-3x2": 62455,
+  "grid-3x3-gap-fill": 62456,
+  "grid-3x3-gap": 62457,
+  "grid-3x3": 62458,
+  "grid-fill": 62459,
+  "grid": 62460,
+  "grip-horizontal": 62461,
+  "grip-vertical": 62462,
+  "hammer": 62463,
+  "hand-index-fill": 62464,
+  "hand-index-thumb-fill": 62465,
+  "hand-index-thumb": 62466,
+  "hand-index": 62467,
+  "hand-thumbs-down-fill": 62468,
+  "hand-thumbs-down": 62469,
+  "hand-thumbs-up-fill": 62470,
+  "hand-thumbs-up": 62471,
+  "handbag-fill": 62472,
+  "handbag": 62473,
+  "hash": 62474,
+  "hdd-fill": 62475,
+  "hdd-network-fill": 62476,
+  "hdd-network": 62477,
+  "hdd-rack-fill": 62478,
+  "hdd-rack": 62479,
+  "hdd-stack-fill": 62480,
+  "hdd-stack": 62481,
+  "hdd": 62482,
+  "headphones": 62483,
+  "headset": 62484,
+  "heart-fill": 62485,
+  "heart-half": 62486,
+  "heart": 62487,
+  "heptagon-fill": 62488,
+  "heptagon-half": 62489,
+  "heptagon": 62490,
+  "hexagon-fill": 62491,
+  "hexagon-half": 62492,
+  "hexagon": 62493,
+  "hourglass-bottom": 62494,
+  "hourglass-split": 62495,
+  "hourglass-top": 62496,
+  "hourglass": 62497,
+  "house-door-fill": 62498,
+  "house-door": 62499,
+  "house-fill": 62500,
+  "house": 62501,
+  "hr": 62502,
+  "hurricane": 62503,
+  "image-alt": 62504,
+  "image-fill": 62505,
+  "image": 62506,
+  "images": 62507,
+  "inbox-fill": 62508,
+  "inbox": 62509,
+  "inboxes-fill": 62510,
+  "inboxes": 62511,
+  "info-circle-fill": 62512,
+  "info-circle": 62513,
+  "info-square-fill": 62514,
+  "info-square": 62515,
+  "info": 62516,
+  "input-cursor-text": 62517,
+  "input-cursor": 62518,
+  "instagram": 62519,
+  "intersect": 62520,
+  "journal-album": 62521,
+  "journal-arrow-down": 62522,
+  "journal-arrow-up": 62523,
+  "journal-bookmark-fill": 62524,
+  "journal-bookmark": 62525,
+  "journal-check": 62526,
+  "journal-code": 62527,
+  "journal-medical": 62528,
+  "journal-minus": 62529,
+  "journal-plus": 62530,
+  "journal-richtext": 62531,
+  "journal-text": 62532,
+  "journal-x": 62533,
+  "journal": 62534,
+  "journals": 62535,
+  "joystick": 62536,
+  "justify-left": 62537,
+  "justify-right": 62538,
+  "justify": 62539,
+  "kanban-fill": 62540,
+  "kanban": 62541,
+  "key-fill": 62542,
+  "key": 62543,
+  "keyboard-fill": 62544,
+  "keyboard": 62545,
+  "ladder": 62546,
+  "lamp-fill": 62547,
+  "lamp": 62548,
+  "laptop-fill": 62549,
+  "laptop": 62550,
+  "layer-backward": 62551,
+  "layer-forward": 62552,
+  "layers-fill": 62553,
+  "layers-half": 62554,
+  "layers": 62555,
+  "layout-sidebar-inset-reverse": 62556,
+  "layout-sidebar-inset": 62557,
+  "layout-sidebar-reverse": 62558,
+  "layout-sidebar": 62559,
+  "layout-split": 62560,
+  "layout-text-sidebar-reverse": 62561,
+  "layout-text-sidebar": 62562,
+  "layout-text-window-reverse": 62563,
+  "layout-text-window": 62564,
+  "layout-three-columns": 62565,
+  "layout-wtf": 62566,
+  "life-preserver": 62567,
+  "lightbulb-fill": 62568,
+  "lightbulb-off-fill": 62569,
+  "lightbulb-off": 62570,
+  "lightbulb": 62571,
+  "lightning-charge-fill": 62572,
+  "lightning-charge": 62573,
+  "lightning-fill": 62574,
+  "lightning": 62575,
+  "link-45deg": 62576,
+  "link": 62577,
+  "linkedin": 62578,
+  "list-check": 62579,
+  "list-nested": 62580,
+  "list-ol": 62581,
+  "list-stars": 62582,
+  "list-task": 62583,
+  "list-ul": 62584,
+  "list": 62585,
+  "lock-fill": 62586,
+  "lock": 62587,
+  "mailbox": 62588,
+  "mailbox2": 62589,
+  "map-fill": 62590,
+  "map": 62591,
+  "markdown-fill": 62592,
+  "markdown": 62593,
+  "mask": 62594,
+  "megaphone-fill": 62595,
+  "megaphone": 62596,
+  "menu-app-fill": 62597,
+  "menu-app": 62598,
+  "menu-button-fill": 62599,
+  "menu-button-wide-fill": 62600,
+  "menu-button-wide": 62601,
+  "menu-button": 62602,
+  "menu-down": 62603,
+  "menu-up": 62604,
+  "mic-fill": 62605,
+  "mic-mute-fill": 62606,
+  "mic-mute": 62607,
+  "mic": 62608,
+  "minecart-loaded": 62609,
+  "minecart": 62610,
+  "moisture": 62611,
+  "moon-fill": 62612,
+  "moon-stars-fill": 62613,
+  "moon-stars": 62614,
+  "moon": 62615,
+  "mouse-fill": 62616,
+  "mouse": 62617,
+  "mouse2-fill": 62618,
+  "mouse2": 62619,
+  "mouse3-fill": 62620,
+  "mouse3": 62621,
+  "music-note-beamed": 62622,
+  "music-note-list": 62623,
+  "music-note": 62624,
+  "music-player-fill": 62625,
+  "music-player": 62626,
+  "newspaper": 62627,
+  "node-minus-fill": 62628,
+  "node-minus": 62629,
+  "node-plus-fill": 62630,
+  "node-plus": 62631,
+  "nut-fill": 62632,
+  "nut": 62633,
+  "octagon-fill": 62634,
+  "octagon-half": 62635,
+  "octagon": 62636,
+  "option": 62637,
+  "outlet": 62638,
+  "paint-bucket": 62639,
+  "palette-fill": 62640,
+  "palette": 62641,
+  "palette2": 62642,
+  "paperclip": 62643,
+  "paragraph": 62644,
+  "patch-check-fill": 62645,
+  "patch-check": 62646,
+  "patch-exclamation-fill": 62647,
+  "patch-exclamation": 62648,
+  "patch-minus-fill": 62649,
+  "patch-minus": 62650,
+  "patch-plus-fill": 62651,
+  "patch-plus": 62652,
+  "patch-question-fill": 62653,
+  "patch-question": 62654,
+  "pause-btn-fill": 62655,
+  "pause-btn": 62656,
+  "pause-circle-fill": 62657,
+  "pause-circle": 62658,
+  "pause-fill": 62659,
+  "pause": 62660,
+  "peace-fill": 62661,
+  "peace": 62662,
+  "pen-fill": 62663,
+  "pen": 62664,
+  "pencil-fill": 62665,
+  "pencil-square": 62666,
+  "pencil": 62667,
+  "pentagon-fill": 62668,
+  "pentagon-half": 62669,
+  "pentagon": 62670,
+  "people-fill": 62671,
+  "people": 62672,
+  "percent": 62673,
+  "person-badge-fill": 62674,
+  "person-badge": 62675,
+  "person-bounding-box": 62676,
+  "person-check-fill": 62677,
+  "person-check": 62678,
+  "person-circle": 62679,
+  "person-dash-fill": 62680,
+  "person-dash": 62681,
+  "person-fill": 62682,
+  "person-lines-fill": 62683,
+  "person-plus-fill": 62684,
+  "person-plus": 62685,
+  "person-square": 62686,
+  "person-x-fill": 62687,
+  "person-x": 62688,
+  "person": 62689,
+  "phone-fill": 62690,
+  "phone-landscape-fill": 62691,
+  "phone-landscape": 62692,
+  "phone-vibrate-fill": 62693,
+  "phone-vibrate": 62694,
+  "phone": 62695,
+  "pie-chart-fill": 62696,
+  "pie-chart": 62697,
+  "pin-angle-fill": 62698,
+  "pin-angle": 62699,
+  "pin-fill": 62700,
+  "pin": 62701,
+  "pip-fill": 62702,
+  "pip": 62703,
+  "play-btn-fill": 62704,
+  "play-btn": 62705,
+  "play-circle-fill": 62706,
+  "play-circle": 62707,
+  "play-fill": 62708,
+  "play": 62709,
+  "plug-fill": 62710,
+  "plug": 62711,
+  "plus-circle-dotted": 62712,
+  "plus-circle-fill": 62713,
+  "plus-circle": 62714,
+  "plus-square-dotted": 62715,
+  "plus-square-fill": 62716,
+  "plus-square": 62717,
+  "plus": 62718,
+  "power": 62719,
+  "printer-fill": 62720,
+  "printer": 62721,
+  "puzzle-fill": 62722,
+  "puzzle": 62723,
+  "question-circle-fill": 62724,
+  "question-circle": 62725,
+  "question-diamond-fill": 62726,
+  "question-diamond": 62727,
+  "question-octagon-fill": 62728,
+  "question-octagon": 62729,
+  "question-square-fill": 62730,
+  "question-square": 62731,
+  "question": 62732,
+  "rainbow": 62733,
+  "receipt-cutoff": 62734,
+  "receipt": 62735,
+  "reception-0": 62736,
+  "reception-1": 62737,
+  "reception-2": 62738,
+  "reception-3": 62739,
+  "reception-4": 62740,
+  "record-btn-fill": 62741,
+  "record-btn": 62742,
+  "record-circle-fill": 62743,
+  "record-circle": 62744,
+  "record-fill": 62745,
+  "record": 62746,
+  "record2-fill": 62747,
+  "record2": 62748,
+  "reply-all-fill": 62749,
+  "reply-all": 62750,
+  "reply-fill": 62751,
+  "reply": 62752,
+  "rss-fill": 62753,
+  "rss": 62754,
+  "rulers": 62755,
+  "save-fill": 62756,
+  "save": 62757,
+  "save2-fill": 62758,
+  "save2": 62759,
+  "scissors": 62760,
+  "screwdriver": 62761,
+  "search": 62762,
+  "segmented-nav": 62763,
+  "server": 62764,
+  "share-fill": 62765,
+  "share": 62766,
+  "shield-check": 62767,
+  "shield-exclamation": 62768,
+  "shield-fill-check": 62769,
+  "shield-fill-exclamation": 62770,
+  "shield-fill-minus": 62771,
+  "shield-fill-plus": 62772,
+  "shield-fill-x": 62773,
+  "shield-fill": 62774,
+  "shield-lock-fill": 62775,
+  "shield-lock": 62776,
+  "shield-minus": 62777,
+  "shield-plus": 62778,
+  "shield-shaded": 62779,
+  "shield-slash-fill": 62780,
+  "shield-slash": 62781,
+  "shield-x": 62782,
+  "shield": 62783,
+  "shift-fill": 62784,
+  "shift": 62785,
+  "shop-window": 62786,
+  "shop": 62787,
+  "shuffle": 62788,
+  "signpost-2-fill": 62789,
+  "signpost-2": 62790,
+  "signpost-fill": 62791,
+  "signpost-split-fill": 62792,
+  "signpost-split": 62793,
+  "signpost": 62794,
+  "sim-fill": 62795,
+  "sim": 62796,
+  "skip-backward-btn-fill": 62797,
+  "skip-backward-btn": 62798,
+  "skip-backward-circle-fill": 62799,
+  "skip-backward-circle": 62800,
+  "skip-backward-fill": 62801,
+  "skip-backward": 62802,
+  "skip-end-btn-fill": 62803,
+  "skip-end-btn": 62804,
+  "skip-end-circle-fill": 62805,
+  "skip-end-circle": 62806,
+  "skip-end-fill": 62807,
+  "skip-end": 62808,
+  "skip-forward-btn-fill": 62809,
+  "skip-forward-btn": 62810,
+  "skip-forward-circle-fill": 62811,
+  "skip-forward-circle": 62812,
+  "skip-forward-fill": 62813,
+  "skip-forward": 62814,
+  "skip-start-btn-fill": 62815,
+  "skip-start-btn": 62816,
+  "skip-start-circle-fill": 62817,
+  "skip-start-circle": 62818,
+  "skip-start-fill": 62819,
+  "skip-start": 62820,
+  "slack": 62821,
+  "slash-circle-fill": 62822,
+  "slash-circle": 62823,
+  "slash-square-fill": 62824,
+  "slash-square": 62825,
+  "slash": 62826,
+  "sliders": 62827,
+  "smartwatch": 62828,
+  "snow": 62829,
+  "snow2": 62830,
+  "snow3": 62831,
+  "sort-alpha-down-alt": 62832,
+  "sort-alpha-down": 62833,
+  "sort-alpha-up-alt": 62834,
+  "sort-alpha-up": 62835,
+  "sort-down-alt": 62836,
+  "sort-down": 62837,
+  "sort-numeric-down-alt": 62838,
+  "sort-numeric-down": 62839,
+  "sort-numeric-up-alt": 62840,
+  "sort-numeric-up": 62841,
+  "sort-up-alt": 62842,
+  "sort-up": 62843,
+  "soundwave": 62844,
+  "speaker-fill": 62845,
+  "speaker": 62846,
+  "speedometer": 62847,
+  "speedometer2": 62848,
+  "spellcheck": 62849,
+  "square-fill": 62850,
+  "square-half": 62851,
+  "square": 62852,
+  "stack": 62853,
+  "star-fill": 62854,
+  "star-half": 62855,
+  "star": 62856,
+  "stars": 62857,
+  "stickies-fill": 62858,
+  "stickies": 62859,
+  "sticky-fill": 62860,
+  "sticky": 62861,
+  "stop-btn-fill": 62862,
+  "stop-btn": 62863,
+  "stop-circle-fill": 62864,
+  "stop-circle": 62865,
+  "stop-fill": 62866,
+  "stop": 62867,
+  "stoplights-fill": 62868,
+  "stoplights": 62869,
+  "stopwatch-fill": 62870,
+  "stopwatch": 62871,
+  "subtract": 62872,
+  "suit-club-fill": 62873,
+  "suit-club": 62874,
+  "suit-diamond-fill": 62875,
+  "suit-diamond": 62876,
+  "suit-heart-fill": 62877,
+  "suit-heart": 62878,
+  "suit-spade-fill": 62879,
+  "suit-spade": 62880,
+  "sun-fill": 62881,
+  "sun": 62882,
+  "sunglasses": 62883,
+  "sunrise-fill": 62884,
+  "sunrise": 62885,
+  "sunset-fill": 62886,
+  "sunset": 62887,
+  "symmetry-horizontal": 62888,
+  "symmetry-vertical": 62889,
+  "table": 62890,
+  "tablet-fill": 62891,
+  "tablet-landscape-fill": 62892,
+  "tablet-landscape": 62893,
+  "tablet": 62894,
+  "tag-fill": 62895,
+  "tag": 62896,
+  "tags-fill": 62897,
+  "tags": 62898,
+  "telegram": 62899,
+  "telephone-fill": 62900,
+  "telephone-forward-fill": 62901,
+  "telephone-forward": 62902,
+  "telephone-inbound-fill": 62903,
+  "telephone-inbound": 62904,
+  "telephone-minus-fill": 62905,
+  "telephone-minus": 62906,
+  "telephone-outbound-fill": 62907,
+  "telephone-outbound": 62908,
+  "telephone-plus-fill": 62909,
+  "telephone-plus": 62910,
+  "telephone-x-fill": 62911,
+  "telephone-x": 62912,
+  "telephone": 62913,
+  "terminal-fill": 62914,
+  "terminal": 62915,
+  "text-center": 62916,
+  "text-indent-left": 62917,
+  "text-indent-right": 62918,
+  "text-left": 62919,
+  "text-paragraph": 62920,
+  "text-right": 62921,
+  "textarea-resize": 62922,
+  "textarea-t": 62923,
+  "textarea": 62924,
+  "thermometer-half": 62925,
+  "thermometer-high": 62926,
+  "thermometer-low": 62927,
+  "thermometer-snow": 62928,
+  "thermometer-sun": 62929,
+  "thermometer": 62930,
+  "three-dots-vertical": 62931,
+  "three-dots": 62932,
+  "toggle-off": 62933,
+  "toggle-on": 62934,
+  "toggle2-off": 62935,
+  "toggle2-on": 62936,
+  "toggles": 62937,
+  "toggles2": 62938,
+  "tools": 62939,
+  "tornado": 62940,
+  "trash-fill": 62941,
+  "trash": 62942,
+  "trash2-fill": 62943,
+  "trash2": 62944,
+  "tree-fill": 62945,
+  "tree": 62946,
+  "triangle-fill": 62947,
+  "triangle-half": 62948,
+  "triangle": 62949,
+  "trophy-fill": 62950,
+  "trophy": 62951,
+  "tropical-storm": 62952,
+  "truck-flatbed": 62953,
+  "truck": 62954,
+  "tsunami": 62955,
+  "tv-fill": 62956,
+  "tv": 62957,
+  "twitch": 62958,
+  "twitter": 62959,
+  "type-bold": 62960,
+  "type-h1": 62961,
+  "type-h2": 62962,
+  "type-h3": 62963,
+  "type-italic": 62964,
+  "type-strikethrough": 62965,
+  "type-underline": 62966,
+  "type": 62967,
+  "ui-checks-grid": 62968,
+  "ui-checks": 62969,
+  "ui-radios-grid": 62970,
+  "ui-radios": 62971,
+  "umbrella-fill": 62972,
+  "umbrella": 62973,
+  "union": 62974,
+  "unlock-fill": 62975,
+  "unlock": 62976,
+  "upc-scan": 62977,
+  "upc": 62978,
+  "upload": 62979,
+  "vector-pen": 62980,
+  "view-list": 62981,
+  "view-stacked": 62982,
+  "vinyl-fill": 62983,
+  "vinyl": 62984,
+  "voicemail": 62985,
+  "volume-down-fill": 62986,
+  "volume-down": 62987,
+  "volume-mute-fill": 62988,
+  "volume-mute": 62989,
+  "volume-off-fill": 62990,
+  "volume-off": 62991,
+  "volume-up-fill": 62992,
+  "volume-up": 62993,
+  "vr": 62994,
+  "wallet-fill": 62995,
+  "wallet": 62996,
+  "wallet2": 62997,
+  "watch": 62998,
+  "water": 62999,
+  "whatsapp": 63000,
+  "wifi-1": 63001,
+  "wifi-2": 63002,
+  "wifi-off": 63003,
+  "wifi": 63004,
+  "wind": 63005,
+  "window-dock": 63006,
+  "window-sidebar": 63007,
+  "window": 63008,
+  "wrench": 63009,
+  "x-circle-fill": 63010,
+  "x-circle": 63011,
+  "x-diamond-fill": 63012,
+  "x-diamond": 63013,
+  "x-octagon-fill": 63014,
+  "x-octagon": 63015,
+  "x-square-fill": 63016,
+  "x-square": 63017,
+  "x": 63018,
+  "youtube": 63019,
+  "zoom-in": 63020,
+  "zoom-out": 63021,
+  "bank": 63022,
+  "bank2": 63023,
+  "bell-slash-fill": 63024,
+  "bell-slash": 63025,
+  "cash-coin": 63026,
+  "check-lg": 63027,
+  "coin": 63028,
+  "currency-bitcoin": 63029,
+  "currency-dollar": 63030,
+  "currency-euro": 63031,
+  "currency-exchange": 63032,
+  "currency-pound": 63033,
+  "currency-yen": 63034,
+  "dash-lg": 63035,
+  "exclamation-lg": 63036,
+  "file-earmark-pdf-fill": 63037,
+  "file-earmark-pdf": 63038,
+  "file-pdf-fill": 63039,
+  "file-pdf": 63040,
+  "gender-ambiguous": 63041,
+  "gender-female": 63042,
+  "gender-male": 63043,
+  "gender-trans": 63044,
+  "headset-vr": 63045,
+  "info-lg": 63046,
+  "mastodon": 63047,
+  "messenger": 63048,
+  "piggy-bank-fill": 63049,
+  "piggy-bank": 63050,
+  "pin-map-fill": 63051,
+  "pin-map": 63052,
+  "plus-lg": 63053,
+  "question-lg": 63054,
+  "recycle": 63055,
+  "reddit": 63056,
+  "safe-fill": 63057,
+  "safe2-fill": 63058,
+  "safe2": 63059,
+  "sd-card-fill": 63060,
+  "sd-card": 63061,
+  "skype": 63062,
+  "slash-lg": 63063,
+  "translate": 63064,
+  "x-lg": 63065,
+  "safe": 63066,
+  "apple": 63067,
+  "microsoft": 63069,
+  "windows": 63070,
+  "behance": 63068,
+  "dribbble": 63071,
+  "line": 63072,
+  "medium": 63073,
+  "paypal": 63074,
+  "pinterest": 63075,
+  "signal": 63076,
+  "snapchat": 63077,
+  "spotify": 63078,
+  "stack-overflow": 63079,
+  "strava": 63080,
+  "wordpress": 63081,
+  "vimeo": 63082,
+  "activity": 63083,
+  "easel2-fill": 63084,
+  "easel2": 63085,
+  "easel3-fill": 63086,
+  "easel3": 63087,
+  "fan": 63088,
+  "fingerprint": 63089,
+  "graph-down-arrow": 63090,
+  "graph-up-arrow": 63091,
+  "hypnotize": 63092,
+  "magic": 63093,
+  "person-rolodex": 63094,
+  "person-video": 63095,
+  "person-video2": 63096,
+  "person-video3": 63097,
+  "person-workspace": 63098,
+  "radioactive": 63099,
+  "webcam-fill": 63100,
+  "webcam": 63101,
+  "yin-yang": 63102,
+  "bandaid-fill": 63104,
+  "bandaid": 63105,
+  "bluetooth": 63106,
+  "body-text": 63107,
+  "boombox": 63108,
+  "boxes": 63109,
+  "dpad-fill": 63110,
+  "dpad": 63111,
+  "ear-fill": 63112,
+  "ear": 63113,
+  "envelope-check-fill": 63115,
+  "envelope-check": 63116,
+  "envelope-dash-fill": 63118,
+  "envelope-dash": 63119,
+  "envelope-exclamation-fill": 63121,
+  "envelope-exclamation": 63122,
+  "envelope-plus-fill": 63123,
+  "envelope-plus": 63124,
+  "envelope-slash-fill": 63126,
+  "envelope-slash": 63127,
+  "envelope-x-fill": 63129,
+  "envelope-x": 63130,
+  "explicit-fill": 63131,
+  "explicit": 63132,
+  "git": 63133,
+  "infinity": 63134,
+  "list-columns-reverse": 63135,
+  "list-columns": 63136,
+  "meta": 63137,
+  "nintendo-switch": 63140,
+  "pc-display-horizontal": 63141,
+  "pc-display": 63142,
+  "pc-horizontal": 63143,
+  "pc": 63144,
+  "playstation": 63145,
+  "plus-slash-minus": 63146,
+  "projector-fill": 63147,
+  "projector": 63148,
+  "qr-code-scan": 63149,
+  "qr-code": 63150,
+  "quora": 63151,
+  "quote": 63152,
+  "robot": 63153,
+  "send-check-fill": 63154,
+  "send-check": 63155,
+  "send-dash-fill": 63156,
+  "send-dash": 63157,
+  "send-exclamation-fill": 63159,
+  "send-exclamation": 63160,
+  "send-fill": 63161,
+  "send-plus-fill": 63162,
+  "send-plus": 63163,
+  "send-slash-fill": 63164,
+  "send-slash": 63165,
+  "send-x-fill": 63166,
+  "send-x": 63167,
+  "send": 63168,
+  "steam": 63169,
+  "terminal-dash": 63171,
+  "terminal-plus": 63172,
+  "terminal-split": 63173,
+  "ticket-detailed-fill": 63174,
+  "ticket-detailed": 63175,
+  "ticket-fill": 63176,
+  "ticket-perforated-fill": 63177,
+  "ticket-perforated": 63178,
+  "ticket": 63179,
+  "tiktok": 63180,
+  "window-dash": 63181,
+  "window-desktop": 63182,
+  "window-fullscreen": 63183,
+  "window-plus": 63184,
+  "window-split": 63185,
+  "window-stack": 63186,
+  "window-x": 63187,
+  "xbox": 63188,
+  "ethernet": 63189,
+  "hdmi-fill": 63190,
+  "hdmi": 63191,
+  "usb-c-fill": 63192,
+  "usb-c": 63193,
+  "usb-fill": 63194,
+  "usb-plug-fill": 63195,
+  "usb-plug": 63196,
+  "usb-symbol": 63197,
+  "usb": 63198,
+  "boombox-fill": 63199,
+  "displayport": 63201,
+  "gpu-card": 63202,
+  "memory": 63203,
+  "modem-fill": 63204,
+  "modem": 63205,
+  "motherboard-fill": 63206,
+  "motherboard": 63207,
+  "optical-audio-fill": 63208,
+  "optical-audio": 63209,
+  "pci-card": 63210,
+  "router-fill": 63211,
+  "router": 63212,
+  "thunderbolt-fill": 63215,
+  "thunderbolt": 63216,
+  "usb-drive-fill": 63217,
+  "usb-drive": 63218,
+  "usb-micro-fill": 63219,
+  "usb-micro": 63220,
+  "usb-mini-fill": 63221,
+  "usb-mini": 63222,
+  "cloud-haze2": 63223,
+  "device-hdd-fill": 63224,
+  "device-hdd": 63225,
+  "device-ssd-fill": 63226,
+  "device-ssd": 63227,
+  "displayport-fill": 63228,
+  "mortarboard-fill": 63229,
+  "mortarboard": 63230,
+  "terminal-x": 63231,
+  "arrow-through-heart-fill": 63232,
+  "arrow-through-heart": 63233,
+  "badge-sd-fill": 63234,
+  "badge-sd": 63235,
+  "bag-heart-fill": 63236,
+  "bag-heart": 63237,
+  "balloon-fill": 63238,
+  "balloon-heart-fill": 63239,
+  "balloon-heart": 63240,
+  "balloon": 63241,
+  "box2-fill": 63242,
+  "box2-heart-fill": 63243,
+  "box2-heart": 63244,
+  "box2": 63245,
+  "braces-asterisk": 63246,
+  "calendar-heart-fill": 63247,
+  "calendar-heart": 63248,
+  "calendar2-heart-fill": 63249,
+  "calendar2-heart": 63250,
+  "chat-heart-fill": 63251,
+  "chat-heart": 63252,
+  "chat-left-heart-fill": 63253,
+  "chat-left-heart": 63254,
+  "chat-right-heart-fill": 63255,
+  "chat-right-heart": 63256,
+  "chat-square-heart-fill": 63257,
+  "chat-square-heart": 63258,
+  "clipboard-check-fill": 63259,
+  "clipboard-data-fill": 63260,
+  "clipboard-fill": 63261,
+  "clipboard-heart-fill": 63262,
+  "clipboard-heart": 63263,
+  "clipboard-minus-fill": 63264,
+  "clipboard-plus-fill": 63265,
+  "clipboard-pulse": 63266,
+  "clipboard-x-fill": 63267,
+  "clipboard2-check-fill": 63268,
+  "clipboard2-check": 63269,
+  "clipboard2-data-fill": 63270,
+  "clipboard2-data": 63271,
+  "clipboard2-fill": 63272,
+  "clipboard2-heart-fill": 63273,
+  "clipboard2-heart": 63274,
+  "clipboard2-minus-fill": 63275,
+  "clipboard2-minus": 63276,
+  "clipboard2-plus-fill": 63277,
+  "clipboard2-plus": 63278,
+  "clipboard2-pulse-fill": 63279,
+  "clipboard2-pulse": 63280,
+  "clipboard2-x-fill": 63281,
+  "clipboard2-x": 63282,
+  "clipboard2": 63283,
+  "emoji-kiss-fill": 63284,
+  "emoji-kiss": 63285,
+  "envelope-heart-fill": 63286,
+  "envelope-heart": 63287,
+  "envelope-open-heart-fill": 63288,
+  "envelope-open-heart": 63289,
+  "envelope-paper-fill": 63290,
+  "envelope-paper-heart-fill": 63291,
+  "envelope-paper-heart": 63292,
+  "envelope-paper": 63293,
+  "filetype-aac": 63294,
+  "filetype-ai": 63295,
+  "filetype-bmp": 63296,
+  "filetype-cs": 63297,
+  "filetype-css": 63298,
+  "filetype-csv": 63299,
+  "filetype-doc": 63300,
+  "filetype-docx": 63301,
+  "filetype-exe": 63302,
+  "filetype-gif": 63303,
+  "filetype-heic": 63304,
+  "filetype-html": 63305,
+  "filetype-java": 63306,
+  "filetype-jpg": 63307,
+  "filetype-js": 63308,
+  "filetype-jsx": 63309,
+  "filetype-key": 63310,
+  "filetype-m4p": 63311,
+  "filetype-md": 63312,
+  "filetype-mdx": 63313,
+  "filetype-mov": 63314,
+  "filetype-mp3": 63315,
+  "filetype-mp4": 63316,
+  "filetype-otf": 63317,
+  "filetype-pdf": 63318,
+  "filetype-php": 63319,
+  "filetype-png": 63320,
+  "filetype-ppt": 63322,
+  "filetype-psd": 63323,
+  "filetype-py": 63324,
+  "filetype-raw": 63325,
+  "filetype-rb": 63326,
+  "filetype-sass": 63327,
+  "filetype-scss": 63328,
+  "filetype-sh": 63329,
+  "filetype-svg": 63330,
+  "filetype-tiff": 63331,
+  "filetype-tsx": 63332,
+  "filetype-ttf": 63333,
+  "filetype-txt": 63334,
+  "filetype-wav": 63335,
+  "filetype-woff": 63336,
+  "filetype-xls": 63338,
+  "filetype-xml": 63339,
+  "filetype-yml": 63340,
+  "heart-arrow": 63341,
+  "heart-pulse-fill": 63342,
+  "heart-pulse": 63343,
+  "heartbreak-fill": 63344,
+  "heartbreak": 63345,
+  "hearts": 63346,
+  "hospital-fill": 63347,
+  "hospital": 63348,
+  "house-heart-fill": 63349,
+  "house-heart": 63350,
+  "incognito": 63351,
+  "magnet-fill": 63352,
+  "magnet": 63353,
+  "person-heart": 63354,
+  "person-hearts": 63355,
+  "phone-flip": 63356,
+  "plugin": 63357,
+  "postage-fill": 63358,
+  "postage-heart-fill": 63359,
+  "postage-heart": 63360,
+  "postage": 63361,
+  "postcard-fill": 63362,
+  "postcard-heart-fill": 63363,
+  "postcard-heart": 63364,
+  "postcard": 63365,
+  "search-heart-fill": 63366,
+  "search-heart": 63367,
+  "sliders2-vertical": 63368,
+  "sliders2": 63369,
+  "trash3-fill": 63370,
+  "trash3": 63371,
+  "valentine": 63372,
+  "valentine2": 63373,
+  "wrench-adjustable-circle-fill": 63374,
+  "wrench-adjustable-circle": 63375,
+  "wrench-adjustable": 63376,
+  "filetype-json": 63377,
+  "filetype-pptx": 63378,
+  "filetype-xlsx": 63379,
+  "1-circle-fill": 63382,
+  "1-circle": 63383,
+  "1-square-fill": 63384,
+  "1-square": 63385,
+  "2-circle-fill": 63388,
+  "2-circle": 63389,
+  "2-square-fill": 63390,
+  "2-square": 63391,
+  "3-circle-fill": 63394,
+  "3-circle": 63395,
+  "3-square-fill": 63396,
+  "3-square": 63397,
+  "4-circle-fill": 63400,
+  "4-circle": 63401,
+  "4-square-fill": 63402,
+  "4-square": 63403,
+  "5-circle-fill": 63406,
+  "5-circle": 63407,
+  "5-square-fill": 63408,
+  "5-square": 63409,
+  "6-circle-fill": 63412,
+  "6-circle": 63413,
+  "6-square-fill": 63414,
+  "6-square": 63415,
+  "7-circle-fill": 63418,
+  "7-circle": 63419,
+  "7-square-fill": 63420,
+  "7-square": 63421,
+  "8-circle-fill": 63424,
+  "8-circle": 63425,
+  "8-square-fill": 63426,
+  "8-square": 63427,
+  "9-circle-fill": 63430,
+  "9-circle": 63431,
+  "9-square-fill": 63432,
+  "9-square": 63433,
+  "airplane-engines-fill": 63434,
+  "airplane-engines": 63435,
+  "airplane-fill": 63436,
+  "airplane": 63437,
+  "alexa": 63438,
+  "alipay": 63439,
+  "android": 63440,
+  "android2": 63441,
+  "box-fill": 63442,
+  "box-seam-fill": 63443,
+  "browser-chrome": 63444,
+  "browser-edge": 63445,
+  "browser-firefox": 63446,
+  "browser-safari": 63447,
+  "c-circle-fill": 63450,
+  "c-circle": 63451,
+  "c-square-fill": 63452,
+  "c-square": 63453,
+  "capsule-pill": 63454,
+  "capsule": 63455,
+  "car-front-fill": 63456,
+  "car-front": 63457,
+  "cassette-fill": 63458,
+  "cassette": 63459,
+  "cc-circle-fill": 63462,
+  "cc-circle": 63463,
+  "cc-square-fill": 63464,
+  "cc-square": 63465,
+  "cup-hot-fill": 63466,
+  "cup-hot": 63467,
+  "currency-rupee": 63468,
+  "dropbox": 63469,
+  "escape": 63470,
+  "fast-forward-btn-fill": 63471,
+  "fast-forward-btn": 63472,
+  "fast-forward-circle-fill": 63473,
+  "fast-forward-circle": 63474,
+  "fast-forward-fill": 63475,
+  "fast-forward": 63476,
+  "filetype-sql": 63477,
+  "fire": 63478,
+  "google-play": 63479,
+  "h-circle-fill": 63482,
+  "h-circle": 63483,
+  "h-square-fill": 63484,
+  "h-square": 63485,
+  "indent": 63486,
+  "lungs-fill": 63487,
+  "lungs": 63488,
+  "microsoft-teams": 63489,
+  "p-circle-fill": 63492,
+  "p-circle": 63493,
+  "p-square-fill": 63494,
+  "p-square": 63495,
+  "pass-fill": 63496,
+  "pass": 63497,
+  "prescription": 63498,
+  "prescription2": 63499,
+  "r-circle-fill": 63502,
+  "r-circle": 63503,
+  "r-square-fill": 63504,
+  "r-square": 63505,
+  "repeat-1": 63506,
+  "repeat": 63507,
+  "rewind-btn-fill": 63508,
+  "rewind-btn": 63509,
+  "rewind-circle-fill": 63510,
+  "rewind-circle": 63511,
+  "rewind-fill": 63512,
+  "rewind": 63513,
+  "train-freight-front-fill": 63514,
+  "train-freight-front": 63515,
+  "train-front-fill": 63516,
+  "train-front": 63517,
+  "train-lightrail-front-fill": 63518,
+  "train-lightrail-front": 63519,
+  "truck-front-fill": 63520,
+  "truck-front": 63521,
+  "ubuntu": 63522,
+  "unindent": 63523,
+  "unity": 63524,
+  "universal-access-circle": 63525,
+  "universal-access": 63526,
+  "virus": 63527,
+  "virus2": 63528,
+  "wechat": 63529,
+  "yelp": 63530,
+  "sign-stop-fill": 63531,
+  "sign-stop-lights-fill": 63532,
+  "sign-stop-lights": 63533,
+  "sign-stop": 63534,
+  "sign-turn-left-fill": 63535,
+  "sign-turn-left": 63536,
+  "sign-turn-right-fill": 63537,
+  "sign-turn-right": 63538,
+  "sign-turn-slight-left-fill": 63539,
+  "sign-turn-slight-left": 63540,
+  "sign-turn-slight-right-fill": 63541,
+  "sign-turn-slight-right": 63542,
+  "sign-yield-fill": 63543,
+  "sign-yield": 63544,
+  "ev-station-fill": 63545,
+  "ev-station": 63546,
+  "fuel-pump-diesel-fill": 63547,
+  "fuel-pump-diesel": 63548,
+  "fuel-pump-fill": 63549,
+  "fuel-pump": 63550,
+  "0-circle-fill": 63551,
+  "0-circle": 63552,
+  "0-square-fill": 63553,
+  "0-square": 63554,
+  "rocket-fill": 63555,
+  "rocket-takeoff-fill": 63556,
+  "rocket-takeoff": 63557,
+  "rocket": 63558,
+  "stripe": 63559,
+  "subscript": 63560,
+  "superscript": 63561,
+  "trello": 63562,
+  "envelope-at-fill": 63563,
+  "envelope-at": 63564,
+  "regex": 63565,
+  "text-wrap": 63566,
+  "sign-dead-end-fill": 63567,
+  "sign-dead-end": 63568,
+  "sign-do-not-enter-fill": 63569,
+  "sign-do-not-enter": 63570,
+  "sign-intersection-fill": 63571,
+  "sign-intersection-side-fill": 63572,
+  "sign-intersection-side": 63573,
+  "sign-intersection-t-fill": 63574,
+  "sign-intersection-t": 63575,
+  "sign-intersection-y-fill": 63576,
+  "sign-intersection-y": 63577,
+  "sign-intersection": 63578,
+  "sign-merge-left-fill": 63579,
+  "sign-merge-left": 63580,
+  "sign-merge-right-fill": 63581,
+  "sign-merge-right": 63582,
+  "sign-no-left-turn-fill": 63583,
+  "sign-no-left-turn": 63584,
+  "sign-no-parking-fill": 63585,
+  "sign-no-parking": 63586,
+  "sign-no-right-turn-fill": 63587,
+  "sign-no-right-turn": 63588,
+  "sign-railroad-fill": 63589,
+  "sign-railroad": 63590,
+  "building-add": 63591,
+  "building-check": 63592,
+  "building-dash": 63593,
+  "building-down": 63594,
+  "building-exclamation": 63595,
+  "building-fill-add": 63596,
+  "building-fill-check": 63597,
+  "building-fill-dash": 63598,
+  "building-fill-down": 63599,
+  "building-fill-exclamation": 63600,
+  "building-fill-gear": 63601,
+  "building-fill-lock": 63602,
+  "building-fill-slash": 63603,
+  "building-fill-up": 63604,
+  "building-fill-x": 63605,
+  "building-fill": 63606,
+  "building-gear": 63607,
+  "building-lock": 63608,
+  "building-slash": 63609,
+  "building-up": 63610,
+  "building-x": 63611,
+  "buildings-fill": 63612,
+  "buildings": 63613,
+  "bus-front-fill": 63614,
+  "bus-front": 63615,
+  "ev-front-fill": 63616,
+  "ev-front": 63617,
+  "globe-americas": 63618,
+  "globe-asia-australia": 63619,
+  "globe-central-south-asia": 63620,
+  "globe-europe-africa": 63621,
+  "house-add-fill": 63622,
+  "house-add": 63623,
+  "house-check-fill": 63624,
+  "house-check": 63625,
+  "house-dash-fill": 63626,
+  "house-dash": 63627,
+  "house-down-fill": 63628,
+  "house-down": 63629,
+  "house-exclamation-fill": 63630,
+  "house-exclamation": 63631,
+  "house-gear-fill": 63632,
+  "house-gear": 63633,
+  "house-lock-fill": 63634,
+  "house-lock": 63635,
+  "house-slash-fill": 63636,
+  "house-slash": 63637,
+  "house-up-fill": 63638,
+  "house-up": 63639,
+  "house-x-fill": 63640,
+  "house-x": 63641,
+  "person-add": 63642,
+  "person-down": 63643,
+  "person-exclamation": 63644,
+  "person-fill-add": 63645,
+  "person-fill-check": 63646,
+  "person-fill-dash": 63647,
+  "person-fill-down": 63648,
+  "person-fill-exclamation": 63649,
+  "person-fill-gear": 63650,
+  "person-fill-lock": 63651,
+  "person-fill-slash": 63652,
+  "person-fill-up": 63653,
+  "person-fill-x": 63654,
+  "person-gear": 63655,
+  "person-lock": 63656,
+  "person-slash": 63657,
+  "person-up": 63658,
+  "scooter": 63659,
+  "taxi-front-fill": 63660,
+  "taxi-front": 63661,
+  "amd": 63662,
+  "database-add": 63663,
+  "database-check": 63664,
+  "database-dash": 63665,
+  "database-down": 63666,
+  "database-exclamation": 63667,
+  "database-fill-add": 63668,
+  "database-fill-check": 63669,
+  "database-fill-dash": 63670,
+  "database-fill-down": 63671,
+  "database-fill-exclamation": 63672,
+  "database-fill-gear": 63673,
+  "database-fill-lock": 63674,
+  "database-fill-slash": 63675,
+  "database-fill-up": 63676,
+  "database-fill-x": 63677,
+  "database-fill": 63678,
+  "database-gear": 63679,
+  "database-lock": 63680,
+  "database-slash": 63681,
+  "database-up": 63682,
+  "database-x": 63683,
+  "database": 63684,
+  "houses-fill": 63685,
+  "houses": 63686,
+  "nvidia": 63687,
+  "person-vcard-fill": 63688,
+  "person-vcard": 63689,
+  "sina-weibo": 63690,
+  "tencent-qq": 63691,
+  "wikipedia": 63692,
+  "alphabet-uppercase": 62117,
+  "alphabet": 63114,
+  "amazon": 63117,
+  "arrows-collapse-vertical": 63120,
+  "arrows-expand-vertical": 63125,
+  "arrows-vertical": 63128,
+  "arrows": 63138,
+  "ban-fill": 63139,
+  "ban": 63158,
+  "bing": 63170,
+  "cake": 63200,
+  "cake2": 63213,
+  "cookie": 63214,
+  "copy": 63321,
+  "crosshair": 63337,
+  "crosshair2": 63380,
+  "emoji-astonished-fill": 63381,
+  "emoji-astonished": 63386,
+  "emoji-grimace-fill": 63387,
+  "emoji-grimace": 63392,
+  "emoji-grin-fill": 63393,
+  "emoji-grin": 63398,
+  "emoji-surprise-fill": 63399,
+  "emoji-surprise": 63404,
+  "emoji-tear-fill": 63405,
+  "emoji-tear": 63410,
+  "envelope-arrow-down-fill": 63411,
+  "envelope-arrow-down": 63416,
+  "envelope-arrow-up-fill": 63417,
+  "envelope-arrow-up": 63422,
+  "feather": 63423,
+  "feather2": 63428,
+  "floppy-fill": 63429,
+  "floppy": 63448,
+  "floppy2-fill": 63449,
+  "floppy2": 63460,
+  "gitlab": 63461,
+  "highlighter": 63480,
+  "marker-tip": 63490,
+  "nvme-fill": 63491,
+  "nvme": 63500,
+  "opencollective": 63501,
+  "pci-card-network": 63693,
+  "pci-card-sound": 63694,
+  "radar": 63695,
+  "send-arrow-down-fill": 63696,
+  "send-arrow-down": 63697,
+  "send-arrow-up-fill": 63698,
+  "send-arrow-up": 63699,
+  "sim-slash-fill": 63700,
+  "sim-slash": 63701,
+  "sourceforge": 63702,
+  "substack": 63703,
+  "threads-fill": 63704,
+  "threads": 63705,
+  "transparency": 63706,
+  "twitter-x": 63707,
+  "type-h4": 63708,
+  "type-h5": 63709,
+  "type-h6": 63710,
+  "backpack-fill": 63711,
+  "backpack": 63712,
+  "backpack2-fill": 63713,
+  "backpack2": 63714,
+  "backpack3-fill": 63715,
+  "backpack3": 63716,
+  "backpack4-fill": 63717,
+  "backpack4": 63718,
+  "brilliance": 63719,
+  "cake-fill": 63720,
+  "cake2-fill": 63721,
+  "duffle-fill": 63722,
+  "duffle": 63723,
+  "exposure": 63724,
+  "gender-neuter": 63725,
+  "highlights": 63726,
+  "luggage-fill": 63727,
+  "luggage": 63728,
+  "mailbox-flag": 63729,
+  "mailbox2-flag": 63730,
+  "noise-reduction": 63731,
+  "passport-fill": 63732,
+  "passport": 63733,
+  "person-arms-up": 63734,
+  "person-raised-hand": 63735,
+  "person-standing-dress": 63736,
+  "person-standing": 63737,
+  "person-walking": 63738,
+  "person-wheelchair": 63739,
+  "shadows": 63740,
+  "suitcase-fill": 63741,
+  "suitcase-lg-fill": 63742,
+  "suitcase-lg": 63743,
+  "suitcase": 63744,
+  "suitcase2-fill": 63745,
+  "suitcase2": 63746,
+  "vignette": 63747,
+  "bluesky": 63481,
+  "tux": 63748,
+  "beaker-fill": 63749,
+  "beaker": 63750,
+  "flask-fill": 63751,
+  "flask-florence-fill": 63752,
+  "flask-florence": 63753,
+  "flask": 63754,
+  "leaf-fill": 63755,
+  "leaf": 63756,
+  "measuring-cup-fill": 63757,
+  "measuring-cup": 63758,
+  "unlock2-fill": 63759,
+  "unlock2": 63760,
+  "battery-low": 63761,
+  "anthropic": 63762,
+  "apple-music": 63763,
+  "claude": 63764,
+  "openai": 63765,
+  "perplexity": 63766,
+  "css": 63767,
+  "javascript": 63768,
+  "typescript": 63769,
+  "fork-knife": 63770,
+  "globe-americas-fill": 63771,
+  "globe-asia-australia-fill": 63772,
+  "globe-central-south-asia-fill": 63773,
+  "globe-europe-africa-fill": 63774
+}
\ No newline at end of file
diff --git a/css/vendor/fonts/OFL.txt b/css/vendor/fonts/OFL.txt
new file mode 100644
index 0000000..727e001
--- /dev/null
+++ b/css/vendor/fonts/OFL.txt
@@ -0,0 +1,97 @@
+This theme bundles the following font, licensed under the SIL Open Font
+License, Version 1.1:
+
+    Source Sans 3
+    Designed by Paul D. Hunt.
+    Copyright 2010, 2012, 2014, 2017, 2019 Adobe Systems Incorporated
+    (http://www.adobe.com/), with Reserved Font Name 'Source'.
+
+The WOFF2 files were produced by the Fontsource project
+(https://fontsource.org/fonts/source-sans-3) from the upstream Adobe release
+(https://github.com/adobe-fonts/source-sans). "Source" is a trademark of Adobe
+in the United States and/or other countries.
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply to any
+document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may include
+source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical writer or
+other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining a
+copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components, in
+Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or in
+the appropriate machine-readable metadata fields within text or binary
+files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name
+as presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any Modified
+Version, except to acknowledge the contribution(s) of the Copyright
+Holder(s) and the Author(s) or with their explicit written permission.
+
+5) The Font Software, modified or unmodified, in part or in whole, must be
+distributed entirely under this license, and must not be distributed under
+any other license. The requirement for fonts to remain under this license
+does not apply to any document created using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are not
+met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT OF
+COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM OTHER DEALINGS
+IN THE FONT SOFTWARE.
diff --git a/css/vendor/fonts/source-sans-3-latin-300-normal.woff2 b/css/vendor/fonts/source-sans-3-latin-300-normal.woff2
new file mode 100644
index 0000000..b47991a
Binary files /dev/null and b/css/vendor/fonts/source-sans-3-latin-300-normal.woff2 differ
diff --git a/css/vendor/fonts/source-sans-3-latin-400-normal.woff2 b/css/vendor/fonts/source-sans-3-latin-400-normal.woff2
new file mode 100644
index 0000000..0c4242e
Binary files /dev/null and b/css/vendor/fonts/source-sans-3-latin-400-normal.woff2 differ
diff --git a/css/vendor/fonts/source-sans-3-latin-700-normal.woff2 b/css/vendor/fonts/source-sans-3-latin-700-normal.woff2
new file mode 100644
index 0000000..3cb944c
Binary files /dev/null and b/css/vendor/fonts/source-sans-3-latin-700-normal.woff2 differ
diff --git a/css/vendor/fonts/source-sans-3-latin-ext-300-normal.woff2 b/css/vendor/fonts/source-sans-3-latin-ext-300-normal.woff2
new file mode 100644
index 0000000..7ddc7a2
Binary files /dev/null and b/css/vendor/fonts/source-sans-3-latin-ext-300-normal.woff2 differ
diff --git a/css/vendor/fonts/source-sans-3-latin-ext-400-normal.woff2 b/css/vendor/fonts/source-sans-3-latin-ext-400-normal.woff2
new file mode 100644
index 0000000..73c9edc
Binary files /dev/null and b/css/vendor/fonts/source-sans-3-latin-ext-400-normal.woff2 differ
diff --git a/css/vendor/fonts/source-sans-3-latin-ext-700-normal.woff2 b/css/vendor/fonts/source-sans-3-latin-ext-700-normal.woff2
new file mode 100644
index 0000000..2b448cb
Binary files /dev/null and b/css/vendor/fonts/source-sans-3-latin-ext-700-normal.woff2 differ
diff --git a/css/vendor/source-sans-3.css b/css/vendor/source-sans-3.css
new file mode 100644
index 0000000..c768405
--- /dev/null
+++ b/css/vendor/source-sans-3.css
@@ -0,0 +1,75 @@
+/**
+ * @file
+ * Source Sans 3 — the default AdminLTE 4 / Bootstrap body font, bundled locally.
+ *
+ * AdminLTE sets `--bs-font-sans-serif: "Source Sans 3", system-ui, …` but does
+ * not ship the font, so the intended typography only appeared where the visitor
+ * happened to have it installed. These @font-face rules bundle the weights the
+ * theme actually uses (300/400/700), Latin + Latin-Extended subsets, so the
+ * default look renders everywhere — no CDN, consistent with the rest of the
+ * theme's self-contained assets.
+ *
+ * Source Sans 3 is licensed under the SIL Open Font License 1.1; see
+ * fonts/OFL.txt for the full licence and attribution.
+ * @see https://www.drupal.org/project/adminlte/issues/3609458
+ */
+
+/* source-sans-3-300 - latin-ext */
+@font-face {
+  font-family: "Source Sans 3";
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: url("fonts/source-sans-3-latin-ext-300-normal.woff2") format("woff2");
+  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* source-sans-3-300 - latin */
+@font-face {
+  font-family: "Source Sans 3";
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: url("fonts/source-sans-3-latin-300-normal.woff2") format("woff2");
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* source-sans-3-400 - latin-ext */
+@font-face {
+  font-family: "Source Sans 3";
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("fonts/source-sans-3-latin-ext-400-normal.woff2") format("woff2");
+  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* source-sans-3-400 - latin */
+@font-face {
+  font-family: "Source Sans 3";
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("fonts/source-sans-3-latin-400-normal.woff2") format("woff2");
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* source-sans-3-700 - latin-ext */
+@font-face {
+  font-family: "Source Sans 3";
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url("fonts/source-sans-3-latin-ext-700-normal.woff2") format("woff2");
+  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* source-sans-3-700 - latin */
+@font-face {
+  font-family: "Source Sans 3";
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url("fonts/source-sans-3-latin-700-normal.woff2") format("woff2");
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
diff --git a/docs/components.html b/docs/components.html
new file mode 100644
index 0000000..6707dad
--- /dev/null
+++ b/docs/components.html
@@ -0,0 +1,308 @@
+<!DOCTYPE html>
+<!--
+  AdminLTE 4 for Drupal — components overview / demo page.
+
+  A self-contained showcase of the AdminLTE 4 + Bootstrap 5.3 components this
+  theme provides, using the theme's own bundled CSS/JS (relative paths). Open it
+  straight from the theme folder in a browser — no Drupal or build step needed.
+
+  Why a static file? Drupal themes cannot register routes, so a live in-admin
+  demo page would need a small companion module. This file gives site builders
+  the same reference offline. See
+  https://www.drupal.org/project/adminlte/issues/3608677
+-->
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>AdminLTE 4 for Drupal — Components</title>
+    <!-- Resolve the colour mode early to avoid a flash (mirrors html.html.twig). -->
+    <script>
+      (() => {
+        const stored = (() => { try { return localStorage.getItem('lte-theme'); } catch { return null; } })();
+        const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+        const mode = stored === 'dark' || stored === 'light' ? stored : (prefersDark ? 'dark' : 'light');
+        document.documentElement.setAttribute('data-bs-theme', mode);
+        document.documentElement.style.colorScheme = mode;
+      })();
+    </script>
+    <link rel="stylesheet" href="../css/vendor/source-sans-3.css">
+    <link rel="stylesheet" href="../css/vendor/bootstrap-icons.min.css">
+    <link rel="stylesheet" href="../css/adminlte.css">
+    <link rel="stylesheet" href="../css/adminlte-drupal.css">
+  </head>
+  <body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
+    <div class="app-wrapper">
+      <!-- Header -->
+      <nav class="app-header navbar navbar-expand bg-body">
+        <div class="container-fluid">
+          <ul class="navbar-nav">
+            <li class="nav-item">
+              <a class="nav-link" data-lte-toggle="sidebar" href="#" role="button" aria-label="Toggle navigation">
+                <i class="bi bi-list" aria-hidden="true"></i>
+              </a>
+            </li>
+            <li class="nav-item d-none d-md-block">
+              <span class="nav-link">Components</span>
+            </li>
+          </ul>
+          <ul class="navbar-nav ms-auto">
+            <li class="nav-item">
+              <button type="button" class="nav-link btn btn-link border-0" data-demo-theme-toggle aria-label="Toggle dark mode">
+                <i class="bi bi-moon-stars" aria-hidden="true"></i>
+              </button>
+            </li>
+          </ul>
+        </div>
+      </nav>
+
+      <!-- Sidebar -->
+      <aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark">
+        <div class="sidebar-brand">
+          <a href="#" class="brand-link">
+            <i class="bi bi-speedometer2 me-2" aria-hidden="true"></i>
+            <span class="brand-text fw-light">AdminLTE 4</span>
+          </a>
+        </div>
+        <div class="sidebar-wrapper">
+          <nav class="mt-2">
+            <ul class="nav sidebar-menu flex-column" role="menu">
+              <li class="nav-item"><a href="#typography" class="nav-link"><i class="nav-icon bi bi-fonts"></i><p>Typography</p></a></li>
+              <li class="nav-item"><a href="#buttons" class="nav-link"><i class="nav-icon bi bi-hand-index"></i><p>Buttons</p></a></li>
+              <li class="nav-item"><a href="#alerts" class="nav-link"><i class="nav-icon bi bi-exclamation-triangle"></i><p>Alerts &amp; badges</p></a></li>
+              <li class="nav-item"><a href="#cards" class="nav-link"><i class="nav-icon bi bi-window"></i><p>Cards</p></a></li>
+              <li class="nav-item"><a href="#tables" class="nav-link"><i class="nav-icon bi bi-table"></i><p>Tables</p></a></li>
+              <li class="nav-item"><a href="#forms" class="nav-link"><i class="nav-icon bi bi-input-cursor-text"></i><p>Forms</p></a></li>
+              <li class="nav-item"><a href="#navs" class="nav-link"><i class="nav-icon bi bi-segmented-nav"></i><p>Navs &amp; pagination</p></a></li>
+              <li class="nav-item"><a href="#icons" class="nav-link"><i class="nav-icon bi bi-emoji-smile"></i><p>Icons</p></a></li>
+            </ul>
+          </nav>
+        </div>
+      </aside>
+
+      <!-- Main -->
+      <main class="app-main">
+        <div class="app-content-header">
+          <div class="container-fluid">
+            <div class="row align-items-center">
+              <div class="col-sm-6"><h1 class="mb-0 h3">Components</h1></div>
+              <div class="col-sm-6">
+                <ol class="breadcrumb float-sm-end">
+                  <li class="breadcrumb-item"><a href="#">Home</a></li>
+                  <li class="breadcrumb-item active" aria-current="page">Components</li>
+                </ol>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div class="app-content">
+          <div class="container-fluid">
+
+            <div class="alert alert-info d-flex align-items-start" role="alert">
+              <i class="bi bi-info-circle me-2 fs-5" aria-hidden="true"></i>
+              <div>
+                A living reference of the AdminLTE 4 / Bootstrap 5.3 classes this theme ships. Toggle light/dark in the navbar.
+                Full docs: <a href="https://adminlte.io/themes/v4/docs/" class="alert-link">AdminLTE</a> ·
+                <a href="https://getbootstrap.com/docs/5.3/" class="alert-link">Bootstrap 5.3</a>.
+              </div>
+            </div>
+
+            <!-- Typography -->
+            <section id="typography" class="card mb-4">
+              <div class="card-header"><h2 class="card-title h5 mb-0">Typography</h2></div>
+              <div class="card-body">
+                <h1>h1. Heading</h1>
+                <h3>h3. Heading</h3>
+                <p class="lead">Lead paragraph — Source Sans 3, bundled with the theme.</p>
+                <p>Body text with a <a href="#typography">link</a>, <strong>bold</strong>, <em>italic</em> and <code>inline code</code>.</p>
+                <blockquote class="blockquote"><p class="mb-0">A block quotation rendered by Bootstrap.</p></blockquote>
+              </div>
+            </section>
+
+            <!-- Buttons -->
+            <section id="buttons" class="card mb-4">
+              <div class="card-header"><h2 class="card-title h5 mb-0">Buttons</h2></div>
+              <div class="card-body d-flex flex-wrap gap-2">
+                <button class="btn btn-primary">Primary</button>
+                <button class="btn btn-secondary">Secondary</button>
+                <button class="btn btn-success">Success</button>
+                <button class="btn btn-danger">Danger</button>
+                <button class="btn btn-warning">Warning</button>
+                <button class="btn btn-info">Info</button>
+                <button class="btn btn-outline-primary">Outline</button>
+                <button class="btn btn-primary"><i class="bi bi-download me-1"></i> With icon</button>
+                <button class="btn btn-primary btn-sm">Small</button>
+                <button class="btn btn-primary" disabled>Disabled</button>
+              </div>
+            </section>
+
+            <!-- Alerts & badges -->
+            <section id="alerts" class="card mb-4">
+              <div class="card-header"><h2 class="card-title h5 mb-0">Alerts &amp; badges</h2></div>
+              <div class="card-body">
+                <div class="alert alert-success" role="alert">Success — matches Drupal's status message.</div>
+                <div class="alert alert-warning" role="alert">Warning message.</div>
+                <div class="alert alert-danger" role="alert">Error message.</div>
+                <div class="d-flex flex-wrap gap-2 align-items-center">
+                  <span class="badge text-bg-primary">Primary</span>
+                  <span class="badge text-bg-success">Success</span>
+                  <span class="badge text-bg-danger">Danger</span>
+                  <span class="badge rounded-pill text-bg-secondary">Pill</span>
+                </div>
+              </div>
+            </section>
+
+            <!-- Cards -->
+            <section id="cards" class="mb-4">
+              <div class="row g-3">
+                <div class="col-md-4">
+                  <div class="card">
+                    <div class="card-header">Card header</div>
+                    <div class="card-body">
+                      <h3 class="card-title h6">Card title</h3>
+                      <p class="card-text">Cards are AdminLTE's primary content container.</p>
+                      <a href="#cards" class="btn btn-primary btn-sm">Action</a>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-md-4">
+                  <div class="card text-bg-primary">
+                    <div class="card-body">
+                      <h3 class="card-title h6">Coloured card</h3>
+                      <p class="card-text mb-0">Use <code>text-bg-*</code> utilities for accents.</p>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-md-4">
+                  <div class="card">
+                    <div class="card-body d-flex align-items-center">
+                      <i class="bi bi-people fs-1 text-primary me-3"></i>
+                      <div><div class="fs-4 fw-semibold">1,024</div><div class="text-secondary">Users</div></div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </section>
+
+            <!-- Tables -->
+            <section id="tables" class="card mb-4">
+              <div class="card-header"><h2 class="card-title h5 mb-0">Tables</h2></div>
+              <div class="card-body">
+                <div class="table-responsive">
+                  <table class="table table-striped align-middle">
+                    <thead><tr><th>#</th><th>Title</th><th>Author</th><th>Status</th><th>Operations</th></tr></thead>
+                    <tbody>
+                      <tr><td>1</td><td>Welcome</td><td>admin</td><td><span class="badge text-bg-success">Published</span></td><td><button class="btn btn-sm btn-outline-secondary">Edit</button></td></tr>
+                      <tr><td>2</td><td>Draft article</td><td>editor</td><td><span class="badge text-bg-secondary">Draft</span></td><td><button class="btn btn-sm btn-outline-secondary">Edit</button></td></tr>
+                    </tbody>
+                  </table>
+                </div>
+              </div>
+            </section>
+
+            <!-- Forms -->
+            <section id="forms" class="card mb-4">
+              <div class="card-header"><h2 class="card-title h5 mb-0">Forms</h2></div>
+              <div class="card-body">
+                <div class="row g-3">
+                  <div class="col-md-6">
+                    <label class="form-label" for="demo-text">Text field</label>
+                    <input type="text" class="form-control" id="demo-text" placeholder="Enter text">
+                  </div>
+                  <div class="col-md-6">
+                    <label class="form-label" for="demo-select">Select</label>
+                    <select class="form-select" id="demo-select"><option>One</option><option>Two</option></select>
+                  </div>
+                  <div class="col-12">
+                    <label class="form-label" for="demo-area">Textarea</label>
+                    <textarea class="form-control" id="demo-area" rows="2"></textarea>
+                  </div>
+                  <div class="col-12 form-check">
+                    <input class="form-check-input" type="checkbox" id="demo-check" checked>
+                    <label class="form-check-label" for="demo-check">Checkbox</label>
+                  </div>
+                  <div class="col-12"><button class="btn btn-primary">Save</button></div>
+                </div>
+              </div>
+            </section>
+
+            <!-- Navs & pagination -->
+            <section id="navs" class="card mb-4">
+              <div class="card-header"><h2 class="card-title h5 mb-0">Navs, tabs &amp; pagination</h2></div>
+              <div class="card-body">
+                <ul class="nav nav-tabs" role="tablist">
+                  <li class="nav-item"><button class="nav-link active" data-bs-toggle="tab" data-bs-target="#tab-a" type="button">Active</button></li>
+                  <li class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#tab-b" type="button">Second</button></li>
+                </ul>
+                <div class="tab-content border border-top-0 p-3 mb-3">
+                  <div class="tab-pane fade show active" id="tab-a">First tab content — same look as Drupal's admin tabs.</div>
+                  <div class="tab-pane fade" id="tab-b">Second tab content.</div>
+                </div>
+                <ul class="nav nav-pills mb-3">
+                  <li class="nav-item"><a class="nav-link active" href="#navs">Pills</a></li>
+                  <li class="nav-item"><a class="nav-link" href="#navs">Two</a></li>
+                </ul>
+                <nav aria-label="Pager">
+                  <ul class="pagination mb-0">
+                    <li class="page-item disabled"><span class="page-link">Previous</span></li>
+                    <li class="page-item active"><span class="page-link">1</span></li>
+                    <li class="page-item"><a class="page-link" href="#navs">2</a></li>
+                    <li class="page-item"><a class="page-link" href="#navs">Next</a></li>
+                  </ul>
+                </nav>
+              </div>
+            </section>
+
+            <!-- Icons -->
+            <section id="icons" class="card mb-4">
+              <div class="card-header"><h2 class="card-title h5 mb-0">Bootstrap Icons</h2></div>
+              <div class="card-body">
+                <p class="text-secondary">~2,000 icons bundled. Also available to Drupal's Icon API via the <code>ui_icons</code> module.</p>
+                <div class="fs-3 d-flex flex-wrap gap-3">
+                  <i class="bi bi-house" title="house"></i>
+                  <i class="bi bi-gear" title="gear"></i>
+                  <i class="bi bi-people" title="people"></i>
+                  <i class="bi bi-file-earmark-text" title="content"></i>
+                  <i class="bi bi-bell" title="bell"></i>
+                  <i class="bi bi-search" title="search"></i>
+                  <i class="bi bi-heart" title="heart"></i>
+                  <i class="bi bi-star-fill text-warning" title="star"></i>
+                  <i class="bi bi-check-circle text-success" title="check"></i>
+                  <i class="bi bi-trash text-danger" title="trash"></i>
+                </div>
+              </div>
+            </section>
+
+          </div>
+        </div>
+      </main>
+
+      <footer class="app-footer">
+        <strong>AdminLTE 4 for Drupal</strong> — by Colorlib. Components demo.
+      </footer>
+    </div>
+
+    <script src="../js/vendor/bootstrap.bundle.min.js"></script>
+    <script src="../js/adminlte.js"></script>
+    <script>
+      // Minimal colour-mode toggle for the demo (the Drupal theme uses adminlte-drupal.js).
+      document.querySelectorAll('[data-demo-theme-toggle]').forEach((btn) => {
+        const sync = () => {
+          const dark = document.documentElement.getAttribute('data-bs-theme') === 'dark';
+          const i = btn.querySelector('i');
+          if (i) i.className = dark ? 'bi bi-sun' : 'bi bi-moon-stars';
+        };
+        sync();
+        btn.addEventListener('click', () => {
+          const dark = document.documentElement.getAttribute('data-bs-theme') === 'dark';
+          const mode = dark ? 'light' : 'dark';
+          document.documentElement.setAttribute('data-bs-theme', mode);
+          document.documentElement.style.colorScheme = mode;
+          try { localStorage.setItem('lte-theme', mode); } catch { /* ignore */ }
+          sync();
+        });
+      });
+    </script>
+  </body>
+</html>
diff --git a/js/adminlte-drupal.js b/js/adminlte-drupal.js
index 29b1242..1fff967 100644
--- a/js/adminlte-drupal.js
+++ b/js/adminlte-drupal.js
@@ -144,6 +144,125 @@
     },
   };
 
+  /**
+   * Drag-to-resize sidebar (desktop only), width persisted in localStorage.
+   *
+   * Mirrors the colour-mode pattern: the width lives in localStorage under
+   * "lte-sidebar-width" and is applied by setting `--lte-sidebar-width` inline on
+   * the sidebar (its min/max-width read that variable). A configurable default
+   * comes from the theme setting via `data-adminlte-sidebar-width`.
+   * @see https://www.drupal.org/project/adminlte/issues/3609296
+   */
+  Drupal.behaviors.adminlteSidebarResize = {
+    attach(context) {
+      const KEY = 'lte-sidebar-width';
+      const MIN = 180;
+      const MAX = 480;
+      const clamp = (w) => Math.max(MIN, Math.min(MAX, Math.round(w)));
+      const isRtl = () =>
+        (document.documentElement.getAttribute('dir') || '').toLowerCase() === 'rtl' ||
+        getComputedStyle(document.documentElement).direction === 'rtl';
+
+      once('adminlte-sidebar-resize', '.app-sidebar', context).forEach((sidebar) => {
+        const apply = (w) => sidebar.style.setProperty('--lte-sidebar-width', `${w}px`);
+        const persist = (w) => {
+          try {
+            localStorage.setItem(KEY, String(w));
+          } catch {
+            // localStorage unavailable (private mode, sandboxed iframe).
+          }
+        };
+
+        // Initial width: stored choice > configured default > CSS default.
+        let width = null;
+        try {
+          const stored = parseInt(localStorage.getItem(KEY), 10);
+          if (stored) {
+            width = stored;
+          }
+        } catch {
+          // Ignore unavailable storage.
+        }
+        if (!width) {
+          const configured = parseInt(
+            sidebar.getAttribute('data-adminlte-sidebar-width'),
+            10,
+          );
+          if (configured) {
+            width = configured;
+          }
+        }
+        if (width) {
+          // Suppress the width transition so the initial size doesn't animate.
+          sidebar.classList.add('is-resizing');
+          apply(clamp(width));
+          requestAnimationFrame(() => sidebar.classList.remove('is-resizing'));
+        }
+
+        const handle = document.createElement('div');
+        handle.className = 'sidebar-resize-handle';
+        handle.setAttribute('role', 'separator');
+        handle.setAttribute('aria-orientation', 'vertical');
+        handle.setAttribute('aria-label', Drupal.t('Resize sidebar'));
+        handle.setAttribute('tabindex', '0');
+        sidebar.appendChild(handle);
+
+        let startX = 0;
+        let startW = 0;
+        let current = 0;
+
+        const onMove = (event) => {
+          const dx = event.clientX - startX;
+          current = clamp(startW + (isRtl() ? -dx : dx));
+          apply(current);
+        };
+        const onUp = (event) => {
+          document.removeEventListener('pointermove', onMove);
+          document.removeEventListener('pointerup', onUp);
+          try {
+            handle.releasePointerCapture(event.pointerId);
+          } catch {
+            // No capture to release.
+          }
+          sidebar.classList.remove('is-resizing');
+          persist(current);
+        };
+
+        handle.addEventListener('pointerdown', (event) => {
+          event.preventDefault();
+          startX = event.clientX;
+          startW = sidebar.getBoundingClientRect().width;
+          current = clamp(startW);
+          sidebar.classList.add('is-resizing');
+          try {
+            handle.setPointerCapture(event.pointerId);
+          } catch {
+            // Capture unsupported; document listeners still track the drag.
+          }
+          document.addEventListener('pointermove', onMove);
+          document.addEventListener('pointerup', onUp);
+        });
+
+        handle.addEventListener('keydown', (event) => {
+          const step = 16;
+          const rtl = isRtl();
+          let w = sidebar.getBoundingClientRect().width;
+          if (event.key === 'ArrowLeft') {
+            w += rtl ? step : -step;
+          } else if (event.key === 'ArrowRight') {
+            w += rtl ? -step : step;
+          } else {
+            return;
+          }
+          event.preventDefault();
+          current = clamp(w);
+          apply(current);
+          persist(current);
+        });
+      });
+    },
+  };
+
   /**
    * Moves a multi-action dropbutton's secondary actions into a floating menu.
    *
diff --git a/templates/layout/html.html.twig b/templates/layout/html.html.twig
index 0e71012..c8fe5cc 100644
--- a/templates/layout/html.html.twig
+++ b/templates/layout/html.html.twig
@@ -16,6 +16,8 @@
     'layout-fixed',
     'sidebar-expand-lg',
     'bg-body-tertiary',
+    sidebar_collapsed ? 'sidebar-collapse sidebar-mini',
+    compact_mode ? 'compact-mode',
     logged_in ? 'user-logged-in',
     not root_path ? 'path-frontpage' : 'path-' ~ root_path|clean_class,
   ]
diff --git a/templates/layout/layouts/adminlte-four-column.html.twig b/templates/layout/layouts/adminlte-four-column.html.twig
new file mode 100644
index 0000000..9834c62
--- /dev/null
+++ b/templates/layout/layouts/adminlte-four-column.html.twig
@@ -0,0 +1,30 @@
+{#
+/**
+ * @file
+ * AdminLTE four-column layout for Layout Builder.
+ */
+#}
+{% if content %}
+  <div{{ attributes.addClass('adminlte-layout', 'adminlte-layout--four-column', 'row', 'g-3') }}>
+    {% if content.first %}
+      <div{{ region_attributes.first.addClass('col-12', 'col-sm-6', 'col-lg-3') }}>
+        {{ content.first }}
+      </div>
+    {% endif %}
+    {% if content.second %}
+      <div{{ region_attributes.second.addClass('col-12', 'col-sm-6', 'col-lg-3') }}>
+        {{ content.second }}
+      </div>
+    {% endif %}
+    {% if content.third %}
+      <div{{ region_attributes.third.addClass('col-12', 'col-sm-6', 'col-lg-3') }}>
+        {{ content.third }}
+      </div>
+    {% endif %}
+    {% if content.fourth %}
+      <div{{ region_attributes.fourth.addClass('col-12', 'col-sm-6', 'col-lg-3') }}>
+        {{ content.fourth }}
+      </div>
+    {% endif %}
+  </div>
+{% endif %}
diff --git a/templates/layout/layouts/adminlte-one-column.html.twig b/templates/layout/layouts/adminlte-one-column.html.twig
new file mode 100644
index 0000000..123e990
--- /dev/null
+++ b/templates/layout/layouts/adminlte-one-column.html.twig
@@ -0,0 +1,11 @@
+{#
+/**
+ * @file
+ * AdminLTE one-column layout for Layout Builder.
+ */
+#}
+{% if content %}
+  <div{{ attributes.addClass('adminlte-layout', 'adminlte-layout--one-column') }}>
+    {{ content.content }}
+  </div>
+{% endif %}
diff --git a/templates/layout/layouts/adminlte-three-column.html.twig b/templates/layout/layouts/adminlte-three-column.html.twig
new file mode 100644
index 0000000..c414fb1
--- /dev/null
+++ b/templates/layout/layouts/adminlte-three-column.html.twig
@@ -0,0 +1,25 @@
+{#
+/**
+ * @file
+ * AdminLTE three-column (⅓ + ⅓ + ⅓) layout for Layout Builder.
+ */
+#}
+{% if content %}
+  <div{{ attributes.addClass('adminlte-layout', 'adminlte-layout--three-column', 'row', 'g-3') }}>
+    {% if content.first %}
+      <div{{ region_attributes.first.addClass('col-12', 'col-md-4') }}>
+        {{ content.first }}
+      </div>
+    {% endif %}
+    {% if content.second %}
+      <div{{ region_attributes.second.addClass('col-12', 'col-md-4') }}>
+        {{ content.second }}
+      </div>
+    {% endif %}
+    {% if content.third %}
+      <div{{ region_attributes.third.addClass('col-12', 'col-md-4') }}>
+        {{ content.third }}
+      </div>
+    {% endif %}
+  </div>
+{% endif %}
diff --git a/templates/layout/layouts/adminlte-two-column-sidebar.html.twig b/templates/layout/layouts/adminlte-two-column-sidebar.html.twig
new file mode 100644
index 0000000..e8e4bc5
--- /dev/null
+++ b/templates/layout/layouts/adminlte-two-column-sidebar.html.twig
@@ -0,0 +1,20 @@
+{#
+/**
+ * @file
+ * AdminLTE content + sidebar (⅔ + ⅓) layout for Layout Builder.
+ */
+#}
+{% if content %}
+  <div{{ attributes.addClass('adminlte-layout', 'adminlte-layout--two-column-sidebar', 'row', 'g-3') }}>
+    {% if content.main %}
+      <div{{ region_attributes.main.addClass('col-12', 'col-lg-8') }}>
+        {{ content.main }}
+      </div>
+    {% endif %}
+    {% if content.sidebar %}
+      <div{{ region_attributes.sidebar.addClass('col-12', 'col-lg-4') }}>
+        {{ content.sidebar }}
+      </div>
+    {% endif %}
+  </div>
+{% endif %}
diff --git a/templates/layout/layouts/adminlte-two-column.html.twig b/templates/layout/layouts/adminlte-two-column.html.twig
new file mode 100644
index 0000000..e17738d
--- /dev/null
+++ b/templates/layout/layouts/adminlte-two-column.html.twig
@@ -0,0 +1,20 @@
+{#
+/**
+ * @file
+ * AdminLTE two-column (½ + ½) layout for Layout Builder.
+ */
+#}
+{% if content %}
+  <div{{ attributes.addClass('adminlte-layout', 'adminlte-layout--two-column', 'row', 'g-3') }}>
+    {% if content.first %}
+      <div{{ region_attributes.first.addClass('col-12', 'col-md-6') }}>
+        {{ content.first }}
+      </div>
+    {% endif %}
+    {% if content.second %}
+      <div{{ region_attributes.second.addClass('col-12', 'col-md-6') }}>
+        {{ content.second }}
+      </div>
+    {% endif %}
+  </div>
+{% endif %}
diff --git a/templates/layout/page.html.twig b/templates/layout/page.html.twig
index 08943ea..c834aba 100644
--- a/templates/layout/page.html.twig
+++ b/templates/layout/page.html.twig
@@ -44,7 +44,7 @@
   {# end::Header #}
 
   {# begin::Sidebar #}
-  <aside class="app-sidebar shadow{{ sidebar_dark ? ' bg-body-secondary' : ' bg-body' }}"{% if sidebar_dark %} data-bs-theme="dark"{% endif %}>
+  <aside class="app-sidebar shadow{{ sidebar_dark ? ' bg-body-secondary' : ' bg-body' }}"{% if sidebar_dark %} data-bs-theme="dark"{% endif %}{% if sidebar_width %} data-adminlte-sidebar-width="{{ sidebar_width }}"{% endif %}>
     <div class="sidebar-brand">
       {% if page.sidebar_brand %}
         {{ page.sidebar_brand }}
diff --git a/theme-settings.php b/theme-settings.php
index 98cc87a..dab5758 100644
--- a/theme-settings.php
+++ b/theme-settings.php
@@ -35,7 +35,45 @@ function adminlte_form_system_theme_settings_alter(array &$form, FormStateInterf
   $form['adminlte']['sidebar_dark'] = [
     '#type' => 'checkbox',
     '#title' => t('Dark sidebar'),
-    '#description' => t('Render the sidebar with a dark surface regardless of the page colour mode.'),
-    '#default_value' => theme_get_setting('sidebar_dark', 'adminlte') ?? TRUE,
+    '#description' => t('Render the sidebar with a dark surface regardless of the page colour mode. When off, the sidebar follows the active light/dark colour mode.'),
+    '#default_value' => theme_get_setting('sidebar_dark', 'adminlte') ?? FALSE,
+  ];
+
+  $form['adminlte']['sidebar_collapsed'] = [
+    '#type' => 'checkbox',
+    '#title' => t('Start with the sidebar collapsed'),
+    '#description' => t('Render the sidebar collapsed to icons by default. Visitors can still expand it with the navbar toggle.'),
+    '#default_value' => theme_get_setting('sidebar_collapsed', 'adminlte') ?? FALSE,
+  ];
+
+  $form['adminlte']['compact_mode'] = [
+    '#type' => 'checkbox',
+    '#title' => t('Compact mode'),
+    '#description' => t('Tighten spacing throughout the shell (denser navbar, sidebar and content) for information-heavy admin screens.'),
+    '#default_value' => theme_get_setting('compact_mode', 'adminlte') ?? FALSE,
+  ];
+
+  $form['adminlte']['force_rtl'] = [
+    '#type' => 'checkbox',
+    '#title' => t('Force right-to-left (RTL) layout'),
+    '#description' => t('Force the RTL stylesheet and <code>dir="rtl"</code> on every page. Leave off for RTL site languages — Drupal already loads the bundled RTL stylesheet automatically for those.'),
+    '#default_value' => theme_get_setting('force_rtl', 'adminlte') ?? FALSE,
+  ];
+
+  $form['adminlte']['primary_color'] = [
+    '#type' => 'color',
+    '#title' => t('Primary (accent) colour'),
+    '#description' => t('Recolours the primary accent — links, focus rings, active states and Bootstrap <code>.btn-primary</code>. Set it back to <code>#0d6efd</code> for the AdminLTE default. Note: Bootstrap components compiled with the default blue (e.g. <code>.alert-primary</code>) are not fully recoloured at runtime; deep customisation is driven by <a href=":url">AdminLTE CSS variables</a>.', [':url' => 'https://adminlte.io/themes/v4/docs/customization.html']),
+    '#default_value' => theme_get_setting('primary_color', 'adminlte') ?: '#0d6efd',
+  ];
+
+  $form['adminlte']['sidebar_width'] = [
+    '#type' => 'number',
+    '#title' => t('Default sidebar width (px)'),
+    '#description' => t('Initial sidebar width in pixels (180–480). Visitors can drag the sidebar edge to resize it; their choice is remembered in the browser. Leave empty for the AdminLTE default (250).'),
+    '#min' => 180,
+    '#max' => 480,
+    '#step' => 1,
+    '#default_value' => theme_get_setting('sidebar_width', 'adminlte') ?: NULL,
   ];
 }