admin-lte 4.0.0-rc7 → 4.0.0

package/dist/css/adminlte.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /*!
- *   AdminLTE v4.0.0-rc7
+ *   AdminLTE v4.0.0
  *   Author: Colorlib
  *   Website: AdminLTE.io <https://adminlte.io>
  *   License: Open source - MIT <https://opensource.org/licenses/MIT>
@@ -12864,6 +12864,76 @@ textarea.form-control-lg {
   top: 0;
   z-index: 1030;
 }
+@media (min-width: 576px) {
+  .fixed-header.sidebar-expand-sm .app-sidebar {
+    position: sticky;
+    top: 0;
+    max-height: 100vh;
+  }
+  .fixed-header.sidebar-expand-sm .app-sidebar .sidebar-wrapper {
+    height: calc(100vh - (calc(3.5rem + 1px)));
+    overflow-x: hidden;
+    overflow-y: auto;
+  }
+}
+@media (min-width: 768px) {
+  .fixed-header.sidebar-expand-md .app-sidebar {
+    position: sticky;
+    top: 0;
+    max-height: 100vh;
+  }
+  .fixed-header.sidebar-expand-md .app-sidebar .sidebar-wrapper {
+    height: calc(100vh - (calc(3.5rem + 1px)));
+    overflow-x: hidden;
+    overflow-y: auto;
+  }
+}
+@media (min-width: 992px) {
+  .fixed-header.sidebar-expand-lg .app-sidebar {
+    position: sticky;
+    top: 0;
+    max-height: 100vh;
+  }
+  .fixed-header.sidebar-expand-lg .app-sidebar .sidebar-wrapper {
+    height: calc(100vh - (calc(3.5rem + 1px)));
+    overflow-x: hidden;
+    overflow-y: auto;
+  }
+}
+@media (min-width: 1200px) {
+  .fixed-header.sidebar-expand-xl .app-sidebar {
+    position: sticky;
+    top: 0;
+    max-height: 100vh;
+  }
+  .fixed-header.sidebar-expand-xl .app-sidebar .sidebar-wrapper {
+    height: calc(100vh - (calc(3.5rem + 1px)));
+    overflow-x: hidden;
+    overflow-y: auto;
+  }
+}
+@media (min-width: 1400px) {
+  .fixed-header.sidebar-expand-xxl .app-sidebar {
+    position: sticky;
+    top: 0;
+    max-height: 100vh;
+  }
+  .fixed-header.sidebar-expand-xxl .app-sidebar .sidebar-wrapper {
+    height: calc(100vh - (calc(3.5rem + 1px)));
+    overflow-x: hidden;
+    overflow-y: auto;
+  }
+}
+.fixed-header.sidebar-expand .app-sidebar {
+  position: sticky;
+  top: 0;
+  max-height: 100vh;
+}
+.fixed-header.sidebar-expand .app-sidebar .sidebar-wrapper {
+  height: calc(100vh - (calc(3.5rem + 1px)));
+  overflow-x: hidden;
+  overflow-y: auto;
+}
 
 .app-sidebar {
   --lte-sidebar-hover-bg: rgba(0, 0, 0, 0.1);
@@ -12991,21 +13061,25 @@ textarea.form-control-lg {
   min-width: 1.5rem;
   max-width: 1.5rem;
 }
-.sidebar-wrapper .sidebar-menu > .nav-item.menu-open .nav-link.active:not(:hover) {
-  --lte-sidebar-menu-active-bg: transparent;
-}
-.sidebar-wrapper .sidebar-menu > .nav-item > .nav-link:active, .sidebar-wrapper .sidebar-menu > .nav-item > .nav-link:focus {
+.sidebar-wrapper .sidebar-menu > .nav-item > .nav-link {
   color: var(--lte-sidebar-color);
 }
-.sidebar-wrapper .sidebar-menu > .nav-item > .nav-link.active:not(:hover) {
+.sidebar-wrapper .sidebar-menu > .nav-item > .nav-link:hover, .sidebar-wrapper .sidebar-menu > .nav-item > .nav-link:focus {
+  color: var(--lte-sidebar-hover-color);
+  background-color: var(--lte-sidebar-hover-bg);
+}
+.sidebar-wrapper .sidebar-menu > .nav-item > .nav-link.active {
   color: var(--lte-sidebar-menu-active-color);
   background-color: var(--lte-sidebar-menu-active-bg);
 }
-.sidebar-wrapper .sidebar-menu > .nav-item.menu-open > .nav-link, .sidebar-wrapper .sidebar-menu > .nav-item:hover > .nav-link,
-.sidebar-wrapper .sidebar-menu > .nav-item > .nav-link:focus {
+.sidebar-wrapper .sidebar-menu > .nav-item.menu-open > .nav-link {
   color: var(--lte-sidebar-hover-color);
   background-color: var(--lte-sidebar-hover-bg);
 }
+.sidebar-wrapper .sidebar-menu > .nav-item.menu-open > .nav-link.active {
+  color: var(--lte-sidebar-menu-active-color);
+  background-color: var(--lte-sidebar-menu-active-bg);
+}
 .sidebar-wrapper .sidebar-menu > .nav-item > .nav-treeview {
   background-color: var(--lte-sidebar-submenu-bg);
 }
@@ -13024,14 +13098,12 @@ textarea.form-control-lg {
 }
 .sidebar-wrapper .nav-treeview > .nav-item > .nav-link:hover, .sidebar-wrapper .nav-treeview > .nav-item > .nav-link:focus {
   color: var(--lte-sidebar-submenu-hover-color);
+  background-color: var(--lte-sidebar-submenu-hover-bg);
 }
-.sidebar-wrapper .nav-treeview > .nav-item > .nav-link.active, .sidebar-wrapper .nav-treeview > .nav-item > .nav-link.active:hover, .sidebar-wrapper .nav-treeview > .nav-item > .nav-link.active:focus {
+.sidebar-wrapper .nav-treeview > .nav-item > .nav-link.active {
   color: var(--lte-sidebar-submenu-active-color);
   background-color: var(--lte-sidebar-submenu-active-bg);
 }
-.sidebar-wrapper .nav-treeview > .nav-item > .nav-link:hover {
-  background-color: var(--lte-sidebar-submenu-hover-bg);
-}
 
 .sidebar-menu .nav-item > .nav-link {
   margin-bottom: 0.2rem;
@@ -13098,9 +13170,6 @@ textarea.form-control-lg {
   padding: 0;
   list-style: none;
 }
-.nav-indent .sidebar-menu .nav-treeview {
-  padding-left: 0.5rem;
-}
 .sidebar-menu .menu-open > .nav-treeview {
   display: block;
 }
@@ -13115,6 +13184,10 @@ textarea.form-control-lg {
   left: auto !important;
 }
 
+.nav-indent .nav-treeview {
+  padding-left: 0.5rem;
+}
+
 .nav-compact.nav-indent .nav-treeview {
   padding-left: 0;
 }
@@ -14169,1460 +14242,3018 @@ body:not(.app-loaded) .app-footer {
   border-radius: 0.375rem;
 }
 
-.progress {
-  border-radius: 1px;
+.docs-page .app-content > .container-fluid, .docs-page .app-content > .container-sm, .docs-page .app-content > .container-md, .docs-page .app-content > .container-lg, .docs-page .app-content > .container-xl, .docs-page .app-content > .container-xxl {
+  max-width: 60rem;
 }
-.progress.vertical {
-  position: relative;
-  display: inline-block;
-  width: 30px;
-  height: 200px;
-  margin-right: 10px;
+@media (min-width: 1400px) {
+  .docs-page .app-content > .container-fluid, .docs-page .app-content > .container-sm, .docs-page .app-content > .container-md, .docs-page .app-content > .container-lg, .docs-page .app-content > .container-xl, .docs-page .app-content > .container-xxl {
+    max-width: 64rem;
+  }
 }
-.progress.vertical > .progress-bar {
-  position: absolute;
-  bottom: 0;
-  width: 100%;
+.docs-page .card > .card-body {
+  padding: 1.5rem;
+  font-size: 1rem;
+  line-height: 1.7;
+  color: var(--bs-body-color);
 }
-.progress.vertical.sm, .progress.vertical.progress-sm {
-  width: 20px;
+@media (min-width: 768px) {
+  .docs-page .card > .card-body {
+    padding: 2.5rem;
+  }
+}
+.docs-page .card > .card-body h1,
+.docs-page .card > .card-body h2,
+.docs-page .card > .card-body h3,
+.docs-page .card > .card-body h4,
+.docs-page .card > .card-body h5,
+.docs-page .card > .card-body h6,
+.docs-page .card > .card-body .h1,
+.docs-page .card > .card-body .h2,
+.docs-page .card > .card-body .h3,
+.docs-page .card > .card-body .h4,
+.docs-page .card > .card-body .h5,
+.docs-page .card > .card-body .h6 {
+  margin-top: 2em;
+  margin-bottom: 0.5em;
+  font-weight: 600;
+  line-height: 1.3;
+  color: var(--bs-emphasis-color);
+  scroll-margin-top: 4rem;
+}
+.docs-page .card > .card-body h1:first-child,
+.docs-page .card > .card-body h2:first-child,
+.docs-page .card > .card-body h3:first-child,
+.docs-page .card > .card-body h4:first-child,
+.docs-page .card > .card-body h5:first-child,
+.docs-page .card > .card-body h6:first-child,
+.docs-page .card > .card-body .h1:first-child,
+.docs-page .card > .card-body .h2:first-child,
+.docs-page .card > .card-body .h3:first-child,
+.docs-page .card > .card-body .h4:first-child,
+.docs-page .card > .card-body .h5:first-child,
+.docs-page .card > .card-body .h6:first-child {
+  margin-top: 0;
 }
-.progress.vertical.xs, .progress.vertical.progress-xs {
-  width: 10px;
+.docs-page .card > .card-body h2,
+.docs-page .card > .card-body .h2 {
+  padding-bottom: 0.35em;
+  font-size: 1.75rem;
+  border-bottom: 1px solid var(--bs-border-color);
 }
-.progress.vertical.xxs, .progress.vertical.progress-xxs {
-  width: 3px;
+.docs-page .card > .card-body h3,
+.docs-page .card > .card-body .h3 {
+  font-size: 1.4rem;
 }
-
-.progress-group {
-  margin-bottom: 0.5rem;
+.docs-page .card > .card-body h4,
+.docs-page .card > .card-body .h4 {
+  font-size: 1.2rem;
 }
-
-.progress-sm {
-  height: 10px;
+.docs-page .card > .card-body h5,
+.docs-page .card > .card-body .h5 {
+  padding-top: 1.5em;
+  margin-top: 2.5em;
+  font-size: 1.3rem;
+  border-top: 1px solid var(--bs-border-color);
 }
-
-.progress-xs {
-  height: 7px;
+.docs-page .card > .card-body h5:first-child,
+.docs-page .card > .card-body .h5:first-child {
+  padding-top: 0;
+  border-top: 0;
 }
-
-.progress-xxs {
-  height: 3px;
+.docs-page .card > .card-body h6,
+.docs-page .card > .card-body .h6 {
+  margin-top: 1.75em;
+  font-size: 1.08rem;
+  color: var(--bs-emphasis-color);
 }
-
-.table tr > td .progress {
-  margin: 0;
+.docs-page .card > .card-body p,
+.docs-page .card > .card-body ul,
+.docs-page .card > .card-body ol,
+.docs-page .card > .card-body dl,
+.docs-page .card > .card-body blockquote,
+.docs-page .card > .card-body table {
+  margin-bottom: 1.1rem;
 }
-
-.card {
-  box-shadow: 0 0 1px rgba(var(--bs-body-color-rgb), 0.125), 0 1px 3px rgba(var(--bs-body-color-rgb), 0.2);
+.docs-page .card > .card-body ul,
+.docs-page .card > .card-body ol {
+  padding-left: 1.5rem;
 }
-.card[class*=card-]:not(.card-outline) > .card-header, .card[class*=text-bg-]:not(.card-outline) > .card-header {
-  color: var(--lte-card-variant-color);
-  background-color: var(--lte-card-variant-bg);
+.docs-page .card > .card-body ul li,
+.docs-page .card > .card-body ol li {
+  margin-bottom: 0.35rem;
 }
-.card[class*=card-]:not(.card-outline) > .card-header .btn-tool, .card[class*=text-bg-]:not(.card-outline) > .card-header .btn-tool {
-  --bs-btn-color: rgba(var(--lte-card-variant-color-rgb), .8);
-  --bs-btn-hover-color: var(--lte-card-variant-color);
+.docs-page .card > .card-body ul ul,
+.docs-page .card > .card-body ul ol,
+.docs-page .card > .card-body ol ul,
+.docs-page .card > .card-body ol ol {
+  margin-top: 0.35rem;
+  margin-bottom: 0;
 }
-.card.card-outline {
-  border-top: 3px solid var(--lte-card-variant-bg);
+.docs-page .card > .card-body h2 + p, .docs-page .card > .card-body .h2 + p,
+.docs-page .card > .card-body h3 + p,
+.docs-page .card > .card-body .h3 + p,
+.docs-page .card > .card-body h5 + p,
+.docs-page .card > .card-body .h5 + p {
+  margin-top: 0;
 }
-.card.maximized-card {
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: 1050;
-  width: 100% !important;
-  max-width: 100% !important;
-  height: 100% !important;
-  max-height: 100% !important;
+.docs-page .card > .card-body p code,
+.docs-page .card > .card-body li code,
+.docs-page .card > .card-body td code,
+.docs-page .card > .card-body th code,
+.docs-page .card > .card-body h2 code,
+.docs-page .card > .card-body .h2 code,
+.docs-page .card > .card-body h3 code,
+.docs-page .card > .card-body .h3 code,
+.docs-page .card > .card-body h4 code,
+.docs-page .card > .card-body .h4 code,
+.docs-page .card > .card-body h5 code,
+.docs-page .card > .card-body .h5 code,
+.docs-page .card > .card-body h6 code,
+.docs-page .card > .card-body .h6 code {
+  padding: 0.15em 0.4em;
+  font-size: 0.875em;
+  color: var(--bs-emphasis-color);
+  background: var(--bs-tertiary-bg);
+  border: 1px solid var(--bs-border-color);
+  border-radius: 0.25rem;
 }
-.card.maximized-card.was-collapsed .card-body {
-  display: block !important;
+.docs-page .card > .card-body pre.astro-code,
+.docs-page .card > .card-body pre {
+  padding: 1rem 1.25rem;
+  margin-top: 1.25rem;
+  margin-bottom: 1.5rem;
+  overflow-x: auto;
+  font-size: 0.875rem;
+  line-height: 1.6;
+  border-radius: 0.375rem;
 }
-.card.maximized-card .card-body {
-  overflow: auto;
+.docs-page .card > .card-body pre.astro-code code,
+.docs-page .card > .card-body pre code {
+  padding: 0;
+  background: transparent;
+  border: 0;
 }
-.card.maximized-card [data-lte-toggle=card-collapse] {
-  display: none;
+.docs-page .card > .card-body table {
+  width: 100%;
+  margin-top: 1.25rem;
+  margin-bottom: 1.5rem;
+  overflow: hidden;
+  font-size: 0.95rem;
+  border-collapse: collapse;
+  border: 1px solid var(--bs-border-color);
+  border-radius: 0.25rem;
 }
-.card.maximized-card [data-lte-icon=maximize] {
-  display: none;
+.docs-page .card > .card-body table th,
+.docs-page .card > .card-body table td {
+  padding: 0.65rem 0.9rem;
+  text-align: left;
+  vertical-align: top;
+  border-bottom: 1px solid var(--bs-border-color);
 }
-.card.maximized-card .card-header,
-.card.maximized-card .card-footer {
-  border-radius: 0 !important;
+.docs-page .card > .card-body table th {
+  font-weight: 600;
+  color: var(--bs-emphasis-color);
+  background: var(--bs-tertiary-bg);
 }
-.card:not(.maximized-card) [data-lte-icon=minimize] {
-  display: none;
+.docs-page .card > .card-body table tr:last-child td {
+  border-bottom: 0;
 }
-.card.collapsed-card > .card-header [data-lte-icon=collapse] {
-  display: none;
+.docs-page .card > .card-body table code {
+  white-space: nowrap;
 }
-.card.collapsed-card > .card-body,
-.card.collapsed-card > .card-footer {
-  display: none;
+.docs-page .card > .card-body blockquote {
+  padding: 0.85rem 1.1rem;
+  margin-top: 1.25rem;
+  color: var(--bs-emphasis-color);
+  background: var(--bs-info-bg-subtle);
+  border-left: 4px solid var(--bs-info-border-subtle);
+  border-radius: 0.25rem;
 }
-.card:not(.collapsed-card) > .card-header [data-lte-icon=expand] {
-  display: none;
+.docs-page .card > .card-body blockquote p:last-child {
+  margin-bottom: 0;
 }
-.card .nav.flex-column > li {
-  margin: 0;
-  border-bottom: 1px solid var(--bs-border-color-translucent);
+.docs-page .card > .card-body blockquote code {
+  background: rgba(0, 0, 0, 0.05);
 }
-.card .nav.flex-column > li:last-of-type {
-  border-bottom: 0;
+.docs-page .card > .card-body a:not(.btn):not(.nav-link) {
+  color: var(--bs-primary);
+  text-decoration: underline;
+  text-decoration-thickness: 1px;
+  text-underline-offset: 3px;
 }
-.card.height-control .card-body {
-  max-height: 300px;
-  overflow: auto;
+.docs-page .card > .card-body a:not(.btn):not(.nav-link):hover {
+  text-decoration-thickness: 2px;
 }
-.card .border-end {
-  border-right: 1px solid var(--bs-border-color-translucent);
+.docs-page .card > .card-body hr {
+  margin: 2.5rem 0;
+  border: 0;
+  border-top: 1px solid var(--bs-border-color);
+  opacity: 1;
 }
-.card .border-start {
-  border-left: 1px solid var(--bs-border-color-translucent);
+.docs-page .card > .card-body > p:first-child,
+.docs-page .card > .card-body > p:first-of-type {
+  margin-bottom: 2rem;
+  font-size: 1.125rem;
+  line-height: 1.6;
+  color: var(--bs-body-color);
 }
-.card.card-tabs:not(.card-outline) > .card-header {
-  border-bottom: 0;
+.docs-page .card > .card-body details.faq-item {
+  margin-bottom: 0.5rem;
+  overflow: hidden;
+  background: var(--bs-body-bg);
+  border: 1px solid var(--bs-border-color);
+  border-radius: 0.375rem;
+  transition: border-color 0.15s ease, box-shadow 0.15s ease;
 }
-.card.card-tabs:not(.card-outline) > .card-header .nav-item:first-child .nav-link {
-  border-left-color: transparent;
+@media (prefers-reduced-motion: reduce) {
+  .docs-page .card > .card-body details.faq-item {
+    transition: none;
+  }
 }
-.card.card-tabs.card-outline .nav-item {
-  border-bottom: 0;
+.docs-page .card > .card-body details.faq-item:hover {
+  border-color: var(--bs-primary-border-subtle);
 }
-.card.card-tabs.card-outline .nav-item:first-child .nav-link {
-  margin-left: 0;
-  border-left: 0;
+.docs-page .card > .card-body details.faq-item[open] {
+  background: var(--bs-body-bg);
+  border-color: var(--bs-primary-border-subtle);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
 }
-.card.card-tabs .card-tools {
-  margin: 0.3rem 0.5rem;
+.docs-page .card > .card-body details.faq-item summary {
+  position: relative;
+  padding: 0.9rem 3rem 0.9rem 1.1rem;
+  font-size: 1rem;
+  font-weight: 600;
+  color: var(--bs-emphasis-color);
+  list-style: none;
+  cursor: pointer;
+  -webkit-user-select: none;
+  user-select: none;
+  transition: color 0.15s ease;
 }
-.card.card-tabs:not(.expanding-card).collapsed-card .card-header {
-  border-bottom: 0;
+@media (prefers-reduced-motion: reduce) {
+  .docs-page .card > .card-body details.faq-item summary {
+    transition: none;
+  }
 }
-.card.card-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs {
-  border-bottom: 0;
+.docs-page .card > .card-body details.faq-item summary::-webkit-details-marker {
+  display: none;
 }
-.card.card-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs .nav-item {
-  margin-bottom: 0;
+.docs-page .card > .card-body details.faq-item summary::marker {
+  content: "";
 }
-.card.card-tabs.expanding-card .card-header .nav-tabs .nav-item {
-  margin-bottom: -1px;
+.docs-page .card > .card-body details.faq-item summary:hover {
+  color: var(--bs-primary);
 }
-.card.card-outline-tabs {
-  border-top: 0;
+.docs-page .card > .card-body details.faq-item summary::after {
+  position: absolute;
+  top: 50%;
+  right: 1.1rem;
+  display: inline-block;
+  width: 0.55rem;
+  height: 0.55rem;
+  margin-top: -0.4rem;
+  content: "";
+  border-right: 2px solid currentcolor;
+  border-bottom: 2px solid currentcolor;
+  opacity: 0.55;
+  transform: rotate(45deg);
+  transition: transform 0.2s ease;
 }
-.card.card-outline-tabs .card-header .nav-item:first-child .nav-link {
-  margin-left: 0;
-  border-left: 0;
+@media (prefers-reduced-motion: reduce) {
+  .docs-page .card > .card-body details.faq-item summary::after {
+    transition: none;
+  }
 }
-.card.card-outline-tabs .card-header a {
-  text-decoration: none;
-  border-top: 3px solid transparent;
+.docs-page .card > .card-body details.faq-item[open] > summary {
+  color: var(--bs-primary);
+  border-bottom: 1px solid var(--bs-border-color);
 }
-.card.card-outline-tabs .card-header a:hover {
-  border-top: 3px solid var(--bs-border-color);
+.docs-page .card > .card-body details.faq-item[open] > summary::after {
+  margin-top: -0.15rem;
+  opacity: 1;
+  transform: rotate(-135deg);
 }
-.card.card-outline-tabs .card-header a.active:hover {
-  margin-top: 0;
+.docs-page .card > .card-body details.faq-item > *:not(summary) {
+  padding-right: 1.1rem;
+  padding-left: 1.1rem;
 }
-.card.card-outline-tabs .card-tools {
-  margin: 0.5rem 0.5rem 0.3rem;
+.docs-page .card > .card-body details.faq-item > *:not(summary):first-of-type {
+  padding-top: 1rem;
 }
-.card.card-outline-tabs:not(.expanding-card).collapsed-card .card-header {
-  border-bottom: 0;
+.docs-page .card > .card-body details.faq-item > *:not(summary):last-child {
+  padding-bottom: 1rem;
 }
-.card.card-outline-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs {
-  border-bottom: 0;
+.docs-page .card > .card-body details.faq-item p,
+.docs-page .card > .card-body details.faq-item ul,
+.docs-page .card > .card-body details.faq-item ol {
+  margin-bottom: 0.65rem;
 }
-.card.card-outline-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs .nav-item {
+.docs-page .card > .card-body details.faq-item > *:last-child p:last-child,
+.docs-page .card > .card-body details.faq-item > p:last-child,
+.docs-page .card > .card-body details.faq-item > ul:last-child,
+.docs-page .card > .card-body details.faq-item > ol:last-child {
   margin-bottom: 0;
 }
-.card.card-outline-tabs.expanding-card .card-header .nav-tabs .nav-item {
-  margin-bottom: -1px;
+.docs-page .card > .card-body details.faq-item pre.astro-code,
+.docs-page .card > .card-body details.faq-item pre {
+  margin-right: 0;
+  margin-left: 0;
 }
-
-html.maximized-card {
-  overflow: hidden;
+.docs-page[data-bs-theme=dark] .card > .card-body blockquote code, [data-bs-theme=dark] .docs-page .card > .card-body blockquote code {
+  background: rgba(255, 255, 255, 0.08);
 }
 
-.card-header::after,
-.card-body::after,
-.card-footer::after {
-  display: block;
-  clear: both;
-  content: "";
+.faq-page .app-content > .container-fluid, .faq-page .app-content > .container-sm, .faq-page .app-content > .container-md, .faq-page .app-content > .container-lg, .faq-page .app-content > .container-xl, .faq-page .app-content > .container-xxl {
+  max-width: 64rem;
 }
-
-.card-header {
+@media (min-width: 1400px) {
+  .faq-page .app-content > .container-fluid, .faq-page .app-content > .container-sm, .faq-page .app-content > .container-md, .faq-page .app-content > .container-lg, .faq-page .app-content > .container-xl, .faq-page .app-content > .container-xxl {
+    max-width: 72rem;
+  }
+}
+.faq-page .faq-hero {
   position: relative;
-  padding: 1rem 1rem;
-  background-color: transparent;
-  border-bottom: 1px solid var(--bs-border-color-translucent);
-  border-top-left-radius: 0.375rem;
-  border-top-right-radius: 0.375rem;
+  padding: 3rem 1.5rem 2.5rem;
+  margin-top: 1rem;
+  overflow: hidden;
+  background: radial-gradient(ellipse at top left, rgba(var(--bs-primary-rgb), 0.12), transparent 60%), radial-gradient(ellipse at bottom right, rgba(var(--bs-info-rgb), 0.1), transparent 65%), var(--bs-body-bg);
+  border: 1px solid var(--bs-border-color);
+  border-radius: 1rem;
 }
-.collapsed-card .card-header {
-  border-bottom: 0;
+.faq-page .faq-hero-eyebrow {
+  display: inline-flex;
+  gap: 0.4rem;
+  align-items: center;
+  padding: 0.35rem 0.85rem;
+  margin-bottom: 1rem;
+  font-size: 0.75rem;
+  font-weight: 600;
+  color: var(--bs-primary);
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  background: var(--bs-primary-bg-subtle);
+  border: 1px solid var(--bs-primary-border-subtle);
+  border-radius: 50rem;
 }
-.card-header > .card-tools {
-  float: right;
-  margin-right: -0.5rem;
+.faq-page .faq-hero-eyebrow .bi {
+  font-size: 0.9rem;
 }
-.card-header > .card-tools .input-group,
-.card-header > .card-tools .nav,
-.card-header > .card-tools .pagination {
-  margin-top: -0.4rem;
-  margin-bottom: -0.4rem;
+.faq-page .faq-hero-title {
+  margin: 0 0 0.5rem;
+  font-size: 2.25rem;
+  font-weight: 700;
+  line-height: 1.15;
+  color: var(--bs-emphasis-color);
 }
-.card-header > .card-tools [data-bs-toggle=tooltip] {
+@media (min-width: 768px) {
+  .faq-page .faq-hero-title {
+    font-size: 2.75rem;
+  }
+}
+.faq-page .faq-hero-lead {
+  max-width: 36rem;
+  margin: 0 auto 1.75rem;
+  font-size: 1.05rem;
+  line-height: 1.55;
+  color: var(--bs-secondary-color);
+}
+.faq-page .faq-search {
   position: relative;
+  max-width: 32rem;
+  margin: 0 auto;
 }
-
-.card-title {
-  float: left;
-  margin: 0;
-  font-size: 1.1rem;
-  font-weight: 400;
+.faq-page .faq-search .form-control {
+  height: 3rem;
+  padding-right: 3rem;
+  padding-left: 3rem;
+  font-size: 1rem;
+  background: var(--bs-body-bg);
+  border-radius: 50rem;
+  transition: box-shadow 0.15s ease, border-color 0.15s ease;
 }
-
-.btn-tool {
-  --bs-btn-padding-x: .5rem;
-  --bs-btn-padding-y: .25rem;
+@media (prefers-reduced-motion: reduce) {
+  .faq-page .faq-search .form-control {
+    transition: none;
+  }
 }
-.btn-tool:not(.btn-tool-custom) {
-  --bs-btn-color: var(--bs-tertiary-color);
-  --bs-btn-bg: transparent;
-  --bs-btn-box-shadow: none;
-  --bs-btn-hover-color: var(--bs-secondary-color);
-  --bs-btn-active-border-color: transparent;
+.faq-page .faq-search .form-control:focus {
+  box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.15);
 }
-.btn-tool {
-  margin: -1rem 0;
+.faq-page .faq-search-icon {
+  position: absolute;
+  top: 50%;
+  left: 1.2rem;
+  color: var(--bs-secondary-color);
+  pointer-events: none;
+  transform: translateY(-50%);
+}
+.faq-page .faq-search-clear {
+  position: absolute;
+  top: 50%;
+  right: 0.65rem;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 2rem;
+  height: 2rem;
+  padding: 0;
+  color: var(--bs-secondary-color);
+  background: var(--bs-tertiary-bg);
+  border: 0;
+  transform: translateY(-50%);
+  border-radius: 50%;
+  transition: background 0.15s ease, color 0.15s ease;
+}
+@media (prefers-reduced-motion: reduce) {
+  .faq-page .faq-search-clear {
+    transition: none;
+  }
+}
+.faq-page .faq-search-clear:hover {
+  color: var(--bs-body-color);
+  background: var(--bs-secondary-bg);
+}
+.faq-page .faq-empty-state {
+  max-width: 32rem;
+  padding: 1rem;
+  margin: 1.5rem auto 0;
+  font-size: 0.95rem;
+  color: var(--bs-secondary-color);
+  background: var(--bs-tertiary-bg);
+  border-radius: 0.375rem;
+}
+.faq-page .faq-empty-state .bi {
+  margin-right: 0.35rem;
+}
+.faq-page .faq-chips {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+  justify-content: center;
+}
+.faq-page .faq-chip {
+  display: inline-flex;
+  gap: 0.45rem;
+  align-items: center;
+  padding: 0.45rem 0.85rem;
   font-size: 0.875rem;
+  font-weight: 500;
+  color: var(--bs-body-color);
+  text-decoration: none;
+  background: var(--bs-body-bg);
+  border: 1px solid var(--bs-border-color);
+  border-radius: 50rem;
+  transition: transform 0.15s ease, border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
 }
-
-.card-primary,
-.bg-primary,
-.text-bg-primary {
-  --lte-card-variant-bg: #0d6efd;
-  --lte-card-variant-bg-rgb: 13, 110, 253;
-  --lte-card-variant-color: #fff;
-  --lte-card-variant-color-rgb: 255, 255, 255;
+@media (prefers-reduced-motion: reduce) {
+  .faq-page .faq-chip {
+    transition: none;
+  }
 }
-
-.card-secondary,
-.bg-secondary,
-.text-bg-secondary {
-  --lte-card-variant-bg: #6c757d;
-  --lte-card-variant-bg-rgb: 108, 117, 125;
-  --lte-card-variant-color: #fff;
-  --lte-card-variant-color-rgb: 255, 255, 255;
+.faq-page .faq-chip:hover {
+  color: var(--bs-emphasis-color);
+  background: var(--bs-tertiary-bg);
+  transform: translateY(-1px);
 }
-
-.card-success,
-.bg-success,
-.text-bg-success {
-  --lte-card-variant-bg: #198754;
-  --lte-card-variant-bg-rgb: 25, 135, 84;
-  --lte-card-variant-color: #fff;
-  --lte-card-variant-color-rgb: 255, 255, 255;
+.faq-page .faq-chip .bi {
+  font-size: 1rem;
 }
-
-.card-info,
-.bg-info,
-.text-bg-info {
-  --lte-card-variant-bg: #0dcaf0;
-  --lte-card-variant-bg-rgb: 13, 202, 240;
-  --lte-card-variant-color: #000;
-  --lte-card-variant-color-rgb: 0, 0, 0;
+.faq-page .faq-chip-count {
+  padding: 0 0.45rem;
+  font-size: 0.7rem;
+  font-weight: 600;
+  color: var(--bs-secondary-color);
+  background: var(--bs-tertiary-bg);
+  border-radius: 50rem;
+}
+.faq-page .faq-chip-primary:hover {
+  color: var(--bs-primary-text-emphasis);
+  background: var(--bs-primary-bg-subtle);
+  border-color: var(--bs-primary-border-subtle);
+}
+.faq-page .faq-chip-primary:hover .faq-chip-count {
+  color: var(--bs-primary-text-emphasis);
+  background: rgba(0, 0, 0, 0.06);
+}
+.faq-page .faq-chip-info:hover {
+  color: var(--bs-info-text-emphasis);
+  background: var(--bs-info-bg-subtle);
+  border-color: var(--bs-info-border-subtle);
+}
+.faq-page .faq-chip-info:hover .faq-chip-count {
+  color: var(--bs-info-text-emphasis);
+  background: rgba(0, 0, 0, 0.06);
+}
+.faq-page .faq-chip-warning:hover {
+  color: var(--bs-warning-text-emphasis);
+  background: var(--bs-warning-bg-subtle);
+  border-color: var(--bs-warning-border-subtle);
+}
+.faq-page .faq-chip-warning:hover .faq-chip-count {
+  color: var(--bs-warning-text-emphasis);
+  background: rgba(0, 0, 0, 0.06);
+}
+.faq-page .faq-chip-success:hover {
+  color: var(--bs-success-text-emphasis);
+  background: var(--bs-success-bg-subtle);
+  border-color: var(--bs-success-border-subtle);
+}
+.faq-page .faq-chip-success:hover .faq-chip-count {
+  color: var(--bs-success-text-emphasis);
+  background: rgba(0, 0, 0, 0.06);
+}
+.faq-page .faq-chip-danger:hover {
+  color: var(--bs-danger-text-emphasis);
+  background: var(--bs-danger-bg-subtle);
+  border-color: var(--bs-danger-border-subtle);
+}
+.faq-page .faq-chip-danger:hover .faq-chip-count {
+  color: var(--bs-danger-text-emphasis);
+  background: rgba(0, 0, 0, 0.06);
+}
+.faq-page .faq-chip-secondary:hover {
+  color: var(--bs-secondary-text-emphasis);
+  background: var(--bs-secondary-bg-subtle);
+  border-color: var(--bs-secondary-border-subtle);
+}
+.faq-page .faq-chip-secondary:hover .faq-chip-count {
+  color: var(--bs-secondary-text-emphasis);
+  background: rgba(0, 0, 0, 0.06);
+}
+.faq-page .faq-section {
+  margin-bottom: 2.5rem;
+  scroll-margin-top: 5rem;
+}
+.faq-page .faq-section-header {
+  display: flex;
+  gap: 1rem;
+  align-items: center;
+  padding: 1rem 1.25rem;
+  margin-bottom: 1rem;
+  background: var(--bs-body-bg);
+  border: 1px solid var(--bs-border-color);
+  border-left: 4px solid var(--bs-primary);
+  border-radius: 0.375rem;
 }
-
-.card-warning,
-.bg-warning,
-.text-bg-warning {
-  --lte-card-variant-bg: #ffc107;
-  --lte-card-variant-bg-rgb: 255, 193, 7;
-  --lte-card-variant-color: #000;
-  --lte-card-variant-color-rgb: 0, 0, 0;
+.faq-page .faq-section-icon {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: 2.75rem;
+  height: 2.75rem;
+  font-size: 1.35rem;
+  color: var(--bs-primary);
+  background: var(--bs-primary-bg-subtle);
+  border-radius: 0.375rem;
 }
-
-.card-danger,
-.bg-danger,
-.text-bg-danger {
-  --lte-card-variant-bg: #dc3545;
-  --lte-card-variant-bg-rgb: 220, 53, 69;
-  --lte-card-variant-color: #fff;
-  --lte-card-variant-color-rgb: 255, 255, 255;
+.faq-page .faq-section-title {
+  margin: 0;
+  font-size: 1.4rem;
+  font-weight: 600;
+  line-height: 1.2;
+  color: var(--bs-emphasis-color);
 }
-
-.card-light,
-.bg-light,
-.text-bg-light {
-  --lte-card-variant-bg: #f8f9fa;
-  --lte-card-variant-bg-rgb: 248, 249, 250;
-  --lte-card-variant-color: #000;
-  --lte-card-variant-color-rgb: 0, 0, 0;
+.faq-page .faq-section-count {
+  margin: 0.1rem 0 0;
+  font-size: 0.8rem;
+  color: var(--bs-secondary-color);
 }
-
-.card-dark,
-.bg-dark,
-.text-bg-dark {
-  --lte-card-variant-bg: #212529;
-  --lte-card-variant-bg-rgb: 33, 37, 41;
-  --lte-card-variant-color: #fff;
-  --lte-card-variant-color-rgb: 255, 255, 255;
+.faq-page .faq-section-primary {
+  border-left-color: var(--bs-primary);
 }
-
-.card-body > .table {
-  margin-bottom: 0;
+.faq-page .faq-section-primary .faq-section-icon {
+  color: var(--bs-primary-text-emphasis);
+  background: var(--bs-primary-bg-subtle);
 }
-.card-body > .table > thead > tr > th,
-.card-body > .table > thead > tr > td {
-  border-top-width: 0;
+.faq-page .faq-section-info {
+  border-left-color: var(--bs-info);
 }
-
-.table:not(.table-dark) {
-  color: inherit;
+.faq-page .faq-section-info .faq-section-icon {
+  color: var(--bs-info-text-emphasis);
+  background: var(--bs-info-bg-subtle);
 }
-.table.table-head-fixed thead tr:nth-child(1) th {
-  position: sticky;
-  top: 0;
-  z-index: 10;
-  background-color: #fff;
-  border-bottom: 0;
-  box-shadow: inset 0 1px 0 var(--bs-border-color), inset 0 -1px 0 var(--bs-border-color);
+.faq-page .faq-section-warning {
+  border-left-color: var(--bs-warning);
 }
-.table.no-border,
-.table.no-border td,
-.table.no-border th {
-  border: 0;
+.faq-page .faq-section-warning .faq-section-icon {
+  color: var(--bs-warning-text-emphasis);
+  background: var(--bs-warning-bg-subtle);
 }
-.table.text-center,
-.table.text-center td,
-.table.text-center th {
-  text-align: center;
+.faq-page .faq-section-success {
+  border-left-color: var(--bs-success);
 }
-.table.table-valign-middle thead > tr > th,
-.table.table-valign-middle thead > tr > td,
-.table.table-valign-middle tbody > tr > th,
-.table.table-valign-middle tbody > tr > td {
-  vertical-align: middle;
+.faq-page .faq-section-success .faq-section-icon {
+  color: var(--bs-success-text-emphasis);
+  background: var(--bs-success-bg-subtle);
 }
-.card-body.p-0 .table thead > tr > th:first-of-type,
-.card-body.p-0 .table thead > tr > td:first-of-type,
-.card-body.p-0 .table tfoot > tr > th:first-of-type,
-.card-body.p-0 .table tfoot > tr > td:first-of-type,
-.card-body.p-0 .table tbody > tr > th:first-of-type,
-.card-body.p-0 .table tbody > tr > td:first-of-type {
-  padding-left: 1.5rem;
+.faq-page .faq-section-danger {
+  border-left-color: var(--bs-danger);
 }
-.card-body.p-0 .table thead > tr > th:last-of-type,
-.card-body.p-0 .table thead > tr > td:last-of-type,
-.card-body.p-0 .table tfoot > tr > th:last-of-type,
-.card-body.p-0 .table tfoot > tr > td:last-of-type,
-.card-body.p-0 .table tbody > tr > th:last-of-type,
-.card-body.p-0 .table tbody > tr > td:last-of-type {
-  padding-right: 1.5rem;
+.faq-page .faq-section-danger .faq-section-icon {
+  color: var(--bs-danger-text-emphasis);
+  background: var(--bs-danger-bg-subtle);
 }
-
-.small-box {
-  border-radius: 0.375rem;
-  box-shadow: 0 0 1px rgba(var(--bs-body-color-rgb), 0.125), 0 1px 3px rgba(var(--bs-body-color-rgb), 0.2);
-  position: relative;
-  display: block;
-  margin-bottom: 1.25rem;
-  --bs-link-color-rgb: none;
-  --bs-link-hover-color-rgb: none;
-  --bs-heading-color: none;
-}
-.small-box > .inner {
-  padding: 10px;
-}
-.small-box > .small-box-footer {
-  position: relative;
-  z-index: 10;
-  display: block;
-  padding: 3px 0;
-  text-align: center;
-  background-color: rgba(0, 0, 0, 0.07);
-}
-.small-box > .small-box-footer:hover {
-  background-color: rgba(0, 0, 0, 0.1);
-}
-.small-box h3, .small-box .h3 {
-  font-size: calc(1.345rem + 1.14vw);
-}
-@media (min-width: 1200px) {
-  .small-box h3, .small-box .h3 {
-    font-size: 2.2rem;
-  }
+.faq-page .faq-section-secondary {
+  border-left-color: var(--bs-secondary);
 }
-.small-box h3, .small-box .h3 {
-  padding: 0;
-  margin: 0 0 10px;
-  font-weight: 700;
-  white-space: nowrap;
-}
-@media (min-width: 992px) {
-  .col-xl-2 .small-box h3, .col-xl-2 .small-box .h3, .col-lg-2 .small-box h3, .col-lg-2 .small-box .h3, .col-md-2 .small-box h3, .col-md-2 .small-box .h3 {
-    font-size: calc(1.285rem + 0.42vw);
-  }
+.faq-page .faq-section-secondary .faq-section-icon {
+  color: var(--bs-secondary-text-emphasis);
+  background: var(--bs-secondary-bg-subtle);
 }
-@media (min-width: 992px) and (min-width: 1200px) {
-  .col-xl-2 .small-box h3, .col-xl-2 .small-box .h3, .col-lg-2 .small-box h3, .col-lg-2 .small-box .h3, .col-md-2 .small-box h3, .col-md-2 .small-box .h3 {
-    font-size: 1.6rem;
-  }
+.faq-page .faq-section-items .faq-item {
+  margin-bottom: 0.5rem;
+  overflow: hidden;
+  background: var(--bs-body-bg);
+  border: 1px solid var(--bs-border-color);
+  border-radius: 0.375rem;
+  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
 }
-@media (min-width: 992px) {
-  .col-xl-3 .small-box h3, .col-xl-3 .small-box .h3, .col-lg-3 .small-box h3, .col-lg-3 .small-box .h3, .col-md-3 .small-box h3, .col-md-3 .small-box .h3 {
-    font-size: calc(1.285rem + 0.42vw);
+@media (prefers-reduced-motion: reduce) {
+  .faq-page .faq-section-items .faq-item {
+    transition: none;
   }
 }
-@media (min-width: 992px) and (min-width: 1200px) {
-  .col-xl-3 .small-box h3, .col-xl-3 .small-box .h3, .col-lg-3 .small-box h3, .col-lg-3 .small-box .h3, .col-md-3 .small-box h3, .col-md-3 .small-box .h3 {
-    font-size: 1.6rem;
-  }
+.faq-page .faq-section-items .faq-item:hover {
+  border-color: var(--bs-primary-border-subtle);
+  transform: translateX(2px);
 }
-@media (min-width: 1200px) {
-  .col-xl-2 .small-box h3, .col-xl-2 .small-box .h3, .col-lg-2 .small-box h3, .col-lg-2 .small-box .h3, .col-md-2 .small-box h3, .col-md-2 .small-box .h3 {
-    font-size: calc(1.345rem + 1.14vw);
-  }
+.faq-page .faq-section-items .faq-item[open] {
+  border-color: var(--bs-primary-border-subtle);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+  transform: none;
 }
-@media (min-width: 1200px) and (min-width: 1200px) {
-  .col-xl-2 .small-box h3, .col-xl-2 .small-box .h3, .col-lg-2 .small-box h3, .col-lg-2 .small-box .h3, .col-md-2 .small-box h3, .col-md-2 .small-box .h3 {
-    font-size: 2.2rem;
-  }
+.faq-page .faq-section-items .faq-item summary {
+  display: flex;
+  gap: 0.85rem;
+  align-items: center;
+  padding: 1rem 1.25rem;
+  font-size: 1rem;
+  font-weight: 500;
+  color: var(--bs-emphasis-color);
+  list-style: none;
+  cursor: pointer;
+  -webkit-user-select: none;
+  user-select: none;
 }
-@media (min-width: 1200px) {
-  .col-xl-3 .small-box h3, .col-xl-3 .small-box .h3, .col-lg-3 .small-box h3, .col-lg-3 .small-box .h3, .col-md-3 .small-box h3, .col-md-3 .small-box .h3 {
-    font-size: calc(1.345rem + 1.14vw);
-  }
+.faq-page .faq-section-items .faq-item summary::-webkit-details-marker {
+  display: none;
 }
-@media (min-width: 1200px) and (min-width: 1200px) {
-  .col-xl-3 .small-box h3, .col-xl-3 .small-box .h3, .col-lg-3 .small-box h3, .col-lg-3 .small-box .h3, .col-md-3 .small-box h3, .col-md-3 .small-box .h3 {
-    font-size: 2.2rem;
-  }
+.faq-page .faq-section-items .faq-item summary::marker {
+  content: "";
 }
-.small-box p {
-  font-size: 1rem;
+.faq-page .faq-section-items .faq-item summary::after {
+  content: none;
 }
-.small-box p > small, .small-box p > .small {
-  display: block;
-  margin-top: 5px;
-  font-size: 0.9rem;
-  color: #f8f9fa;
+.faq-page .faq-section-items .faq-item .faq-q-icon {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: 1.75rem;
+  height: 1.75rem;
+  font-size: 0.85rem;
+  color: var(--bs-primary);
+  background: var(--bs-primary-bg-subtle);
+  border-radius: 50%;
 }
-.small-box h3, .small-box .h3,
-.small-box p {
-  z-index: 5;
+.faq-page .faq-section-items .faq-item .faq-q-text {
+  flex-grow: 1;
 }
-.small-box .small-box-icon {
-  position: absolute;
-  top: 15px;
-  right: 15px;
-  z-index: 0;
-  height: 70px;
-  font-size: 70px;
-  color: rgba(0, 0, 0, 0.15);
-  transition: transform 0.3s linear;
+.faq-page .faq-section-items .faq-item .faq-q-chevron {
+  flex-shrink: 0;
+  color: var(--bs-secondary-color);
+  transition: transform 0.2s ease, color 0.2s ease;
 }
 @media (prefers-reduced-motion: reduce) {
-  .small-box .small-box-icon {
+  .faq-page .faq-section-items .faq-item .faq-q-chevron {
     transition: none;
   }
 }
-.small-box:hover .small-box-icon {
-  transform: scale(1.1);
+.faq-page .faq-section-items .faq-item[open] .faq-q-chevron {
+  color: var(--bs-primary);
+  transform: rotate(180deg);
 }
-
-@media (max-width: 575.98px) {
-  .small-box {
-    text-align: center;
-  }
-  .small-box .small-box-icon {
-    display: none;
-  }
-  .small-box p {
-    font-size: 12px;
-  }
+.faq-page .faq-section-items .faq-item[open] summary {
+  color: var(--bs-primary);
+  border-bottom: 1px solid var(--bs-border-color);
 }
-.info-box {
-  box-shadow: 0 0 1px rgba(var(--bs-body-color-rgb), 0.125), 0 1px 3px rgba(var(--bs-body-color-rgb), 0.2);
-  border-radius: 0.375rem;
-  position: relative;
-  display: flex;
-  width: 100%;
-  min-height: 80px;
-  padding: 0.5rem;
-  margin-bottom: 1rem;
+.faq-page .faq-section-items .faq-item .faq-answer {
+  padding: 1.1rem 1.25rem 1.1rem 3.85rem;
+  font-size: 0.95rem;
+  line-height: 1.65;
   color: var(--bs-body-color);
-  background-color: var(--bs-body-bg);
-}
-.info-box .progress {
-  height: 2px;
-  margin: 5px 0;
-  background-color: rgba(var(--lte-card-variant-color-rgb), 0.125);
 }
-.info-box .progress .progress-bar {
-  background-color: var(--lte-card-variant-color);
+.faq-page .faq-section-items .faq-item .faq-answer p:last-child,
+.faq-page .faq-section-items .faq-item .faq-answer ul:last-child,
+.faq-page .faq-section-items .faq-item .faq-answer ol:last-child,
+.faq-page .faq-section-items .faq-item .faq-answer pre:last-child {
+  margin-bottom: 0;
 }
-.info-box .info-box-icon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 70px;
-  font-size: 1.875rem;
-  text-align: center;
-  border-radius: 0.375rem;
+.faq-page .faq-section-items .faq-item .faq-answer a {
+  color: var(--bs-primary);
+  text-decoration: underline;
+  text-underline-offset: 2px;
 }
-.info-box .info-box-icon > img {
-  max-width: 100%;
+.faq-page .faq-section-items .faq-item .faq-answer a:hover {
+  text-decoration-thickness: 2px;
 }
-.info-box .info-box-content {
-  display: flex;
-  flex: 1;
-  flex-direction: column;
-  justify-content: center;
-  padding: 0 10px;
-  line-height: 1.8;
+.faq-page .faq-section-items .faq-item .faq-answer code {
+  padding: 0.12em 0.35em;
+  font-size: 0.875em;
+  color: var(--bs-emphasis-color);
+  background: var(--bs-tertiary-bg);
+  border: 1px solid var(--bs-border-color);
+  border-radius: 0.25rem;
 }
-.info-box .info-box-number {
-  display: block;
-  margin-top: 0.25rem;
-  font-weight: 700;
+.faq-page .faq-section-items .faq-item .faq-answer pre.astro-code,
+.faq-page .faq-section-items .faq-item .faq-answer pre {
+  padding: 0.85rem 1rem;
+  margin-top: 0.75rem;
+  margin-bottom: 0.75rem;
+  overflow-x: auto;
+  font-size: 0.85rem;
+  line-height: 1.55;
+  border-radius: 0.25rem;
 }
-.info-box .progress-description,
-.info-box .info-box-text {
-  display: block;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+.faq-page .faq-section-items .faq-item .faq-answer pre.astro-code code,
+.faq-page .faq-section-items .faq-item .faq-answer pre code {
+  padding: 0;
+  background: transparent;
+  border: 0;
 }
-.info-box .info-box-more {
-  display: block;
+.faq-page .faq-cta {
+  padding: 2.5rem 1.5rem;
+  text-align: center;
+  background: radial-gradient(ellipse at top, rgba(var(--bs-primary-rgb), 0.08), transparent 60%), var(--bs-body-bg);
+  border: 1px solid var(--bs-border-color);
+  border-radius: 1rem;
 }
-.info-box .progress-description {
-  margin: 0;
+.faq-page .faq-cta-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 3.5rem;
+  height: 3.5rem;
+  margin-bottom: 1rem;
+  font-size: 1.6rem;
+  color: var(--bs-primary);
+  background: var(--bs-primary-bg-subtle);
+  border-radius: 50%;
 }
-@media (min-width: 768px) {
-  .col-xl-2 .info-box .progress-description, .col-lg-2 .info-box .progress-description, .col-md-2 .info-box .progress-description {
-    display: none;
-  }
-  .col-xl-3 .info-box .progress-description, .col-lg-3 .info-box .progress-description, .col-md-3 .info-box .progress-description {
-    display: none;
-  }
+.faq-page .faq-cta h2, .faq-page .faq-cta .h2 {
+  margin: 0 0 0.5rem;
+  font-size: 1.5rem;
+  font-weight: 600;
+  color: var(--bs-emphasis-color);
 }
-@media (min-width: 992px) {
-  .col-xl-2 .info-box .progress-description, .col-lg-2 .info-box .progress-description, .col-md-2 .info-box .progress-description {
-    font-size: 0.75rem;
-    display: block;
-  }
-  .col-xl-3 .info-box .progress-description, .col-lg-3 .info-box .progress-description, .col-md-3 .info-box .progress-description {
-    font-size: 0.75rem;
-    display: block;
-  }
+.faq-page .faq-cta p {
+  max-width: 32rem;
+  margin: 0 auto 1.5rem;
+  color: var(--bs-secondary-color);
 }
-@media (min-width: 1200px) {
-  .col-xl-2 .info-box .progress-description, .col-lg-2 .info-box .progress-description, .col-md-2 .info-box .progress-description {
-    font-size: 1rem;
-    display: block;
-  }
-  .col-xl-3 .info-box .progress-description, .col-lg-3 .info-box .progress-description, .col-md-3 .info-box .progress-description {
-    font-size: 1rem;
-    display: block;
-  }
+.faq-page .faq-cta-actions {
+  display: inline-flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+  justify-content: center;
 }
 
-.timeline {
+.progress {
+  border-radius: 1px;
+}
+.progress.vertical {
   position: relative;
-  padding: 0;
-  margin: 0 0 45px;
+  display: inline-block;
+  width: 30px;
+  height: 200px;
+  margin-right: 10px;
 }
-.timeline::before {
-  border-radius: 0.375rem;
+.progress.vertical > .progress-bar {
   position: absolute;
-  top: 0;
   bottom: 0;
-  left: 31px;
-  width: 4px;
-  margin: 0;
-  content: "";
-  background-color: var(--bs-border-color);
+  width: 100%;
 }
-.timeline > div::before, .timeline > div::after {
-  display: table;
-  content: "";
+.progress.vertical.sm, .progress.vertical.progress-sm {
+  width: 20px;
 }
-.timeline > div {
-  position: relative;
-  margin-right: 10px;
-  margin-bottom: 15px;
-}
-.timeline > div > .timeline-item {
-  box-shadow: 0 0 1px rgba(var(--bs-body-color-rgb), 0.125), 0 1px 3px rgba(var(--bs-body-color-rgb), 0.2);
-  border-radius: 0.375rem;
-  position: relative;
-  padding: 0;
-  margin-top: 0;
-  margin-right: 15px;
-  margin-left: 60px;
-  color: var(--bs-body-color);
-  background-color: var(--bs-body-bg);
+.progress.vertical.xs, .progress.vertical.progress-xs {
+  width: 10px;
 }
-.timeline > div > .timeline-item > .time {
-  float: right;
-  padding: 10px;
-  font-size: 12px;
-  color: var(--bs-secondary-color);
+.progress.vertical.xxs, .progress.vertical.progress-xxs {
+  width: 3px;
 }
-.timeline > div > .timeline-item > .timeline-header {
-  padding: 10px;
-  margin: 0;
-  font-size: 16px;
-  line-height: 1.1;
-  color: var(--bs-secondary-color);
-  border-bottom: 1px solid var(--bs-border-color);
+
+.progress-group {
+  margin-bottom: 0.5rem;
 }
-.timeline > div > .timeline-item > .timeline-header > a {
-  font-weight: 600;
-  text-decoration: none;
+
+.progress-sm {
+  height: 10px;
 }
-.timeline > div > .timeline-item > .timeline-body,
-.timeline > div > .timeline-item > .timeline-footer {
-  padding: 10px;
+
+.progress-xs {
+  height: 7px;
 }
-.timeline > div > .timeline-item > .timeline-body > img {
-  margin: 10px;
+
+.progress-xxs {
+  height: 3px;
 }
-.timeline > div > .timeline-item > .timeline-body > dl,
-.timeline > div > .timeline-item > .timeline-body ol,
-.timeline > div > .timeline-item > .timeline-body ul {
+
+.table tr > td .progress {
   margin: 0;
 }
-.timeline > div .timeline-icon {
-  position: absolute;
-  top: 0;
-  left: 18px;
-  width: 30px;
-  height: 30px;
-  font-size: 16px;
-  line-height: 30px;
-  text-align: center;
-  background-color: var(--bs-secondary-bg);
-  border-radius: 50%;
-}
-.timeline > .time-label > span {
-  border-radius: 4px;
-  display: inline-block;
-  padding: 5px;
-  font-weight: 600;
-  background-color: var(--bs-body-bg);
-}
 
-.timeline-inverse > div > .timeline-item {
-  box-shadow: none;
-  background-color: var(--bs-tertiary-bg);
-  border: 1px solid var(--bs-border-color);
+.card {
+  box-shadow: 0 0 1px rgba(var(--bs-body-color-rgb), 0.125), 0 1px 3px rgba(var(--bs-body-color-rgb), 0.2);
 }
-.timeline-inverse > div > .timeline-item > .timeline-header {
-  border-bottom-color: var(--bs-border-color);
+.card[class*=card-]:not(.card-outline) > .card-header, .card[class*=text-bg-]:not(.card-outline) > .card-header {
+  color: var(--lte-card-variant-color);
+  background-color: var(--lte-card-variant-bg);
 }
-
-.direct-chat .card-body {
-  position: relative;
-  padding: 0;
-  overflow-x: hidden;
+.card[class*=card-]:not(.card-outline) > .card-header .btn-tool, .card[class*=text-bg-]:not(.card-outline) > .card-header .btn-tool {
+  --bs-btn-color: rgba(var(--lte-card-variant-color-rgb), .8);
+  --bs-btn-hover-color: var(--lte-card-variant-color);
 }
-.direct-chat.chat-pane-open .direct-chat-contacts {
-  transform: translate(0, 0);
+.card.card-outline {
+  border-top: 3px solid var(--lte-card-variant-bg);
 }
-.direct-chat.timestamp-light .direct-chat-timestamp {
-  color: rgba(var(--bs-body-color-rgb), 0.65);
+.card.maximized-card {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 1050;
+  width: 100% !important;
+  max-width: 100% !important;
+  height: 100% !important;
+  max-height: 100% !important;
 }
-.direct-chat.timestamp-dark .direct-chat-timestamp {
-  color: rgba(var(--bs-body-color-rgb), 0.9);
+.card.maximized-card.was-collapsed .card-body {
+  display: block !important;
 }
-
-.direct-chat-messages {
-  height: 250px;
-  padding: 10px;
+.card.maximized-card .card-body {
   overflow: auto;
-  transform: translate(0, 0);
 }
-
-.direct-chat-msg,
-.direct-chat-text {
-  display: block;
+.card.maximized-card [data-lte-toggle=card-collapse] {
+  display: none;
 }
-
-.direct-chat-msg::after {
-  display: block;
-  clear: both;
-  content: "";
+.card.maximized-card [data-lte-icon=maximize] {
+  display: none;
 }
-.direct-chat-msg {
-  margin-bottom: 10px;
+.card.maximized-card .card-header,
+.card.maximized-card .card-footer {
+  border-radius: 0 !important;
 }
-
-.direct-chat-messages,
-.direct-chat-contacts {
-  transition: transform 0.5s ease-in-out;
+.card:not(.maximized-card) [data-lte-icon=minimize] {
+  display: none;
 }
-@media (prefers-reduced-motion: reduce) {
-  .direct-chat-messages,
-  .direct-chat-contacts {
-    transition: none;
-  }
+.card.collapsed-card > .card-header [data-lte-icon=collapse] {
+  display: none;
 }
-
-.direct-chat-text {
-  border-radius: 0.5rem;
-  position: relative;
-  padding: 5px 10px;
-  margin: 5px 0 0 50px;
-  color: var(--bs-emphasis-color);
-  background-color: var(--bs-secondary-bg);
-  border: 1px solid var(--bs-border-color);
+.card.collapsed-card > .card-body,
+.card.collapsed-card > .card-footer {
+  display: none;
 }
-.direct-chat-text::after, .direct-chat-text::before {
-  position: absolute;
-  top: 15px;
-  right: 100%;
-  width: 0;
-  height: 0;
-  pointer-events: none;
-  content: " ";
-  border: solid transparent;
-  border-right-color: var(--bs-border-color);
+.card:not(.collapsed-card) > .card-header [data-lte-icon=expand] {
+  display: none;
 }
-.direct-chat-text::after {
-  margin-top: -5px;
-  border-width: 5px;
+.card .nav.flex-column > li {
+  margin: 0;
+  border-bottom: 1px solid var(--bs-border-color-translucent);
 }
-.direct-chat-text::before {
-  margin-top: -6px;
-  border-width: 6px;
+.card .nav.flex-column > li:last-of-type {
+  border-bottom: 0;
 }
-.end .direct-chat-text {
-  margin-right: 50px;
-  margin-left: 0;
+.card.height-control .card-body {
+  max-height: 300px;
+  overflow: auto;
 }
-.end .direct-chat-text::after, .end .direct-chat-text::before {
-  right: auto;
-  left: 100%;
-  border-right-color: transparent;
-  border-left-color: var(--bs-border-color);
+.card .border-end {
+  border-right: 1px solid var(--bs-border-color-translucent);
 }
-
-.direct-chat-img {
-  border-radius: 50%;
-  float: left;
-  width: 40px;
-  height: 40px;
+.card .border-start {
+  border-left: 1px solid var(--bs-border-color-translucent);
 }
-.end .direct-chat-img {
-  float: right;
+.card.card-tabs:not(.card-outline) > .card-header {
+  border-bottom: 0;
 }
-
-.direct-chat-infos {
-  display: block;
-  margin-bottom: 2px;
-  font-size: 0.875rem;
+.card.card-tabs:not(.card-outline) > .card-header .nav-item:first-child .nav-link {
+  border-left-color: transparent;
 }
-
-.direct-chat-name {
-  font-weight: 600;
+.card.card-tabs.card-outline .nav-item {
+  border-bottom: 0;
 }
-
-.direct-chat-timestamp {
-  color: rgba(var(--bs-body-color-rgb), 0.75);
+.card.card-tabs.card-outline .nav-item:first-child .nav-link {
+  margin-left: 0;
+  border-left: 0;
 }
-
-.direct-chat-contacts-open .direct-chat-contacts {
-  transform: translate(0, 0);
+.card.card-tabs .card-tools {
+  margin: 0.3rem 0.5rem;
 }
-
-.direct-chat-contacts {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  width: 100%;
-  height: 250px;
-  overflow: auto;
-  color: var(--bs-body-bg);
-  background-color: var(--bs-body-color);
-  transform: translate(101%, 0);
+.card.card-tabs:not(.expanding-card).collapsed-card .card-header {
+  border-bottom: 0;
 }
-
-.direct-chat-contacts-light {
-  background-color: var(--bs-light-bg-subtle);
+.card.card-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs {
+  border-bottom: 0;
 }
-.direct-chat-contacts-light .contacts-list-name {
-  color: var(--bs-body-color);
+.card.card-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs .nav-item {
+  margin-bottom: 0;
 }
-.direct-chat-contacts-light .contacts-list-date {
-  color: var(--bs-secondary-color);
-}
-.direct-chat-contacts-light .contacts-list-msg {
-  color: var(--bs-secondary-color);
+.card.card-tabs.expanding-card .card-header .nav-tabs .nav-item {
+  margin-bottom: -1px;
 }
-
-.contacts-list {
-  padding-left: 0;
-  list-style: none;
+.card.card-outline-tabs {
+  border-top: 0;
 }
-.contacts-list > li::after {
-  display: block;
-  clear: both;
-  content: "";
+.card.card-outline-tabs .card-header .nav-item:first-child .nav-link {
+  margin-left: 0;
+  border-left: 0;
 }
-.contacts-list > li {
-  padding: 10px;
-  margin: 0;
+.card.card-outline-tabs .card-header a {
   text-decoration: none;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+  border-top: 3px solid transparent;
 }
-.contacts-list > li:last-of-type {
+.card.card-outline-tabs .card-header a:hover {
+  border-top: 3px solid var(--bs-border-color);
+}
+.card.card-outline-tabs .card-header a.active:hover {
+  margin-top: 0;
+}
+.card.card-outline-tabs .card-tools {
+  margin: 0.5rem 0.5rem 0.3rem;
+}
+.card.card-outline-tabs:not(.expanding-card).collapsed-card .card-header {
   border-bottom: 0;
 }
-.contacts-list > li a {
-  text-decoration: none;
+.card.card-outline-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs {
+  border-bottom: 0;
 }
-
-.contacts-list-img {
-  border-radius: 50%;
-  float: left;
-  width: 40px;
+.card.card-outline-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs .nav-item {
+  margin-bottom: 0;
+}
+.card.card-outline-tabs.expanding-card .card-header .nav-tabs .nav-item {
+  margin-bottom: -1px;
 }
 
-.contacts-list-info {
-  margin-left: 45px;
-  color: var(--bs-body-bg);
+html.maximized-card {
+  overflow: hidden;
 }
 
-.contacts-list-name,
-.contacts-list-status {
+.card-header::after,
+.card-body::after,
+.card-footer::after {
   display: block;
+  clear: both;
+  content: "";
 }
 
-.contacts-list-name {
-  font-weight: 600;
+.card-header {
+  position: relative;
+  padding: 1rem 1rem;
+  background-color: transparent;
+  border-bottom: 1px solid var(--bs-border-color-translucent);
+  border-top-left-radius: 0.375rem;
+  border-top-right-radius: 0.375rem;
 }
-
-.contacts-list-status {
-  font-size: 0.875rem;
+.collapsed-card .card-header {
+  border-bottom: 0;
+}
+.card-header > .card-tools {
+  float: right;
+  margin-right: -0.5rem;
+}
+.card-header > .card-tools .input-group,
+.card-header > .card-tools .nav,
+.card-header > .card-tools .pagination {
+  margin-top: -0.4rem;
+  margin-bottom: -0.4rem;
+}
+.card-header > .card-tools [data-bs-toggle=tooltip] {
+  position: relative;
 }
 
-.contacts-list-date {
+.card-title {
+  float: left;
+  margin: 0;
+  font-size: 1.1rem;
   font-weight: 400;
-  color: var(--bs-secondary-bg);
 }
 
-.contacts-list-msg {
-  color: var(--bs-secondary-bg);
+.btn-tool {
+  --bs-btn-padding-x: .5rem;
+  --bs-btn-padding-y: .25rem;
 }
-
-.end > .direct-chat-text {
-  color: var(--lte-direct-chat-color);
-  background-color: var(--lte-direct-chat-bg);
-  border-color: var(--lte-direct-chat-bg);
+.btn-tool:not(.btn-tool-custom) {
+  --bs-btn-color: var(--bs-tertiary-color);
+  --bs-btn-bg: transparent;
+  --bs-btn-box-shadow: none;
+  --bs-btn-hover-color: var(--bs-secondary-color);
+  --bs-btn-active-border-color: transparent;
 }
-.end > .direct-chat-text::after, .end > .direct-chat-text::before {
-  border-left-color: var(--lte-direct-chat-bg);
+.btn-tool {
+  margin: -1rem 0;
+  font-size: 0.875rem;
 }
 
-.direct-chat-primary {
-  --lte-direct-chat-color: #fff;
-  --lte-direct-chat-bg: #0d6efd;
+.card-primary,
+.bg-primary,
+.text-bg-primary {
+  --lte-card-variant-bg: #0d6efd;
+  --lte-card-variant-bg-rgb: 13, 110, 253;
+  --lte-card-variant-color: #fff;
+  --lte-card-variant-color-rgb: 255, 255, 255;
 }
 
-.direct-chat-secondary {
-  --lte-direct-chat-color: #fff;
-  --lte-direct-chat-bg: #6c757d;
+.card-secondary,
+.bg-secondary,
+.text-bg-secondary {
+  --lte-card-variant-bg: #6c757d;
+  --lte-card-variant-bg-rgb: 108, 117, 125;
+  --lte-card-variant-color: #fff;
+  --lte-card-variant-color-rgb: 255, 255, 255;
 }
 
-.direct-chat-success {
-  --lte-direct-chat-color: #fff;
-  --lte-direct-chat-bg: #198754;
+.card-success,
+.bg-success,
+.text-bg-success {
+  --lte-card-variant-bg: #198754;
+  --lte-card-variant-bg-rgb: 25, 135, 84;
+  --lte-card-variant-color: #fff;
+  --lte-card-variant-color-rgb: 255, 255, 255;
 }
 
-.direct-chat-info {
-  --lte-direct-chat-color: #000;
-  --lte-direct-chat-bg: #0dcaf0;
+.card-info,
+.bg-info,
+.text-bg-info {
+  --lte-card-variant-bg: #0dcaf0;
+  --lte-card-variant-bg-rgb: 13, 202, 240;
+  --lte-card-variant-color: #000;
+  --lte-card-variant-color-rgb: 0, 0, 0;
 }
 
-.direct-chat-warning {
-  --lte-direct-chat-color: #000;
-  --lte-direct-chat-bg: #ffc107;
+.card-warning,
+.bg-warning,
+.text-bg-warning {
+  --lte-card-variant-bg: #ffc107;
+  --lte-card-variant-bg-rgb: 255, 193, 7;
+  --lte-card-variant-color: #000;
+  --lte-card-variant-color-rgb: 0, 0, 0;
 }
 
-.direct-chat-danger {
-  --lte-direct-chat-color: #fff;
-  --lte-direct-chat-bg: #dc3545;
+.card-danger,
+.bg-danger,
+.text-bg-danger {
+  --lte-card-variant-bg: #dc3545;
+  --lte-card-variant-bg-rgb: 220, 53, 69;
+  --lte-card-variant-color: #fff;
+  --lte-card-variant-color-rgb: 255, 255, 255;
 }
 
-.direct-chat-light {
-  --lte-direct-chat-color: #000;
-  --lte-direct-chat-bg: #f8f9fa;
+.card-light,
+.bg-light,
+.text-bg-light {
+  --lte-card-variant-bg: #f8f9fa;
+  --lte-card-variant-bg-rgb: 248, 249, 250;
+  --lte-card-variant-color: #000;
+  --lte-card-variant-color-rgb: 0, 0, 0;
 }
 
-.direct-chat-dark {
-  --lte-direct-chat-color: #fff;
-  --lte-direct-chat-bg: #212529;
+.card-dark,
+.bg-dark,
+.text-bg-dark {
+  --lte-card-variant-bg: #212529;
+  --lte-card-variant-bg-rgb: 33, 37, 41;
+  --lte-card-variant-color: #fff;
+  --lte-card-variant-color-rgb: 255, 255, 255;
 }
 
-.toast-primary {
-  --bs-toast-header-color: #fff;
-  --bs-toast-header-bg: #0d6efd;
-  --bs-toast-header-border-color: #0d6efd;
-  --bs-toast-border-color: #0d6efd;
-  --bs-toast-bg: var(--bs-primary-bg-subtle);
+.card-body > .table {
+  margin-bottom: 0;
 }
-.toast-primary .btn-close {
-  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
+.card-body > .table > thead > tr > th,
+.card-body > .table > thead > tr > td {
+  border-top-width: 0;
 }
 
-.toast-secondary {
-  --bs-toast-header-color: #fff;
-  --bs-toast-header-bg: #6c757d;
-  --bs-toast-header-border-color: #6c757d;
-  --bs-toast-border-color: #6c757d;
-  --bs-toast-bg: var(--bs-secondary-bg-subtle);
+.table:not(.table-dark) {
+  color: inherit;
 }
-.toast-secondary .btn-close {
-  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
+.table.table-head-fixed thead tr:nth-child(1) th {
+  position: sticky;
+  top: 0;
+  z-index: 10;
+  background-color: var(--bs-body-bg, #fff);
+  border-bottom: 0;
+  box-shadow: inset 0 1px 0 var(--bs-border-color, var(--bs-border-color)), inset 0 -1px 0 var(--bs-border-color, var(--bs-border-color));
 }
-
-.toast-success {
-  --bs-toast-header-color: #fff;
-  --bs-toast-header-bg: #198754;
-  --bs-toast-header-border-color: #198754;
-  --bs-toast-border-color: #198754;
-  --bs-toast-bg: var(--bs-success-bg-subtle);
+.table.no-border,
+.table.no-border td,
+.table.no-border th {
+  border: 0;
 }
-.toast-success .btn-close {
-  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
+.table.text-center,
+.table.text-center td,
+.table.text-center th {
+  text-align: center;
 }
-
-.toast-info {
-  --bs-toast-header-color: #000;
-  --bs-toast-header-bg: #0dcaf0;
-  --bs-toast-header-border-color: #0dcaf0;
-  --bs-toast-border-color: #0dcaf0;
-  --bs-toast-bg: var(--bs-info-bg-subtle);
+.table.table-valign-middle thead > tr > th,
+.table.table-valign-middle thead > tr > td,
+.table.table-valign-middle tbody > tr > th,
+.table.table-valign-middle tbody > tr > td {
+  vertical-align: middle;
 }
-
-.toast-warning {
-  --bs-toast-header-color: #000;
-  --bs-toast-header-bg: #ffc107;
-  --bs-toast-header-border-color: #ffc107;
-  --bs-toast-border-color: #ffc107;
-  --bs-toast-bg: var(--bs-warning-bg-subtle);
-}
-
-.toast-danger {
-  --bs-toast-header-color: #fff;
-  --bs-toast-header-bg: #dc3545;
-  --bs-toast-header-border-color: #dc3545;
-  --bs-toast-border-color: #dc3545;
-  --bs-toast-bg: var(--bs-danger-bg-subtle);
-}
-.toast-danger .btn-close {
-  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
+.card-body.p-0 .table thead > tr > th:first-of-type,
+.card-body.p-0 .table thead > tr > td:first-of-type,
+.card-body.p-0 .table tfoot > tr > th:first-of-type,
+.card-body.p-0 .table tfoot > tr > td:first-of-type,
+.card-body.p-0 .table tbody > tr > th:first-of-type,
+.card-body.p-0 .table tbody > tr > td:first-of-type {
+  padding-left: 1.5rem;
 }
-
-.toast-light {
-  --bs-toast-header-color: #000;
-  --bs-toast-header-bg: #f8f9fa;
-  --bs-toast-header-border-color: #f8f9fa;
-  --bs-toast-border-color: #f8f9fa;
-  --bs-toast-bg: var(--bs-light-bg-subtle);
+.card-body.p-0 .table thead > tr > th:last-of-type,
+.card-body.p-0 .table thead > tr > td:last-of-type,
+.card-body.p-0 .table tfoot > tr > th:last-of-type,
+.card-body.p-0 .table tfoot > tr > td:last-of-type,
+.card-body.p-0 .table tbody > tr > th:last-of-type,
+.card-body.p-0 .table tbody > tr > td:last-of-type {
+  padding-right: 1.5rem;
 }
 
-.toast-dark {
-  --bs-toast-header-color: #fff;
-  --bs-toast-header-bg: #212529;
-  --bs-toast-header-border-color: #212529;
-  --bs-toast-border-color: #212529;
-  --bs-toast-bg: var(--bs-dark-bg-subtle);
+.small-box {
+  border-radius: 0.375rem;
+  box-shadow: 0 0 1px rgba(var(--bs-body-color-rgb), 0.125), 0 1px 3px rgba(var(--bs-body-color-rgb), 0.2);
+  position: relative;
+  display: block;
+  margin-bottom: 1.25rem;
+  --bs-link-color-rgb: none;
+  --bs-link-hover-color-rgb: none;
+  --bs-heading-color: none;
 }
-.toast-dark .btn-close {
-  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
+.small-box > .inner {
+  padding: 10px;
 }
-
-[data-bs-theme=dark] .toast-info .btn-close {
-  --bs-btn-close-white-filter: none;
+.small-box > .small-box-footer {
+  position: relative;
+  z-index: 10;
+  display: block;
+  padding: 3px 0;
+  text-align: center;
+  background-color: rgba(0, 0, 0, 0.07);
 }
-[data-bs-theme=dark] .toast-warning .btn-close {
-  --bs-btn-close-white-filter: none;
+.small-box > .small-box-footer:hover {
+  background-color: rgba(0, 0, 0, 0.1);
 }
-[data-bs-theme=dark] .toast-light .btn-close {
-  --bs-btn-close-white-filter: none;
+.small-box h3, .small-box .h3 {
+  font-size: calc(1.345rem + 1.14vw);
 }
-.login-logo,
-.register-logo {
-  margin-bottom: 0.9rem;
-  font-size: 2.1rem;
-  font-weight: 300;
-  text-align: center;
+@media (min-width: 1200px) {
+  .small-box h3, .small-box .h3 {
+    font-size: 2.2rem;
+  }
 }
-.login-logo a,
-.register-logo a {
-  color: var(--bs-secondary-color);
-  text-decoration: none;
+.small-box h3, .small-box .h3 {
+  padding: 0;
+  margin: 0 0 10px;
+  font-weight: 700;
+  white-space: nowrap;
 }
-
-.login-page,
-.register-page {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  min-height: 100vh;
+@media (min-width: 992px) {
+  .col-xl-2 .small-box h3, .col-xl-2 .small-box .h3, .col-lg-2 .small-box h3, .col-lg-2 .small-box .h3, .col-md-2 .small-box h3, .col-md-2 .small-box .h3 {
+    font-size: calc(1.285rem + 0.42vw);
+  }
 }
-
-.login-box,
-.register-box {
-  width: 400px;
+@media (min-width: 992px) and (min-width: 1200px) {
+  .col-xl-2 .small-box h3, .col-xl-2 .small-box .h3, .col-lg-2 .small-box h3, .col-lg-2 .small-box .h3, .col-md-2 .small-box h3, .col-md-2 .small-box .h3 {
+    font-size: 1.6rem;
+  }
 }
-@media (max-width: 576px) {
-  .login-box,
-  .register-box {
-    width: 90%;
-    margin-top: 0.5rem;
+@media (min-width: 992px) {
+  .col-xl-3 .small-box h3, .col-xl-3 .small-box .h3, .col-lg-3 .small-box h3, .col-lg-3 .small-box .h3, .col-md-3 .small-box h3, .col-md-3 .small-box .h3 {
+    font-size: calc(1.285rem + 0.42vw);
   }
 }
-.login-box .card,
-.register-box .card {
-  margin-bottom: 0;
+@media (min-width: 992px) and (min-width: 1200px) {
+  .col-xl-3 .small-box h3, .col-xl-3 .small-box .h3, .col-lg-3 .small-box h3, .col-lg-3 .small-box .h3, .col-md-3 .small-box h3, .col-md-3 .small-box .h3 {
+    font-size: 1.6rem;
+  }
 }
-
-.login-card-body,
-.register-card-body {
-  padding: 20px;
-  color: var(--bs-secondary-color);
-  background-color: var(--bs-body-bg);
-  border-top: 0;
+@media (min-width: 1200px) {
+  .col-xl-2 .small-box h3, .col-xl-2 .small-box .h3, .col-lg-2 .small-box h3, .col-lg-2 .small-box .h3, .col-md-2 .small-box h3, .col-md-2 .small-box .h3 {
+    font-size: calc(1.345rem + 1.14vw);
+  }
 }
-.login-card-body .input-group .form-control:focus,
-.register-card-body .input-group .form-control:focus {
-  box-shadow: none;
+@media (min-width: 1200px) and (min-width: 1200px) {
+  .col-xl-2 .small-box h3, .col-xl-2 .small-box .h3, .col-lg-2 .small-box h3, .col-lg-2 .small-box .h3, .col-md-2 .small-box h3, .col-md-2 .small-box .h3 {
+    font-size: 2.2rem;
+  }
 }
-.login-card-body .input-group .form-control:focus ~ .input-group-prepend .input-group-text,
-.login-card-body .input-group .form-control:focus ~ .input-group-append .input-group-text,
-.register-card-body .input-group .form-control:focus ~ .input-group-prepend .input-group-text,
-.register-card-body .input-group .form-control:focus ~ .input-group-append .input-group-text {
-  border-color: rgb(134, 182.5, 254);
+@media (min-width: 1200px) {
+  .col-xl-3 .small-box h3, .col-xl-3 .small-box .h3, .col-lg-3 .small-box h3, .col-lg-3 .small-box .h3, .col-md-3 .small-box h3, .col-md-3 .small-box .h3 {
+    font-size: calc(1.345rem + 1.14vw);
+  }
 }
-.login-card-body .input-group .form-control.is-valid:focus,
-.register-card-body .input-group .form-control.is-valid:focus {
-  box-shadow: none;
+@media (min-width: 1200px) and (min-width: 1200px) {
+  .col-xl-3 .small-box h3, .col-xl-3 .small-box .h3, .col-lg-3 .small-box h3, .col-lg-3 .small-box .h3, .col-md-3 .small-box h3, .col-md-3 .small-box .h3 {
+    font-size: 2.2rem;
+  }
 }
-.login-card-body .input-group .form-control.is-valid ~ .input-group-prepend .input-group-text,
-.login-card-body .input-group .form-control.is-valid ~ .input-group-append .input-group-text,
-.register-card-body .input-group .form-control.is-valid ~ .input-group-prepend .input-group-text,
-.register-card-body .input-group .form-control.is-valid ~ .input-group-append .input-group-text {
-  border-color: #198754;
+.small-box p {
+  font-size: 1rem;
 }
-.login-card-body .input-group .form-control.is-invalid:focus,
-.register-card-body .input-group .form-control.is-invalid:focus {
-  box-shadow: none;
+.small-box p > small, .small-box p > .small {
+  display: block;
+  margin-top: 5px;
+  font-size: 0.9rem;
+  color: #f8f9fa;
 }
-.login-card-body .input-group .form-control.is-invalid ~ .input-group-append .input-group-text,
-.register-card-body .input-group .form-control.is-invalid ~ .input-group-append .input-group-text {
-  border-color: #dc3545;
+.small-box h3, .small-box .h3,
+.small-box p {
+  z-index: 5;
 }
-.login-card-body .input-group .input-group-text,
-.register-card-body .input-group .input-group-text {
-  color: var(--bs-secondary-color);
-  background-color: transparent;
-  border-top-right-radius: 0.375rem;
-  border-bottom-right-radius: 0.375rem;
-  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+.small-box .small-box-icon {
+  position: absolute;
+  top: 15px;
+  right: 15px;
+  z-index: 0;
+  height: 70px;
+  font-size: 70px;
+  color: rgba(0, 0, 0, 0.15);
+  transition: transform 0.3s linear;
 }
 @media (prefers-reduced-motion: reduce) {
-  .login-card-body .input-group .input-group-text,
-  .register-card-body .input-group .input-group-text {
+  .small-box .small-box-icon {
     transition: none;
   }
 }
-
-.login-box-msg,
-.register-box-msg {
-  padding: 0 20px 20px;
-  margin: 0;
-  text-align: center;
-}
-
-.social-auth-links {
-  margin: 10px 0;
+.small-box:hover .small-box-icon {
+  transform: scale(1.1);
 }
 
-.lockscreen .lockscreen-name {
-  font-weight: 600;
-  text-align: center;
-}
-.lockscreen .lockscreen-logo {
-  margin-bottom: 25px;
-  font-size: 35px;
-  font-weight: 300;
-  text-align: center;
-}
-.lockscreen .lockscreen-logo a {
-  color: var(--bs-emphasis-color);
-  text-decoration: none;
-}
-.lockscreen .lockscreen-wrapper {
-  max-width: 400px;
-  margin: 0 auto;
-  margin-top: 10%;
+@media (max-width: 575.98px) {
+  .small-box {
+    text-align: center;
+  }
+  .small-box .small-box-icon {
+    display: none;
+  }
+  .small-box p {
+    font-size: 12px;
+  }
 }
-.lockscreen .lockscreen-item {
+.info-box {
+  box-shadow: 0 0 1px rgba(var(--bs-body-color-rgb), 0.125), 0 1px 3px rgba(var(--bs-body-color-rgb), 0.2);
+  border-radius: 0.375rem;
   position: relative;
-  width: 290px;
-  padding: 0;
-  margin: 10px auto 30px;
+  display: flex;
+  width: 100%;
+  min-height: 80px;
+  padding: 0.5rem;
+  margin-bottom: 1rem;
+  color: var(--bs-body-color);
   background-color: var(--bs-body-bg);
-  border-radius: 4px;
 }
-.lockscreen .lockscreen-image {
+.info-box .progress {
+  height: 2px;
+  margin: 5px 0;
+  background-color: rgba(var(--lte-card-variant-color-rgb), 0.125);
+}
+.info-box .progress .progress-bar {
+  background-color: var(--lte-card-variant-color);
+}
+.info-box .info-box-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 70px;
+  font-size: 1.875rem;
+  text-align: center;
+  border-radius: 0.375rem;
+}
+.info-box .info-box-icon > img {
+  max-width: 100%;
+}
+.info-box .info-box-content {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  justify-content: center;
+  padding: 0 10px;
+  line-height: 1.8;
+}
+.info-box .info-box-number {
+  display: block;
+  margin-top: 0.25rem;
+  font-weight: 700;
+}
+.info-box .progress-description,
+.info-box .info-box-text {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.info-box .info-box-more {
+  display: block;
+}
+.info-box .progress-description {
+  margin: 0;
+}
+@media (min-width: 768px) {
+  .col-xl-2 .info-box .progress-description, .col-lg-2 .info-box .progress-description, .col-md-2 .info-box .progress-description {
+    display: none;
+  }
+  .col-xl-3 .info-box .progress-description, .col-lg-3 .info-box .progress-description, .col-md-3 .info-box .progress-description {
+    display: none;
+  }
+}
+@media (min-width: 992px) {
+  .col-xl-2 .info-box .progress-description, .col-lg-2 .info-box .progress-description, .col-md-2 .info-box .progress-description {
+    font-size: 0.75rem;
+    display: block;
+  }
+  .col-xl-3 .info-box .progress-description, .col-lg-3 .info-box .progress-description, .col-md-3 .info-box .progress-description {
+    font-size: 0.75rem;
+    display: block;
+  }
+}
+@media (min-width: 1200px) {
+  .col-xl-2 .info-box .progress-description, .col-lg-2 .info-box .progress-description, .col-md-2 .info-box .progress-description {
+    font-size: 1rem;
+    display: block;
+  }
+  .col-xl-3 .info-box .progress-description, .col-lg-3 .info-box .progress-description, .col-md-3 .info-box .progress-description {
+    font-size: 1rem;
+    display: block;
+  }
+}
+
+.timeline {
+  position: relative;
+  padding: 0;
+  margin: 0 0 45px;
+}
+.timeline::before {
+  border-radius: 0.375rem;
   position: absolute;
-  top: -25px;
-  left: -10px;
-  z-index: 10;
-  padding: 5px;
+  top: 0;
+  bottom: 0;
+  left: 31px;
+  width: 4px;
+  margin: 0;
+  content: "";
+  background-color: var(--bs-border-color);
+}
+.timeline > div::before, .timeline > div::after {
+  display: table;
+  content: "";
+}
+.timeline > div {
+  position: relative;
+  margin-right: 10px;
+  margin-bottom: 15px;
+}
+.timeline > div > .timeline-item {
+  box-shadow: 0 0 1px rgba(var(--bs-body-color-rgb), 0.125), 0 1px 3px rgba(var(--bs-body-color-rgb), 0.2);
+  border-radius: 0.375rem;
+  position: relative;
+  padding: 0;
+  margin-top: 0;
+  margin-right: 15px;
+  margin-left: 60px;
+  color: var(--bs-body-color);
   background-color: var(--bs-body-bg);
-  border-radius: 50%;
 }
-.lockscreen .lockscreen-image > img {
+.timeline > div > .timeline-item > .time {
+  float: right;
+  padding: 10px;
+  font-size: 12px;
+  color: var(--bs-secondary-color);
+}
+.timeline > div > .timeline-item > .timeline-header {
+  padding: 10px;
+  margin: 0;
+  font-size: 16px;
+  line-height: 1.1;
+  color: var(--bs-secondary-color);
+  border-bottom: 1px solid var(--bs-border-color);
+}
+.timeline > div > .timeline-item > .timeline-header > a {
+  font-weight: 600;
+  text-decoration: none;
+}
+.timeline > div > .timeline-item > .timeline-body,
+.timeline > div > .timeline-item > .timeline-footer {
+  padding: 10px;
+}
+.timeline > div > .timeline-item > .timeline-body > img {
+  margin: 10px;
+}
+.timeline > div > .timeline-item > .timeline-body > dl,
+.timeline > div > .timeline-item > .timeline-body ol,
+.timeline > div > .timeline-item > .timeline-body ul {
+  margin: 0;
+}
+.timeline > div .timeline-icon {
+  position: absolute;
+  top: 0;
+  left: 18px;
+  width: 30px;
+  height: 30px;
+  font-size: 16px;
+  line-height: 30px;
+  text-align: center;
+  background-color: var(--bs-secondary-bg);
   border-radius: 50%;
-  width: 70px;
-  height: 70px;
 }
-.lockscreen .lockscreen-credentials {
-  margin-left: 70px;
+.timeline > .time-label > span {
+  border-radius: 4px;
+  display: inline-block;
+  padding: 5px;
+  font-weight: 600;
+  background-color: var(--bs-body-bg);
+}
+
+.timeline-inverse > div > .timeline-item {
+  box-shadow: none;
+  background-color: var(--bs-tertiary-bg);
+  border: 1px solid var(--bs-border-color);
+}
+.timeline-inverse > div > .timeline-item > .timeline-header {
+  border-bottom-color: var(--bs-border-color);
+}
+
+.direct-chat .card-body {
+  position: relative;
+  padding: 0;
+  overflow-x: hidden;
+}
+.direct-chat.chat-pane-open .direct-chat-contacts {
+  transform: translate(0, 0);
+}
+.direct-chat.timestamp-light .direct-chat-timestamp {
+  color: rgba(var(--bs-body-color-rgb), 0.65);
+}
+.direct-chat.timestamp-dark .direct-chat-timestamp {
+  color: rgba(var(--bs-body-color-rgb), 0.9);
+}
+
+.direct-chat-messages {
+  height: 250px;
+  padding: 10px;
+  overflow: auto;
+  transform: translate(0, 0);
+}
+
+.direct-chat-msg,
+.direct-chat-text {
+  display: block;
+}
+
+.direct-chat-msg::after {
+  display: block;
+  clear: both;
+  content: "";
+}
+.direct-chat-msg {
+  margin-bottom: 10px;
+}
+
+.direct-chat-messages,
+.direct-chat-contacts {
+  transition: transform 0.5s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+  .direct-chat-messages,
+  .direct-chat-contacts {
+    transition: none;
+  }
+}
+
+.direct-chat-text {
+  border-radius: 0.5rem;
+  position: relative;
+  padding: 5px 10px;
+  margin: 5px 0 0 50px;
+  color: var(--bs-emphasis-color);
+  background-color: var(--bs-secondary-bg);
+  border: 1px solid var(--bs-border-color);
+}
+.direct-chat-text::after, .direct-chat-text::before {
+  position: absolute;
+  top: 15px;
+  right: 100%;
+  width: 0;
+  height: 0;
+  pointer-events: none;
+  content: " ";
+  border: solid transparent;
+  border-right-color: var(--bs-border-color);
+}
+.direct-chat-text::after {
+  margin-top: -5px;
+  border-width: 5px;
+}
+.direct-chat-text::before {
+  margin-top: -6px;
+  border-width: 6px;
+}
+.end .direct-chat-text {
+  margin-right: 50px;
+  margin-left: 0;
+}
+.end .direct-chat-text::after, .end .direct-chat-text::before {
+  right: auto;
+  left: 100%;
+  border-right-color: transparent;
+  border-left-color: var(--bs-border-color);
+}
+
+.direct-chat-img {
+  border-radius: 50%;
+  float: left;
+  width: 40px;
+  height: 40px;
+}
+.end .direct-chat-img {
+  float: right;
+}
+
+.direct-chat-infos {
+  display: block;
+  margin-bottom: 2px;
+  font-size: 0.875rem;
+}
+
+.direct-chat-name {
+  font-weight: 600;
+}
+
+.direct-chat-timestamp {
+  color: rgba(var(--bs-body-color-rgb), 0.75);
+}
+
+.direct-chat-contacts-open .direct-chat-contacts {
+  transform: translate(0, 0);
+}
+
+.direct-chat-contacts {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  width: 100%;
+  height: 250px;
+  overflow: auto;
+  color: var(--bs-body-bg);
+  background-color: var(--bs-body-color);
+  transform: translate(101%, 0);
+}
+
+.direct-chat-contacts-light {
+  background-color: var(--bs-light-bg-subtle);
+}
+.direct-chat-contacts-light .contacts-list-name {
+  color: var(--bs-body-color);
+}
+.direct-chat-contacts-light .contacts-list-date {
+  color: var(--bs-secondary-color);
+}
+.direct-chat-contacts-light .contacts-list-msg {
+  color: var(--bs-secondary-color);
+}
+
+.contacts-list {
+  padding-left: 0;
+  list-style: none;
+}
+.contacts-list > li::after {
+  display: block;
+  clear: both;
+  content: "";
+}
+.contacts-list > li {
+  padding: 10px;
+  margin: 0;
+  text-decoration: none;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+}
+.contacts-list > li:last-of-type {
+  border-bottom: 0;
+}
+.contacts-list > li a {
+  text-decoration: none;
+}
+
+.contacts-list-img {
+  border-radius: 50%;
+  float: left;
+  width: 40px;
+}
+
+.contacts-list-info {
+  margin-left: 45px;
+  color: var(--bs-body-bg);
+}
+
+.contacts-list-name,
+.contacts-list-status {
+  display: block;
+}
+
+.contacts-list-name {
+  font-weight: 600;
+}
+
+.contacts-list-status {
+  font-size: 0.875rem;
+}
+
+.contacts-list-date {
+  font-weight: 400;
+  color: var(--bs-secondary-bg);
+}
+
+.contacts-list-msg {
+  color: var(--bs-secondary-bg);
+}
+
+.end > .direct-chat-text {
+  color: var(--lte-direct-chat-color);
+  background-color: var(--lte-direct-chat-bg);
+  border-color: var(--lte-direct-chat-bg);
+}
+.end > .direct-chat-text::after, .end > .direct-chat-text::before {
+  border-left-color: var(--lte-direct-chat-bg);
+}
+
+.direct-chat-primary {
+  --lte-direct-chat-color: #fff;
+  --lte-direct-chat-bg: #0d6efd;
+}
+
+.direct-chat-secondary {
+  --lte-direct-chat-color: #fff;
+  --lte-direct-chat-bg: #6c757d;
+}
+
+.direct-chat-success {
+  --lte-direct-chat-color: #fff;
+  --lte-direct-chat-bg: #198754;
+}
+
+.direct-chat-info {
+  --lte-direct-chat-color: #000;
+  --lte-direct-chat-bg: #0dcaf0;
+}
+
+.direct-chat-warning {
+  --lte-direct-chat-color: #000;
+  --lte-direct-chat-bg: #ffc107;
+}
+
+.direct-chat-danger {
+  --lte-direct-chat-color: #fff;
+  --lte-direct-chat-bg: #dc3545;
+}
+
+.direct-chat-light {
+  --lte-direct-chat-color: #000;
+  --lte-direct-chat-bg: #f8f9fa;
+}
+
+.direct-chat-dark {
+  --lte-direct-chat-color: #fff;
+  --lte-direct-chat-bg: #212529;
+}
+
+.toast-primary {
+  --bs-toast-header-color: #fff;
+  --bs-toast-header-bg: #0d6efd;
+  --bs-toast-header-border-color: #0d6efd;
+  --bs-toast-border-color: #0d6efd;
+  --bs-toast-bg: var(--bs-primary-bg-subtle);
+}
+.toast-primary .btn-close {
+  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
+}
+
+.toast-secondary {
+  --bs-toast-header-color: #fff;
+  --bs-toast-header-bg: #6c757d;
+  --bs-toast-header-border-color: #6c757d;
+  --bs-toast-border-color: #6c757d;
+  --bs-toast-bg: var(--bs-secondary-bg-subtle);
+}
+.toast-secondary .btn-close {
+  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
+}
+
+.toast-success {
+  --bs-toast-header-color: #fff;
+  --bs-toast-header-bg: #198754;
+  --bs-toast-header-border-color: #198754;
+  --bs-toast-border-color: #198754;
+  --bs-toast-bg: var(--bs-success-bg-subtle);
+}
+.toast-success .btn-close {
+  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
+}
+
+.toast-info {
+  --bs-toast-header-color: #000;
+  --bs-toast-header-bg: #0dcaf0;
+  --bs-toast-header-border-color: #0dcaf0;
+  --bs-toast-border-color: #0dcaf0;
+  --bs-toast-bg: var(--bs-info-bg-subtle);
+}
+
+.toast-warning {
+  --bs-toast-header-color: #000;
+  --bs-toast-header-bg: #ffc107;
+  --bs-toast-header-border-color: #ffc107;
+  --bs-toast-border-color: #ffc107;
+  --bs-toast-bg: var(--bs-warning-bg-subtle);
+}
+
+.toast-danger {
+  --bs-toast-header-color: #fff;
+  --bs-toast-header-bg: #dc3545;
+  --bs-toast-header-border-color: #dc3545;
+  --bs-toast-border-color: #dc3545;
+  --bs-toast-bg: var(--bs-danger-bg-subtle);
+}
+.toast-danger .btn-close {
+  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
+}
+
+.toast-light {
+  --bs-toast-header-color: #000;
+  --bs-toast-header-bg: #f8f9fa;
+  --bs-toast-header-border-color: #f8f9fa;
+  --bs-toast-border-color: #f8f9fa;
+  --bs-toast-bg: var(--bs-light-bg-subtle);
+}
+
+.toast-dark {
+  --bs-toast-header-color: #fff;
+  --bs-toast-header-bg: #212529;
+  --bs-toast-header-border-color: #212529;
+  --bs-toast-border-color: #212529;
+  --bs-toast-bg: var(--bs-dark-bg-subtle);
+}
+.toast-dark .btn-close {
+  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
+}
+
+[data-bs-theme=dark] .toast-info .btn-close {
+  --bs-btn-close-white-filter: none;
+}
+[data-bs-theme=dark] .toast-warning .btn-close {
+  --bs-btn-close-white-filter: none;
+}
+[data-bs-theme=dark] .toast-light .btn-close {
+  --bs-btn-close-white-filter: none;
+}
+.login-logo,
+.register-logo {
+  margin-bottom: 0.9rem;
+  font-size: 2.1rem;
+  font-weight: 300;
+  text-align: center;
+}
+.login-logo a,
+.register-logo a {
+  color: var(--bs-secondary-color);
+  text-decoration: none;
+}
+
+.login-page,
+.register-page {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  min-height: 100vh;
+}
+
+.login-box,
+.register-box {
+  width: 400px;
+}
+@media (max-width: 576px) {
+  .login-box,
+  .register-box {
+    width: 90%;
+    margin-top: 0.5rem;
+  }
+}
+.login-box .card,
+.register-box .card {
+  margin-bottom: 0;
+}
+
+.login-card-body,
+.register-card-body {
+  padding: 20px;
+  color: var(--bs-secondary-color);
+  background-color: var(--bs-body-bg);
+  border-top: 0;
+}
+.login-card-body .input-group .form-control:focus,
+.register-card-body .input-group .form-control:focus {
+  box-shadow: none;
+}
+.login-card-body .input-group .form-control:focus ~ .input-group-prepend .input-group-text,
+.login-card-body .input-group .form-control:focus ~ .input-group-append .input-group-text,
+.register-card-body .input-group .form-control:focus ~ .input-group-prepend .input-group-text,
+.register-card-body .input-group .form-control:focus ~ .input-group-append .input-group-text {
+  border-color: rgb(134, 182.5, 254);
+}
+.login-card-body .input-group .form-control.is-valid:focus,
+.register-card-body .input-group .form-control.is-valid:focus {
+  box-shadow: none;
+}
+.login-card-body .input-group .form-control.is-valid ~ .input-group-prepend .input-group-text,
+.login-card-body .input-group .form-control.is-valid ~ .input-group-append .input-group-text,
+.register-card-body .input-group .form-control.is-valid ~ .input-group-prepend .input-group-text,
+.register-card-body .input-group .form-control.is-valid ~ .input-group-append .input-group-text {
+  border-color: #198754;
+}
+.login-card-body .input-group .form-control.is-invalid:focus,
+.register-card-body .input-group .form-control.is-invalid:focus {
+  box-shadow: none;
+}
+.login-card-body .input-group .form-control.is-invalid ~ .input-group-append .input-group-text,
+.register-card-body .input-group .form-control.is-invalid ~ .input-group-append .input-group-text {
+  border-color: #dc3545;
+}
+.login-card-body .input-group .input-group-text,
+.register-card-body .input-group .input-group-text {
+  color: var(--bs-secondary-color);
+  background-color: transparent;
+  border-top-right-radius: 0.375rem;
+  border-bottom-right-radius: 0.375rem;
+  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+  .login-card-body .input-group .input-group-text,
+  .register-card-body .input-group .input-group-text {
+    transition: none;
+  }
+}
+
+.login-box-msg,
+.register-box-msg {
+  padding: 0 20px 20px;
+  margin: 0;
+  text-align: center;
+}
+
+.social-auth-links {
+  margin: 10px 0;
+}
+
+.lockscreen .lockscreen-name {
+  font-weight: 600;
+  text-align: center;
+}
+.lockscreen .lockscreen-logo {
+  margin-bottom: 25px;
+  font-size: 35px;
+  font-weight: 300;
+  text-align: center;
+}
+.lockscreen .lockscreen-logo a {
+  color: var(--bs-emphasis-color);
+  text-decoration: none;
+}
+.lockscreen .lockscreen-wrapper {
+  max-width: 400px;
+  margin: 0 auto;
+  margin-top: 10%;
+}
+.lockscreen .lockscreen-item {
+  position: relative;
+  width: 290px;
+  padding: 0;
+  margin: 10px auto 30px;
+  background-color: var(--bs-body-bg);
+  border-radius: 4px;
+}
+.lockscreen .lockscreen-image {
+  position: absolute;
+  top: -25px;
+  left: -10px;
+  z-index: 10;
+  padding: 5px;
+  background-color: var(--bs-body-bg);
+  border-radius: 50%;
+}
+.lockscreen .lockscreen-image > img {
+  border-radius: 50%;
+  width: 70px;
+  height: 70px;
+}
+.lockscreen .lockscreen-credentials {
+  margin-left: 70px;
+}
+.lockscreen .lockscreen-credentials .form-control {
+  border: 0;
+}
+.lockscreen .lockscreen-credentials .btn {
+  padding: 0 10px;
+  border: 0;
+}
+.lockscreen .lockscreen-footer {
+  margin-top: 10px;
+}
+
+.img-size-64,
+.img-size-50,
+.img-size-32 {
+  height: auto;
+}
+
+.img-size-64 {
+  width: 64px;
+}
+
+.img-size-50 {
+  width: 50px;
+}
+
+.img-size-32 {
+  width: 32px;
+}
+
+/* ==========================================================================
+   AdminLTE Accessibility Styles - WCAG 2.1 AA Compliance
+   ========================================================================== */
+/* Skip Links - WCAG 2.4.1: Bypass Blocks */
+.skip-link {
+  position: absolute;
+  top: -40px;
+  left: 6px;
+  z-index: 999999;
+  padding: 8px 16px;
+  font-weight: 600;
+  color: var(--bs-white);
+  text-decoration: none;
+  background: var(--bs-primary);
+}
+.skip-link:focus {
+  top: 0;
+  outline: 3px solid var(--bs-warning);
+  outline-offset: 2px;
+}
+.skip-link:hover {
+  color: var(--bs-white);
+  text-decoration: none;
+  background: var(--bs-primary-emphasis);
+}
+
+/* Enhanced Focus Indicators - WCAG 2.4.7: Focus Visible */
+.focus-enhanced:focus {
+  outline: 3px solid var(--bs-focus-ring-color, #0d6efd);
+  outline-offset: 2px;
+  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+}
+
+/* High Contrast Mode Support */
+@media (prefers-contrast: high) {
+  .card {
+    border: 2px solid;
+  }
+  .btn {
+    border-width: 2px;
+  }
+  .nav-link {
+    border: 1px solid transparent;
+  }
+  .nav-link:hover, .nav-link:focus {
+    border-color: currentcolor;
+  }
+}
+/* Reduced Motion Support - WCAG 2.3.3: Animation from Interactions */
+@media (prefers-reduced-motion: reduce) {
+  *,
+  *::before,
+  *::after {
+    transition-duration: 0.01ms !important;
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    scroll-behavior: auto !important;
+  }
+  .fade {
+    opacity: 1 !important;
+    /* stylelint-disable-next-line property-disallowed-list */
+    transition: none !important;
+  }
+  .collapse {
+    /* stylelint-disable-next-line property-disallowed-list */
+    transition: none !important;
+  }
+  .modal.fade .modal-dialog {
+    transform: none !important;
+  }
+}
+/* Screen Reader Only Content */
+.sr-only {
+  position: absolute !important;
+  width: 1px !important;
+  height: 1px !important;
+  padding: 0 !important;
+  margin: -1px !important;
+  overflow: hidden !important;
+  clip: rect(0, 0, 0, 0) !important;
+  white-space: nowrap !important;
+  border: 0 !important;
+}
+
+.sr-only-focusable:focus {
+  position: static !important;
+  width: auto !important;
+  height: auto !important;
+  padding: inherit !important;
+  margin: inherit !important;
+  overflow: visible !important;
+  clip: auto !important;
+  white-space: normal !important;
+}
+
+/* Focus Trap Utilities */
+.focus-trap:focus {
+  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+}
+
+/* Accessible Color Combinations - WCAG 1.4.3: Contrast (Minimum) */
+.text-accessible-primary {
+  color: #003d82; /* 4.5:1 contrast on white */
+}
+
+.text-accessible-success {
+  color: #0f5132; /* 4.5:1 contrast on white */
+}
+
+.text-accessible-danger {
+  color: #842029; /* 4.5:1 contrast on white */
+}
+
+.text-accessible-warning {
+  color: #664d03; /* 4.5:1 contrast on white */
+}
+
+/* ARIA Live Regions */
+.live-region {
+  position: absolute;
+  left: -10000px;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+}
+.live-region.live-region-visible {
+  position: static;
+  left: auto;
+  width: auto;
+  height: auto;
+  overflow: visible;
+}
+
+/* Enhanced Error States - WCAG 3.3.1: Error Identification */
+.form-control.is-invalid {
+  border-color: var(--bs-danger);
+}
+.form-control.is-invalid:focus {
+  border-color: var(--bs-danger);
+  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
+}
+
+.invalid-feedback[role=alert] {
+  font-weight: 600;
+}
+
+/* Target Size - WCAG 2.5.8: Target Size (Minimum) */
+.touch-target {
+  min-width: 44px;
+  min-height: 44px;
+}
+.touch-target.touch-target-small {
+  min-width: 24px;
+  min-height: 24px;
+}
+
+/* Table Accessibility */
+.table-accessible th {
+  font-weight: 600;
+  background-color: var(--bs-secondary-bg);
+}
+.table-accessible th[scope=col] {
+  border-bottom: 2px solid var(--bs-border-color);
+}
+.table-accessible th[scope=row] {
+  border-right: 2px solid var(--bs-border-color);
+}
+.table-accessible caption {
+  padding: 0.75rem;
+  font-weight: 600;
+  color: var(--bs-secondary);
+  text-align: left;
+  caption-side: top;
+}
+
+/* Navigation Landmarks */
+nav[role=navigation]:not([aria-label]):not([aria-labelledby])::before {
+  position: absolute;
+  left: -10000px;
+  content: "Navigation";
+}
+
+/* Form Fieldset Styling */
+fieldset {
+  padding: 1rem;
+  margin-bottom: 1rem;
+  border: 1px solid var(--bs-border-color);
+}
+fieldset legend {
+  padding: 0 0.5rem;
+  margin-bottom: 0.5rem;
+  font-size: 1.1em;
+  font-weight: 600;
+}
+
+/* Loading States */
+.loading[aria-busy=true] {
+  position: relative;
+  pointer-events: none;
+}
+.loading[aria-busy=true]::after {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 20px;
+  height: 20px;
+  margin-top: -10px;
+  margin-left: -10px;
+  content: "";
+  border: 2px solid var(--bs-primary);
+  border-top-color: transparent;
+  animation: spin 1s linear infinite;
+}
+@media (prefers-reduced-motion: reduce) {
+  .loading[aria-busy=true]::after {
+    border-top-color: var(--bs-primary);
+    animation: none;
+  }
+}
+
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+/* Dark Mode Accessibility */
+[data-bs-theme=dark] .text-accessible-primary {
+  color: #6ea8fe;
+}
+[data-bs-theme=dark] .text-accessible-success {
+  color: #75b798;
+}
+[data-bs-theme=dark] .text-accessible-danger {
+  color: #f1aeb5;
+}
+[data-bs-theme=dark] .text-accessible-warning {
+  color: #ffda6a;
+}
+
+/* Print Accessibility */
+@media print {
+  .skip-link,
+  .btn,
+  .nav-link {
+    color: #000 !important;
+    background: transparent !important;
+    border: 1px solid #000 !important;
+  }
+  a[href^=http]::after {
+    font-size: 0.8em;
+    content: " (" attr(href) ")";
+  }
+  /* Print Layout Fix - Ensure sidebar and main content are both visible */
+  .app-wrapper {
+    display: grid !important;
+    grid-template-rows: auto 1fr auto !important;
+    grid-template-columns: auto 1fr !important;
+  }
+  .sidebar-overlay {
+    display: none !important;
+  }
+  .app-sidebar {
+    position: static !important;
+    display: block !important;
+    min-width: 200px !important;
+    max-width: 200px !important;
+    max-height: none !important;
+    margin-left: 0 !important;
+    overflow: visible !important;
+  }
+  .sidebar-wrapper {
+    height: auto !important;
+    overflow: visible !important;
+  }
+  .app-header {
+    position: static !important;
+  }
+  .app-main {
+    width: auto !important;
+    max-width: 100% !important;
+    overflow: visible !important;
+  }
+  .app-content {
+    overflow: visible !important;
+  }
+  .app-footer {
+    position: static !important;
+  }
+}
+.astro-code {
+  padding: 0.75rem;
+  border-radius: 0.375rem;
+}
+
+.docs-page .app-content > .container-fluid, .docs-page .app-content > .container-sm, .docs-page .app-content > .container-md, .docs-page .app-content > .container-lg, .docs-page .app-content > .container-xl, .docs-page .app-content > .container-xxl {
+  max-width: 60rem;
+}
+@media (min-width: 1400px) {
+  .docs-page .app-content > .container-fluid, .docs-page .app-content > .container-sm, .docs-page .app-content > .container-md, .docs-page .app-content > .container-lg, .docs-page .app-content > .container-xl, .docs-page .app-content > .container-xxl {
+    max-width: 64rem;
+  }
+}
+.docs-page .card > .card-body {
+  padding: 1.5rem;
+  font-size: 1rem;
+  line-height: 1.7;
+  color: var(--bs-body-color);
+}
+@media (min-width: 768px) {
+  .docs-page .card > .card-body {
+    padding: 2.5rem;
+  }
+}
+.docs-page .card > .card-body h1,
+.docs-page .card > .card-body h2,
+.docs-page .card > .card-body h3,
+.docs-page .card > .card-body h4,
+.docs-page .card > .card-body h5,
+.docs-page .card > .card-body h6,
+.docs-page .card > .card-body .h1,
+.docs-page .card > .card-body .h2,
+.docs-page .card > .card-body .h3,
+.docs-page .card > .card-body .h4,
+.docs-page .card > .card-body .h5,
+.docs-page .card > .card-body .h6 {
+  margin-top: 2em;
+  margin-bottom: 0.5em;
+  font-weight: 600;
+  line-height: 1.3;
+  color: var(--bs-emphasis-color);
+  scroll-margin-top: 4rem;
+}
+.docs-page .card > .card-body h1:first-child,
+.docs-page .card > .card-body h2:first-child,
+.docs-page .card > .card-body h3:first-child,
+.docs-page .card > .card-body h4:first-child,
+.docs-page .card > .card-body h5:first-child,
+.docs-page .card > .card-body h6:first-child,
+.docs-page .card > .card-body .h1:first-child,
+.docs-page .card > .card-body .h2:first-child,
+.docs-page .card > .card-body .h3:first-child,
+.docs-page .card > .card-body .h4:first-child,
+.docs-page .card > .card-body .h5:first-child,
+.docs-page .card > .card-body .h6:first-child {
+  margin-top: 0;
+}
+.docs-page .card > .card-body h2,
+.docs-page .card > .card-body .h2 {
+  padding-bottom: 0.35em;
+  font-size: 1.75rem;
+  border-bottom: 1px solid var(--bs-border-color);
+}
+.docs-page .card > .card-body h3,
+.docs-page .card > .card-body .h3 {
+  font-size: 1.4rem;
+}
+.docs-page .card > .card-body h4,
+.docs-page .card > .card-body .h4 {
+  font-size: 1.2rem;
+}
+.docs-page .card > .card-body h5,
+.docs-page .card > .card-body .h5 {
+  padding-top: 1.5em;
+  margin-top: 2.5em;
+  font-size: 1.3rem;
+  border-top: 1px solid var(--bs-border-color);
+}
+.docs-page .card > .card-body h5:first-child,
+.docs-page .card > .card-body .h5:first-child {
+  padding-top: 0;
+  border-top: 0;
+}
+.docs-page .card > .card-body h6,
+.docs-page .card > .card-body .h6 {
+  margin-top: 1.75em;
+  font-size: 1.08rem;
+  color: var(--bs-emphasis-color);
+}
+.docs-page .card > .card-body p,
+.docs-page .card > .card-body ul,
+.docs-page .card > .card-body ol,
+.docs-page .card > .card-body dl,
+.docs-page .card > .card-body blockquote,
+.docs-page .card > .card-body table {
+  margin-bottom: 1.1rem;
+}
+.docs-page .card > .card-body ul,
+.docs-page .card > .card-body ol {
+  padding-left: 1.5rem;
+}
+.docs-page .card > .card-body ul li,
+.docs-page .card > .card-body ol li {
+  margin-bottom: 0.35rem;
+}
+.docs-page .card > .card-body ul ul,
+.docs-page .card > .card-body ul ol,
+.docs-page .card > .card-body ol ul,
+.docs-page .card > .card-body ol ol {
+  margin-top: 0.35rem;
+  margin-bottom: 0;
+}
+.docs-page .card > .card-body h2 + p, .docs-page .card > .card-body .h2 + p,
+.docs-page .card > .card-body h3 + p,
+.docs-page .card > .card-body .h3 + p,
+.docs-page .card > .card-body h5 + p,
+.docs-page .card > .card-body .h5 + p {
+  margin-top: 0;
+}
+.docs-page .card > .card-body p code,
+.docs-page .card > .card-body li code,
+.docs-page .card > .card-body td code,
+.docs-page .card > .card-body th code,
+.docs-page .card > .card-body h2 code,
+.docs-page .card > .card-body .h2 code,
+.docs-page .card > .card-body h3 code,
+.docs-page .card > .card-body .h3 code,
+.docs-page .card > .card-body h4 code,
+.docs-page .card > .card-body .h4 code,
+.docs-page .card > .card-body h5 code,
+.docs-page .card > .card-body .h5 code,
+.docs-page .card > .card-body h6 code,
+.docs-page .card > .card-body .h6 code {
+  padding: 0.15em 0.4em;
+  font-size: 0.875em;
+  color: var(--bs-emphasis-color);
+  background: var(--bs-tertiary-bg);
+  border: 1px solid var(--bs-border-color);
+  border-radius: 0.25rem;
 }
-.lockscreen .lockscreen-credentials .form-control {
+.docs-page .card > .card-body pre.astro-code,
+.docs-page .card > .card-body pre {
+  padding: 1rem 1.25rem;
+  margin-top: 1.25rem;
+  margin-bottom: 1.5rem;
+  overflow-x: auto;
+  font-size: 0.875rem;
+  line-height: 1.6;
+  border-radius: 0.375rem;
+}
+.docs-page .card > .card-body pre.astro-code code,
+.docs-page .card > .card-body pre code {
+  padding: 0;
+  background: transparent;
   border: 0;
 }
-.lockscreen .lockscreen-credentials .btn {
-  padding: 0 10px;
+.docs-page .card > .card-body table {
+  width: 100%;
+  margin-top: 1.25rem;
+  margin-bottom: 1.5rem;
+  overflow: hidden;
+  font-size: 0.95rem;
+  border-collapse: collapse;
+  border: 1px solid var(--bs-border-color);
+  border-radius: 0.25rem;
+}
+.docs-page .card > .card-body table th,
+.docs-page .card > .card-body table td {
+  padding: 0.65rem 0.9rem;
+  text-align: left;
+  vertical-align: top;
+  border-bottom: 1px solid var(--bs-border-color);
+}
+.docs-page .card > .card-body table th {
+  font-weight: 600;
+  color: var(--bs-emphasis-color);
+  background: var(--bs-tertiary-bg);
+}
+.docs-page .card > .card-body table tr:last-child td {
+  border-bottom: 0;
+}
+.docs-page .card > .card-body table code {
+  white-space: nowrap;
+}
+.docs-page .card > .card-body blockquote {
+  padding: 0.85rem 1.1rem;
+  margin-top: 1.25rem;
+  color: var(--bs-emphasis-color);
+  background: var(--bs-info-bg-subtle);
+  border-left: 4px solid var(--bs-info-border-subtle);
+  border-radius: 0.25rem;
+}
+.docs-page .card > .card-body blockquote p:last-child {
+  margin-bottom: 0;
+}
+.docs-page .card > .card-body blockquote code {
+  background: rgba(0, 0, 0, 0.05);
+}
+.docs-page .card > .card-body a:not(.btn):not(.nav-link) {
+  color: var(--bs-primary);
+  text-decoration: underline;
+  text-decoration-thickness: 1px;
+  text-underline-offset: 3px;
+}
+.docs-page .card > .card-body a:not(.btn):not(.nav-link):hover {
+  text-decoration-thickness: 2px;
+}
+.docs-page .card > .card-body hr {
+  margin: 2.5rem 0;
   border: 0;
+  border-top: 1px solid var(--bs-border-color);
+  opacity: 1;
 }
-.lockscreen .lockscreen-footer {
-  margin-top: 10px;
+.docs-page .card > .card-body > p:first-child,
+.docs-page .card > .card-body > p:first-of-type {
+  margin-bottom: 2rem;
+  font-size: 1.125rem;
+  line-height: 1.6;
+  color: var(--bs-body-color);
 }
-
-.img-size-64,
-.img-size-50,
-.img-size-32 {
-  height: auto;
+.docs-page .card > .card-body details.faq-item {
+  margin-bottom: 0.5rem;
+  overflow: hidden;
+  background: var(--bs-body-bg);
+  border: 1px solid var(--bs-border-color);
+  border-radius: 0.375rem;
+  transition: border-color 0.15s ease, box-shadow 0.15s ease;
 }
-
-.img-size-64 {
-  width: 64px;
+@media (prefers-reduced-motion: reduce) {
+  .docs-page .card > .card-body details.faq-item {
+    transition: none;
+  }
 }
-
-.img-size-50 {
-  width: 50px;
+.docs-page .card > .card-body details.faq-item:hover {
+  border-color: var(--bs-primary-border-subtle);
 }
-
-.img-size-32 {
-  width: 32px;
+.docs-page .card > .card-body details.faq-item[open] {
+  background: var(--bs-body-bg);
+  border-color: var(--bs-primary-border-subtle);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
 }
-
-/* ==========================================================================
-   AdminLTE Accessibility Styles - WCAG 2.1 AA Compliance
-   ========================================================================== */
-/* Skip Links - WCAG 2.4.1: Bypass Blocks */
-.skip-link {
-  position: absolute;
-  top: -40px;
-  left: 6px;
-  z-index: 999999;
-  padding: 8px 16px;
+.docs-page .card > .card-body details.faq-item summary {
+  position: relative;
+  padding: 0.9rem 3rem 0.9rem 1.1rem;
+  font-size: 1rem;
   font-weight: 600;
-  color: var(--bs-white);
-  text-decoration: none;
-  background: var(--bs-primary);
+  color: var(--bs-emphasis-color);
+  list-style: none;
+  cursor: pointer;
+  -webkit-user-select: none;
+  user-select: none;
+  transition: color 0.15s ease;
 }
-.skip-link:focus {
-  top: 0;
-  outline: 3px solid var(--bs-warning);
-  outline-offset: 2px;
+@media (prefers-reduced-motion: reduce) {
+  .docs-page .card > .card-body details.faq-item summary {
+    transition: none;
+  }
 }
-.skip-link:hover {
-  color: var(--bs-white);
-  text-decoration: none;
-  background: var(--bs-primary-emphasis);
+.docs-page .card > .card-body details.faq-item summary::-webkit-details-marker {
+  display: none;
 }
-
-/* Enhanced Focus Indicators - WCAG 2.4.7: Focus Visible */
-.focus-enhanced:focus {
-  outline: 3px solid var(--bs-focus-ring-color, #0d6efd);
-  outline-offset: 2px;
-  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+.docs-page .card > .card-body details.faq-item summary::marker {
+  content: "";
 }
-
-/* High Contrast Mode Support */
-@media (prefers-contrast: high) {
-  .card {
-    border: 2px solid;
-  }
-  .btn {
-    border-width: 2px;
+.docs-page .card > .card-body details.faq-item summary:hover {
+  color: var(--bs-primary);
+}
+.docs-page .card > .card-body details.faq-item summary::after {
+  position: absolute;
+  top: 50%;
+  right: 1.1rem;
+  display: inline-block;
+  width: 0.55rem;
+  height: 0.55rem;
+  margin-top: -0.4rem;
+  content: "";
+  border-right: 2px solid currentcolor;
+  border-bottom: 2px solid currentcolor;
+  opacity: 0.55;
+  transform: rotate(45deg);
+  transition: transform 0.2s ease;
+}
+@media (prefers-reduced-motion: reduce) {
+  .docs-page .card > .card-body details.faq-item summary::after {
+    transition: none;
   }
-  .nav-link {
-    border: 1px solid transparent;
+}
+.docs-page .card > .card-body details.faq-item[open] > summary {
+  color: var(--bs-primary);
+  border-bottom: 1px solid var(--bs-border-color);
+}
+.docs-page .card > .card-body details.faq-item[open] > summary::after {
+  margin-top: -0.15rem;
+  opacity: 1;
+  transform: rotate(-135deg);
+}
+.docs-page .card > .card-body details.faq-item > *:not(summary) {
+  padding-right: 1.1rem;
+  padding-left: 1.1rem;
+}
+.docs-page .card > .card-body details.faq-item > *:not(summary):first-of-type {
+  padding-top: 1rem;
+}
+.docs-page .card > .card-body details.faq-item > *:not(summary):last-child {
+  padding-bottom: 1rem;
+}
+.docs-page .card > .card-body details.faq-item p,
+.docs-page .card > .card-body details.faq-item ul,
+.docs-page .card > .card-body details.faq-item ol {
+  margin-bottom: 0.65rem;
+}
+.docs-page .card > .card-body details.faq-item > *:last-child p:last-child,
+.docs-page .card > .card-body details.faq-item > p:last-child,
+.docs-page .card > .card-body details.faq-item > ul:last-child,
+.docs-page .card > .card-body details.faq-item > ol:last-child {
+  margin-bottom: 0;
+}
+.docs-page .card > .card-body details.faq-item pre.astro-code,
+.docs-page .card > .card-body details.faq-item pre {
+  margin-right: 0;
+  margin-left: 0;
+}
+.docs-page[data-bs-theme=dark] .card > .card-body blockquote code, [data-bs-theme=dark] .docs-page .card > .card-body blockquote code {
+  background: rgba(255, 255, 255, 0.08);
+}
+
+.faq-page .app-content > .container-fluid, .faq-page .app-content > .container-sm, .faq-page .app-content > .container-md, .faq-page .app-content > .container-lg, .faq-page .app-content > .container-xl, .faq-page .app-content > .container-xxl {
+  max-width: 64rem;
+}
+@media (min-width: 1400px) {
+  .faq-page .app-content > .container-fluid, .faq-page .app-content > .container-sm, .faq-page .app-content > .container-md, .faq-page .app-content > .container-lg, .faq-page .app-content > .container-xl, .faq-page .app-content > .container-xxl {
+    max-width: 72rem;
   }
-  .nav-link:hover, .nav-link:focus {
-    border-color: currentcolor;
+}
+.faq-page .faq-hero {
+  position: relative;
+  padding: 3rem 1.5rem 2.5rem;
+  margin-top: 1rem;
+  overflow: hidden;
+  background: radial-gradient(ellipse at top left, rgba(var(--bs-primary-rgb), 0.12), transparent 60%), radial-gradient(ellipse at bottom right, rgba(var(--bs-info-rgb), 0.1), transparent 65%), var(--bs-body-bg);
+  border: 1px solid var(--bs-border-color);
+  border-radius: 1rem;
+}
+.faq-page .faq-hero-eyebrow {
+  display: inline-flex;
+  gap: 0.4rem;
+  align-items: center;
+  padding: 0.35rem 0.85rem;
+  margin-bottom: 1rem;
+  font-size: 0.75rem;
+  font-weight: 600;
+  color: var(--bs-primary);
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  background: var(--bs-primary-bg-subtle);
+  border: 1px solid var(--bs-primary-border-subtle);
+  border-radius: 50rem;
+}
+.faq-page .faq-hero-eyebrow .bi {
+  font-size: 0.9rem;
+}
+.faq-page .faq-hero-title {
+  margin: 0 0 0.5rem;
+  font-size: 2.25rem;
+  font-weight: 700;
+  line-height: 1.15;
+  color: var(--bs-emphasis-color);
+}
+@media (min-width: 768px) {
+  .faq-page .faq-hero-title {
+    font-size: 2.75rem;
   }
 }
-/* Reduced Motion Support - WCAG 2.3.3: Animation from Interactions */
+.faq-page .faq-hero-lead {
+  max-width: 36rem;
+  margin: 0 auto 1.75rem;
+  font-size: 1.05rem;
+  line-height: 1.55;
+  color: var(--bs-secondary-color);
+}
+.faq-page .faq-search {
+  position: relative;
+  max-width: 32rem;
+  margin: 0 auto;
+}
+.faq-page .faq-search .form-control {
+  height: 3rem;
+  padding-right: 3rem;
+  padding-left: 3rem;
+  font-size: 1rem;
+  background: var(--bs-body-bg);
+  border-radius: 50rem;
+  transition: box-shadow 0.15s ease, border-color 0.15s ease;
+}
 @media (prefers-reduced-motion: reduce) {
-  *,
-  *::before,
-  *::after {
-    transition-duration: 0.01ms !important;
-    animation-duration: 0.01ms !important;
-    animation-iteration-count: 1 !important;
-    scroll-behavior: auto !important;
-  }
-  .fade {
-    opacity: 1 !important;
-    /* stylelint-disable-next-line property-disallowed-list */
-    transition: none !important;
-  }
-  .collapse {
-    /* stylelint-disable-next-line property-disallowed-list */
-    transition: none !important;
+  .faq-page .faq-search .form-control {
+    transition: none;
   }
-  .modal.fade .modal-dialog {
-    transform: none !important;
+}
+.faq-page .faq-search .form-control:focus {
+  box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.15);
+}
+.faq-page .faq-search-icon {
+  position: absolute;
+  top: 50%;
+  left: 1.2rem;
+  color: var(--bs-secondary-color);
+  pointer-events: none;
+  transform: translateY(-50%);
+}
+.faq-page .faq-search-clear {
+  position: absolute;
+  top: 50%;
+  right: 0.65rem;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 2rem;
+  height: 2rem;
+  padding: 0;
+  color: var(--bs-secondary-color);
+  background: var(--bs-tertiary-bg);
+  border: 0;
+  transform: translateY(-50%);
+  border-radius: 50%;
+  transition: background 0.15s ease, color 0.15s ease;
+}
+@media (prefers-reduced-motion: reduce) {
+  .faq-page .faq-search-clear {
+    transition: none;
   }
 }
-/* Screen Reader Only Content */
-.sr-only {
-  position: absolute !important;
-  width: 1px !important;
-  height: 1px !important;
-  padding: 0 !important;
-  margin: -1px !important;
-  overflow: hidden !important;
-  clip: rect(0, 0, 0, 0) !important;
-  white-space: nowrap !important;
-  border: 0 !important;
+.faq-page .faq-search-clear:hover {
+  color: var(--bs-body-color);
+  background: var(--bs-secondary-bg);
 }
-
-.sr-only-focusable:focus {
-  position: static !important;
-  width: auto !important;
-  height: auto !important;
-  padding: inherit !important;
-  margin: inherit !important;
-  overflow: visible !important;
-  clip: auto !important;
-  white-space: normal !important;
+.faq-page .faq-empty-state {
+  max-width: 32rem;
+  padding: 1rem;
+  margin: 1.5rem auto 0;
+  font-size: 0.95rem;
+  color: var(--bs-secondary-color);
+  background: var(--bs-tertiary-bg);
+  border-radius: 0.375rem;
+}
+.faq-page .faq-empty-state .bi {
+  margin-right: 0.35rem;
+}
+.faq-page .faq-chips {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+  justify-content: center;
+}
+.faq-page .faq-chip {
+  display: inline-flex;
+  gap: 0.45rem;
+  align-items: center;
+  padding: 0.45rem 0.85rem;
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: var(--bs-body-color);
+  text-decoration: none;
+  background: var(--bs-body-bg);
+  border: 1px solid var(--bs-border-color);
+  border-radius: 50rem;
+  transition: transform 0.15s ease, border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
+}
+@media (prefers-reduced-motion: reduce) {
+  .faq-page .faq-chip {
+    transition: none;
+  }
 }
-
-/* Focus Trap Utilities */
-.focus-trap:focus {
-  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+.faq-page .faq-chip:hover {
+  color: var(--bs-emphasis-color);
+  background: var(--bs-tertiary-bg);
+  transform: translateY(-1px);
 }
-
-/* Accessible Color Combinations - WCAG 1.4.3: Contrast (Minimum) */
-.text-accessible-primary {
-  color: #003d82; /* 4.5:1 contrast on white */
+.faq-page .faq-chip .bi {
+  font-size: 1rem;
 }
-
-.text-accessible-success {
-  color: #0f5132; /* 4.5:1 contrast on white */
+.faq-page .faq-chip-count {
+  padding: 0 0.45rem;
+  font-size: 0.7rem;
+  font-weight: 600;
+  color: var(--bs-secondary-color);
+  background: var(--bs-tertiary-bg);
+  border-radius: 50rem;
+}
+.faq-page .faq-chip-primary:hover {
+  color: var(--bs-primary-text-emphasis);
+  background: var(--bs-primary-bg-subtle);
+  border-color: var(--bs-primary-border-subtle);
+}
+.faq-page .faq-chip-primary:hover .faq-chip-count {
+  color: var(--bs-primary-text-emphasis);
+  background: rgba(0, 0, 0, 0.06);
+}
+.faq-page .faq-chip-info:hover {
+  color: var(--bs-info-text-emphasis);
+  background: var(--bs-info-bg-subtle);
+  border-color: var(--bs-info-border-subtle);
+}
+.faq-page .faq-chip-info:hover .faq-chip-count {
+  color: var(--bs-info-text-emphasis);
+  background: rgba(0, 0, 0, 0.06);
+}
+.faq-page .faq-chip-warning:hover {
+  color: var(--bs-warning-text-emphasis);
+  background: var(--bs-warning-bg-subtle);
+  border-color: var(--bs-warning-border-subtle);
+}
+.faq-page .faq-chip-warning:hover .faq-chip-count {
+  color: var(--bs-warning-text-emphasis);
+  background: rgba(0, 0, 0, 0.06);
+}
+.faq-page .faq-chip-success:hover {
+  color: var(--bs-success-text-emphasis);
+  background: var(--bs-success-bg-subtle);
+  border-color: var(--bs-success-border-subtle);
+}
+.faq-page .faq-chip-success:hover .faq-chip-count {
+  color: var(--bs-success-text-emphasis);
+  background: rgba(0, 0, 0, 0.06);
+}
+.faq-page .faq-chip-danger:hover {
+  color: var(--bs-danger-text-emphasis);
+  background: var(--bs-danger-bg-subtle);
+  border-color: var(--bs-danger-border-subtle);
+}
+.faq-page .faq-chip-danger:hover .faq-chip-count {
+  color: var(--bs-danger-text-emphasis);
+  background: rgba(0, 0, 0, 0.06);
+}
+.faq-page .faq-chip-secondary:hover {
+  color: var(--bs-secondary-text-emphasis);
+  background: var(--bs-secondary-bg-subtle);
+  border-color: var(--bs-secondary-border-subtle);
+}
+.faq-page .faq-chip-secondary:hover .faq-chip-count {
+  color: var(--bs-secondary-text-emphasis);
+  background: rgba(0, 0, 0, 0.06);
+}
+.faq-page .faq-section {
+  margin-bottom: 2.5rem;
+  scroll-margin-top: 5rem;
+}
+.faq-page .faq-section-header {
+  display: flex;
+  gap: 1rem;
+  align-items: center;
+  padding: 1rem 1.25rem;
+  margin-bottom: 1rem;
+  background: var(--bs-body-bg);
+  border: 1px solid var(--bs-border-color);
+  border-left: 4px solid var(--bs-primary);
+  border-radius: 0.375rem;
 }
-
-.text-accessible-danger {
-  color: #842029; /* 4.5:1 contrast on white */
+.faq-page .faq-section-icon {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: 2.75rem;
+  height: 2.75rem;
+  font-size: 1.35rem;
+  color: var(--bs-primary);
+  background: var(--bs-primary-bg-subtle);
+  border-radius: 0.375rem;
 }
-
-.text-accessible-warning {
-  color: #664d03; /* 4.5:1 contrast on white */
+.faq-page .faq-section-title {
+  margin: 0;
+  font-size: 1.4rem;
+  font-weight: 600;
+  line-height: 1.2;
+  color: var(--bs-emphasis-color);
 }
-
-/* ARIA Live Regions */
-.live-region {
-  position: absolute;
-  left: -10000px;
-  width: 1px;
-  height: 1px;
-  overflow: hidden;
+.faq-page .faq-section-count {
+  margin: 0.1rem 0 0;
+  font-size: 0.8rem;
+  color: var(--bs-secondary-color);
 }
-.live-region.live-region-visible {
-  position: static;
-  left: auto;
-  width: auto;
-  height: auto;
-  overflow: visible;
+.faq-page .faq-section-primary {
+  border-left-color: var(--bs-primary);
 }
-
-/* Enhanced Error States - WCAG 3.3.1: Error Identification */
-.form-control.is-invalid {
-  border-color: var(--bs-danger);
+.faq-page .faq-section-primary .faq-section-icon {
+  color: var(--bs-primary-text-emphasis);
+  background: var(--bs-primary-bg-subtle);
 }
-.form-control.is-invalid:focus {
-  border-color: var(--bs-danger);
-  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
+.faq-page .faq-section-info {
+  border-left-color: var(--bs-info);
 }
-
-.invalid-feedback[role=alert] {
-  font-weight: 600;
+.faq-page .faq-section-info .faq-section-icon {
+  color: var(--bs-info-text-emphasis);
+  background: var(--bs-info-bg-subtle);
 }
-
-/* Target Size - WCAG 2.5.8: Target Size (Minimum) */
-.touch-target {
-  min-width: 44px;
-  min-height: 44px;
+.faq-page .faq-section-warning {
+  border-left-color: var(--bs-warning);
 }
-.touch-target.touch-target-small {
-  min-width: 24px;
-  min-height: 24px;
+.faq-page .faq-section-warning .faq-section-icon {
+  color: var(--bs-warning-text-emphasis);
+  background: var(--bs-warning-bg-subtle);
 }
-
-/* Table Accessibility */
-.table-accessible th {
-  font-weight: 600;
-  background-color: var(--bs-secondary-bg);
+.faq-page .faq-section-success {
+  border-left-color: var(--bs-success);
 }
-.table-accessible th[scope=col] {
-  border-bottom: 2px solid var(--bs-border-color);
+.faq-page .faq-section-success .faq-section-icon {
+  color: var(--bs-success-text-emphasis);
+  background: var(--bs-success-bg-subtle);
 }
-.table-accessible th[scope=row] {
-  border-right: 2px solid var(--bs-border-color);
+.faq-page .faq-section-danger {
+  border-left-color: var(--bs-danger);
 }
-.table-accessible caption {
-  padding: 0.75rem;
-  font-weight: 600;
-  color: var(--bs-secondary);
-  text-align: left;
-  caption-side: top;
+.faq-page .faq-section-danger .faq-section-icon {
+  color: var(--bs-danger-text-emphasis);
+  background: var(--bs-danger-bg-subtle);
 }
-
-/* Navigation Landmarks */
-nav[role=navigation]:not([aria-label]):not([aria-labelledby])::before {
-  position: absolute;
-  left: -10000px;
-  content: "Navigation";
+.faq-page .faq-section-secondary {
+  border-left-color: var(--bs-secondary);
 }
-
-/* Form Fieldset Styling */
-fieldset {
-  padding: 1rem;
-  margin-bottom: 1rem;
-  border: 1px solid var(--bs-border-color);
+.faq-page .faq-section-secondary .faq-section-icon {
+  color: var(--bs-secondary-text-emphasis);
+  background: var(--bs-secondary-bg-subtle);
 }
-fieldset legend {
-  padding: 0 0.5rem;
+.faq-page .faq-section-items .faq-item {
   margin-bottom: 0.5rem;
-  font-size: 1.1em;
-  font-weight: 600;
+  overflow: hidden;
+  background: var(--bs-body-bg);
+  border: 1px solid var(--bs-border-color);
+  border-radius: 0.375rem;
+  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
 }
-
-/* Loading States */
-.loading[aria-busy=true] {
-  position: relative;
-  pointer-events: none;
+@media (prefers-reduced-motion: reduce) {
+  .faq-page .faq-section-items .faq-item {
+    transition: none;
+  }
 }
-.loading[aria-busy=true]::after {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  width: 20px;
-  height: 20px;
-  margin-top: -10px;
-  margin-left: -10px;
+.faq-page .faq-section-items .faq-item:hover {
+  border-color: var(--bs-primary-border-subtle);
+  transform: translateX(2px);
+}
+.faq-page .faq-section-items .faq-item[open] {
+  border-color: var(--bs-primary-border-subtle);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+  transform: none;
+}
+.faq-page .faq-section-items .faq-item summary {
+  display: flex;
+  gap: 0.85rem;
+  align-items: center;
+  padding: 1rem 1.25rem;
+  font-size: 1rem;
+  font-weight: 500;
+  color: var(--bs-emphasis-color);
+  list-style: none;
+  cursor: pointer;
+  -webkit-user-select: none;
+  user-select: none;
+}
+.faq-page .faq-section-items .faq-item summary::-webkit-details-marker {
+  display: none;
+}
+.faq-page .faq-section-items .faq-item summary::marker {
   content: "";
-  border: 2px solid var(--bs-primary);
-  border-top-color: transparent;
-  animation: spin 1s linear infinite;
+}
+.faq-page .faq-section-items .faq-item summary::after {
+  content: none;
+}
+.faq-page .faq-section-items .faq-item .faq-q-icon {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: 1.75rem;
+  height: 1.75rem;
+  font-size: 0.85rem;
+  color: var(--bs-primary);
+  background: var(--bs-primary-bg-subtle);
+  border-radius: 50%;
+}
+.faq-page .faq-section-items .faq-item .faq-q-text {
+  flex-grow: 1;
+}
+.faq-page .faq-section-items .faq-item .faq-q-chevron {
+  flex-shrink: 0;
+  color: var(--bs-secondary-color);
+  transition: transform 0.2s ease, color 0.2s ease;
 }
 @media (prefers-reduced-motion: reduce) {
-  .loading[aria-busy=true]::after {
-    border-top-color: var(--bs-primary);
-    animation: none;
+  .faq-page .faq-section-items .faq-item .faq-q-chevron {
+    transition: none;
   }
 }
-
-@keyframes spin {
-  to {
-    transform: rotate(360deg);
-  }
+.faq-page .faq-section-items .faq-item[open] .faq-q-chevron {
+  color: var(--bs-primary);
+  transform: rotate(180deg);
 }
-/* Dark Mode Accessibility */
-[data-bs-theme=dark] .text-accessible-primary {
-  color: #6ea8fe;
+.faq-page .faq-section-items .faq-item[open] summary {
+  color: var(--bs-primary);
+  border-bottom: 1px solid var(--bs-border-color);
 }
-[data-bs-theme=dark] .text-accessible-success {
-  color: #75b798;
+.faq-page .faq-section-items .faq-item .faq-answer {
+  padding: 1.1rem 1.25rem 1.1rem 3.85rem;
+  font-size: 0.95rem;
+  line-height: 1.65;
+  color: var(--bs-body-color);
 }
-[data-bs-theme=dark] .text-accessible-danger {
-  color: #f1aeb5;
+.faq-page .faq-section-items .faq-item .faq-answer p:last-child,
+.faq-page .faq-section-items .faq-item .faq-answer ul:last-child,
+.faq-page .faq-section-items .faq-item .faq-answer ol:last-child,
+.faq-page .faq-section-items .faq-item .faq-answer pre:last-child {
+  margin-bottom: 0;
 }
-[data-bs-theme=dark] .text-accessible-warning {
-  color: #ffda6a;
+.faq-page .faq-section-items .faq-item .faq-answer a {
+  color: var(--bs-primary);
+  text-decoration: underline;
+  text-underline-offset: 2px;
 }
-
-/* Print Accessibility */
-@media print {
-  .skip-link,
-  .btn,
-  .nav-link {
-    color: #000 !important;
-    background: transparent !important;
-    border: 1px solid #000 !important;
-  }
-  a[href^=http]::after {
-    font-size: 0.8em;
-    content: " (" attr(href) ")";
-  }
-  /* Print Layout Fix - Ensure sidebar and main content are both visible */
-  .app-wrapper {
-    display: grid !important;
-    grid-template-rows: auto 1fr auto !important;
-    grid-template-columns: auto 1fr !important;
-  }
-  .sidebar-overlay {
-    display: none !important;
-  }
-  .app-sidebar {
-    position: static !important;
-    display: block !important;
-    min-width: 200px !important;
-    max-width: 200px !important;
-    max-height: none !important;
-    margin-left: 0 !important;
-    overflow: visible !important;
-  }
-  .sidebar-wrapper {
-    height: auto !important;
-    overflow: visible !important;
-  }
-  .app-header {
-    position: static !important;
-  }
-  .app-main {
-    width: auto !important;
-    max-width: 100% !important;
-    overflow: visible !important;
-  }
-  .app-content {
-    overflow: visible !important;
-  }
-  .app-footer {
-    position: static !important;
-  }
+.faq-page .faq-section-items .faq-item .faq-answer a:hover {
+  text-decoration-thickness: 2px;
+}
+.faq-page .faq-section-items .faq-item .faq-answer code {
+  padding: 0.12em 0.35em;
+  font-size: 0.875em;
+  color: var(--bs-emphasis-color);
+  background: var(--bs-tertiary-bg);
+  border: 1px solid var(--bs-border-color);
+  border-radius: 0.25rem;
+}
+.faq-page .faq-section-items .faq-item .faq-answer pre.astro-code,
+.faq-page .faq-section-items .faq-item .faq-answer pre {
+  padding: 0.85rem 1rem;
+  margin-top: 0.75rem;
+  margin-bottom: 0.75rem;
+  overflow-x: auto;
+  font-size: 0.85rem;
+  line-height: 1.55;
+  border-radius: 0.25rem;
+}
+.faq-page .faq-section-items .faq-item .faq-answer pre.astro-code code,
+.faq-page .faq-section-items .faq-item .faq-answer pre code {
+  padding: 0;
+  background: transparent;
+  border: 0;
+}
+.faq-page .faq-cta {
+  padding: 2.5rem 1.5rem;
+  text-align: center;
+  background: radial-gradient(ellipse at top, rgba(var(--bs-primary-rgb), 0.08), transparent 60%), var(--bs-body-bg);
+  border: 1px solid var(--bs-border-color);
+  border-radius: 1rem;
+}
+.faq-page .faq-cta-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 3.5rem;
+  height: 3.5rem;
+  margin-bottom: 1rem;
+  font-size: 1.6rem;
+  color: var(--bs-primary);
+  background: var(--bs-primary-bg-subtle);
+  border-radius: 50%;
+}
+.faq-page .faq-cta h2, .faq-page .faq-cta .h2 {
+  margin: 0 0 0.5rem;
+  font-size: 1.5rem;
+  font-weight: 600;
+  color: var(--bs-emphasis-color);
+}
+.faq-page .faq-cta p {
+  max-width: 32rem;
+  margin: 0 auto 1.5rem;
+  color: var(--bs-secondary-color);
+}
+.faq-page .faq-cta-actions {
+  display: inline-flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+  justify-content: center;
 }
 
 /*# sourceMappingURL=adminlte.css.map */