admin-lte 4.0.2 → 4.1.0

package/dist/css/adminlte.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /*!
- *   AdminLTE v4.0.0
+ *   AdminLTE v4.1.0
  *   Author: Colorlib
  *   Website: AdminLTE.io <https://adminlte.io>
  *   License: Open source - MIT <https://opensource.org/licenses/MIT>
@@ -13896,6 +13896,7 @@ body:not(.app-loaded) .app-footer {
   line-height: 2.5rem;
 }
 .app-main .app-content-header .breadcrumb a {
+  color: var(--bs-link-hover-color);
   text-decoration: none;
 }
 .app-main .app-content-top-area,
@@ -14105,7 +14106,7 @@ body:not(.app-loaded) .app-footer {
 }
 .navbar-nav > .user-menu > .dropdown-menu > .user-footer {
   padding: 10px;
-  background-color: var(--bs-light-bg);
+  background-color: var(--bs-tertiary-bg);
 }
 @media (min-width: 576px) {
   .navbar-nav > .user-menu .user-image {
@@ -14124,13 +14125,17 @@ body:not(.app-loaded) .app-footer {
 }
 
 .callout {
-  --bs-link-color-rgb: var(--lte-callout-link);
-  --bs-code-color: var(--lte-callout-code-color);
   padding: 1.25rem;
   color: var(--lte-callout-color, inherit);
   background-color: var(--lte-callout-bg, var(--bs-gray-100));
   border-left: 0.25rem solid var(--lte-callout-border, var(--bs-gray-300));
 }
+.callout a {
+  color: var(--lte-callout-link, var(--bs-link-color));
+}
+.callout code {
+  color: var(--lte-callout-code-color, var(--bs-code-color));
+}
 .callout .callout-link {
   font-weight: 700;
   color: var(--bs-callout-link-color);
@@ -14149,6 +14154,8 @@ body:not(.app-loaded) .app-footer {
   --lte-callout-color: var(--bs-primary-text-emphasis);
   --lte-callout-bg: var(--bs-primary-bg-subtle);
   --lte-callout-border: var(--bs-primary-border-subtle);
+  --lte-callout-link: var(--bs-primary-text-emphasis);
+  --lte-callout-code-color: var(--bs-primary-text-emphasis);
   --bs-callout-link-color: var(--bs-primary-text-emphasis);
 }
 
@@ -14156,6 +14163,8 @@ body:not(.app-loaded) .app-footer {
   --lte-callout-color: var(--bs-secondary-text-emphasis);
   --lte-callout-bg: var(--bs-secondary-bg-subtle);
   --lte-callout-border: var(--bs-secondary-border-subtle);
+  --lte-callout-link: var(--bs-secondary-text-emphasis);
+  --lte-callout-code-color: var(--bs-secondary-text-emphasis);
   --bs-callout-link-color: var(--bs-secondary-text-emphasis);
 }
 
@@ -14163,6 +14172,8 @@ body:not(.app-loaded) .app-footer {
   --lte-callout-color: var(--bs-success-text-emphasis);
   --lte-callout-bg: var(--bs-success-bg-subtle);
   --lte-callout-border: var(--bs-success-border-subtle);
+  --lte-callout-link: var(--bs-success-text-emphasis);
+  --lte-callout-code-color: var(--bs-success-text-emphasis);
   --bs-callout-link-color: var(--bs-success-text-emphasis);
 }
 
@@ -14170,6 +14181,8 @@ body:not(.app-loaded) .app-footer {
   --lte-callout-color: var(--bs-info-text-emphasis);
   --lte-callout-bg: var(--bs-info-bg-subtle);
   --lte-callout-border: var(--bs-info-border-subtle);
+  --lte-callout-link: var(--bs-info-text-emphasis);
+  --lte-callout-code-color: var(--bs-info-text-emphasis);
   --bs-callout-link-color: var(--bs-info-text-emphasis);
 }
 
@@ -14177,6 +14190,8 @@ body:not(.app-loaded) .app-footer {
   --lte-callout-color: var(--bs-warning-text-emphasis);
   --lte-callout-bg: var(--bs-warning-bg-subtle);
   --lte-callout-border: var(--bs-warning-border-subtle);
+  --lte-callout-link: var(--bs-warning-text-emphasis);
+  --lte-callout-code-color: var(--bs-warning-text-emphasis);
   --bs-callout-link-color: var(--bs-warning-text-emphasis);
 }
 
@@ -14184,6 +14199,8 @@ body:not(.app-loaded) .app-footer {
   --lte-callout-color: var(--bs-danger-text-emphasis);
   --lte-callout-bg: var(--bs-danger-bg-subtle);
   --lte-callout-border: var(--bs-danger-border-subtle);
+  --lte-callout-link: var(--bs-danger-text-emphasis);
+  --lte-callout-code-color: var(--bs-danger-text-emphasis);
   --bs-callout-link-color: var(--bs-danger-text-emphasis);
 }
 
@@ -14191,6 +14208,8 @@ body:not(.app-loaded) .app-footer {
   --lte-callout-color: var(--bs-light-text-emphasis);
   --lte-callout-bg: var(--bs-light-bg-subtle);
   --lte-callout-border: var(--bs-light-border-subtle);
+  --lte-callout-link: var(--bs-light-text-emphasis);
+  --lte-callout-code-color: var(--bs-light-text-emphasis);
   --bs-callout-link-color: var(--bs-light-text-emphasis);
 }
 
@@ -14198,6 +14217,8 @@ body:not(.app-loaded) .app-footer {
   --lte-callout-color: var(--bs-dark-text-emphasis);
   --lte-callout-bg: var(--bs-dark-bg-subtle);
   --lte-callout-border: var(--bs-dark-border-subtle);
+  --lte-callout-link: var(--bs-dark-text-emphasis);
+  --lte-callout-code-color: var(--bs-dark-text-emphasis);
   --bs-callout-link-color: var(--bs-dark-text-emphasis);
 }
 
@@ -14237,3023 +14258,1460 @@ body:not(.app-loaded) .app-footer {
   max-width: 1.1rem;
 }
 
-.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;
+.progress {
+  border-radius: 1px;
 }
-@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 {
+  position: relative;
+  display: inline-block;
+  width: 30px;
+  height: 200px;
+  margin-right: 10px;
 }
-.docs-page .card > .card-body {
-  padding: 1.5rem;
-  font-size: 1rem;
-  line-height: 1.7;
-  color: var(--bs-body-color);
+.progress.vertical > .progress-bar {
+  position: absolute;
+  bottom: 0;
+  width: 100%;
 }
-@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.sm, .progress.vertical.progress-sm {
+  width: 20px;
 }
-.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.xs, .progress.vertical.progress-xs {
+  width: 10px;
 }
-.docs-page .card > .card-body h3,
-.docs-page .card > .card-body .h3 {
-  font-size: 1.4rem;
+.progress.vertical.xxs, .progress.vertical.progress-xxs {
+  width: 3px;
 }
-.docs-page .card > .card-body h4,
-.docs-page .card > .card-body .h4 {
-  font-size: 1.2rem;
+
+.progress-group {
+  margin-bottom: 0.5rem;
 }
-.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-sm {
+  height: 10px;
 }
-.docs-page .card > .card-body h5:first-child,
-.docs-page .card > .card-body .h5:first-child {
-  padding-top: 0;
-  border-top: 0;
+
+.progress-xs {
+  height: 7px;
 }
-.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);
+
+.progress-xxs {
+  height: 3px;
 }
-.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;
+
+.table tr > td .progress {
+  margin: 0;
 }
-.docs-page .card > .card-body ul,
-.docs-page .card > .card-body ol {
-  padding-left: 1.5rem;
+
+.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 li,
-.docs-page .card > .card-body ol li {
-  margin-bottom: 0.35rem;
+.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 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[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 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.card-outline {
+  border-top: 3px solid var(--lte-card-variant-bg);
 }
-.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 {
+  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 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.was-collapsed .card-body {
+  display: block !important;
 }
-.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 .card-body {
+  overflow: auto;
 }
-.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-toggle=card-collapse] {
+  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 [data-lte-icon=maximize] {
+  display: none;
 }
-.docs-page .card > .card-body table th {
-  font-weight: 600;
-  color: var(--bs-emphasis-color);
-  background: var(--bs-tertiary-bg);
+.card.maximized-card .card-header,
+.card.maximized-card .card-footer {
+  border-radius: 0 !important;
 }
-.docs-page .card > .card-body table tr:last-child td {
-  border-bottom: 0;
+.card:not(.maximized-card) [data-lte-icon=minimize] {
+  display: none;
 }
-.docs-page .card > .card-body table code {
-  white-space: nowrap;
+.card.collapsed-card > .card-header [data-lte-icon=collapse] {
+  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.collapsed-card > .card-body,
+.card.collapsed-card > .card-footer {
+  display: none;
 }
-.docs-page .card > .card-body blockquote p:last-child {
-  margin-bottom: 0;
+.card:not(.collapsed-card) > .card-header [data-lte-icon=expand] {
+  display: none;
 }
-.docs-page .card > .card-body blockquote code {
-  background: rgba(0, 0, 0, 0.05);
+.card .nav.flex-column > li {
+  margin: 0;
+  border-bottom: 1px solid var(--bs-border-color-translucent);
 }
-.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 .nav.flex-column > li:last-of-type {
+  border-bottom: 0;
 }
-.docs-page .card > .card-body a:not(.btn):not(.nav-link):hover {
-  text-decoration-thickness: 2px;
+.card.height-control .card-body {
+  max-height: 300px;
+  overflow: auto;
 }
-.docs-page .card > .card-body hr {
-  margin: 2.5rem 0;
-  border: 0;
-  border-top: 1px solid var(--bs-border-color);
-  opacity: 1;
+.card .border-end {
+  border-right: 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 .border-start {
+  border-left: 1px solid var(--bs-border-color-translucent);
 }
-.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 {
+  border-bottom: 0;
 }
-@media (prefers-reduced-motion: reduce) {
-  .docs-page .card > .card-body details.faq-item {
-    transition: none;
-  }
+.card.card-tabs:not(.card-outline) > .card-header .nav-item:first-child .nav-link {
+  border-left-color: transparent;
 }
-.docs-page .card > .card-body details.faq-item:hover {
-  border-color: var(--bs-primary-border-subtle);
+.card.card-tabs.card-outline .nav-item {
+  border-bottom: 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-outline .nav-item:first-child .nav-link {
+  margin-left: 0;
+  border-left: 0;
 }
-.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 .card-tools {
+  margin: 0.3rem 0.5rem;
 }
-@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 {
+  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 {
+  border-bottom: 0;
 }
-.docs-page .card > .card-body details.faq-item summary::marker {
-  content: "";
+.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:hover {
-  color: var(--bs-primary);
+.card.card-tabs.expanding-card .card-header .nav-tabs .nav-item {
+  margin-bottom: -1px;
 }
-.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 {
+  border-top: 0;
 }
-@media (prefers-reduced-motion: reduce) {
-  .docs-page .card > .card-body details.faq-item summary::after {
-    transition: none;
-  }
+.card.card-outline-tabs .card-header .nav-item:first-child .nav-link {
+  margin-left: 0;
+  border-left: 0;
 }
-.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 {
+  text-decoration: none;
+  border-top: 3px solid transparent;
 }
-.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:hover {
+  border-top: 3px solid var(--bs-border-color);
 }
-.docs-page .card > .card-body details.faq-item > *:not(summary) {
-  padding-right: 1.1rem;
-  padding-left: 1.1rem;
+.card.card-outline-tabs .card-header a.active:hover {
+  margin-top: 0;
 }
-.docs-page .card > .card-body details.faq-item > *:not(summary):first-of-type {
-  padding-top: 1rem;
+.card.card-outline-tabs .card-tools {
+  margin: 0.5rem 0.5rem 0.3rem;
 }
-.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 {
+  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 {
+  border-bottom: 0;
 }
-.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 {
+.card.card-outline-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs .nav-item {
   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);
+.card.card-outline-tabs.expanding-card .card-header .nav-tabs .nav-item {
+  margin-bottom: -1px;
 }
 
-.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;
-  }
-}
-.faq-page .faq-hero {
-  position: relative;
-  padding: 3rem 1.5rem 2.5rem;
-  margin-top: 1rem;
+html.maximized-card {
   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;
+
+.card-header::after,
+.card-body::after,
+.card-footer::after {
+  display: block;
+  clear: both;
+  content: "";
 }
-.faq-page .faq-hero-eyebrow .bi {
-  font-size: 0.9rem;
+
+.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;
 }
-.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);
+.collapsed-card .card-header {
+  border-bottom: 0;
 }
-@media (min-width: 768px) {
-  .faq-page .faq-hero-title {
-    font-size: 2.75rem;
-  }
+.card-header > .card-tools {
+  float: right;
+  margin-right: -0.5rem;
 }
-.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);
+.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-search {
+.card-header > .card-tools [data-bs-toggle=tooltip] {
   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;
+
+.card-title {
+  float: left;
+  margin: 0;
+  font-size: 1.1rem;
+  font-weight: 400;
 }
-@media (prefers-reduced-motion: reduce) {
-  .faq-page .faq-search .form-control {
-    transition: none;
-  }
+
+.btn-tool {
+  --bs-btn-padding-x: .5rem;
+  --bs-btn-padding-y: .25rem;
 }
-.faq-page .faq-search .form-control:focus {
-  box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.15);
+.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-icon {
-  position: absolute;
-  top: 50%;
-  left: 1.2rem;
-  color: var(--bs-secondary-color);
-  pointer-events: none;
-  transform: translateY(-50%);
+.btn-tool {
+  margin: -1rem 0;
+  font-size: 0.875rem;
 }
-.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;
+
+.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-search-clear {
-    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-search-clear:hover {
-  color: var(--bs-body-color);
-  background: var(--bs-secondary-bg);
+
+.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-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;
+
+.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-empty-state .bi {
-  margin-right: 0.35rem;
+
+.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-chips {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.5rem;
-  justify-content: center;
+
+.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-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-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;
 }
-@media (prefers-reduced-motion: reduce) {
-  .faq-page .faq-chip {
-    transition: none;
-  }
+
+.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-chip:hover {
-  color: var(--bs-emphasis-color);
-  background: var(--bs-tertiary-bg);
-  transform: translateY(-1px);
+
+.card-body > .table {
+  margin-bottom: 0;
 }
-.faq-page .faq-chip .bi {
-  font-size: 1rem;
+.card-body > .table > thead > tr > th,
+.card-body > .table > thead > tr > td {
+  border-top-width: 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;
+
+.table:not(.table-dark) {
+  color: inherit;
 }
-.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;
+.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));
 }
-.faq-page .faq-section-title {
-  margin: 0;
-  font-size: 1.4rem;
-  font-weight: 600;
-  line-height: 1.2;
-  color: var(--bs-emphasis-color);
+.table.no-border,
+.table.no-border td,
+.table.no-border th {
+  border: 0;
 }
-.faq-page .faq-section-count {
-  margin: 0.1rem 0 0;
-  font-size: 0.8rem;
-  color: var(--bs-secondary-color);
+.table.text-center,
+.table.text-center td,
+.table.text-center th {
+  text-align: center;
 }
-.faq-page .faq-section-primary {
-  border-left-color: var(--bs-primary);
+.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-primary .faq-section-icon {
-  color: var(--bs-primary-text-emphasis);
-  background: var(--bs-primary-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-info {
-  border-left-color: var(--bs-info);
+.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-info .faq-section-icon {
-  color: var(--bs-info-text-emphasis);
-  background: var(--bs-info-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;
 }
-.faq-page .faq-section-warning {
-  border-left-color: var(--bs-warning);
+.small-box > .inner {
+  padding: 10px;
 }
-.faq-page .faq-section-warning .faq-section-icon {
-  color: var(--bs-warning-text-emphasis);
-  background: var(--bs-warning-bg-subtle);
+.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);
 }
-.faq-page .faq-section-success {
-  border-left-color: var(--bs-success);
+.small-box > .small-box-footer:hover {
+  background-color: rgba(0, 0, 0, 0.1);
 }
-.faq-page .faq-section-success .faq-section-icon {
-  color: var(--bs-success-text-emphasis);
-  background: var(--bs-success-bg-subtle);
+.small-box h3, .small-box .h3 {
+  font-size: calc(1.345rem + 1.14vw);
 }
-.faq-page .faq-section-danger {
-  border-left-color: var(--bs-danger);
+@media (min-width: 1200px) {
+  .small-box h3, .small-box .h3 {
+    font-size: 2.2rem;
+  }
 }
-.faq-page .faq-section-danger .faq-section-icon {
-  color: var(--bs-danger-text-emphasis);
-  background: var(--bs-danger-bg-subtle);
+.small-box h3, .small-box .h3 {
+  padding: 0;
+  margin: 0 0 10px;
+  font-weight: 700;
+  white-space: nowrap;
 }
-.faq-page .faq-section-secondary {
-  border-left-color: var(--bs-secondary);
+@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;
-}
-.faq-page .faq-section-items .faq-item summary::-webkit-details-marker {
-  display: 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::marker {
-  content: "";
+@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::after {
-  content: none;
+.small-box p {
+  font-size: 1rem;
 }
-.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 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-text {
-  flex-grow: 1;
+.small-box h3, .small-box .h3,
+.small-box p {
+  z-index: 5;
 }
-.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;
+.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) {
-  .faq-page .faq-section-items .faq-item .faq-q-chevron {
+  .small-box .small-box-icon {
     transition: none;
   }
 }
-.faq-page .faq-section-items .faq-item[open] .faq-q-chevron {
-  color: var(--bs-primary);
-  transform: rotate(180deg);
+.small-box:hover .small-box-icon {
+  transform: scale(1.1);
 }
-.faq-page .faq-section-items .faq-item[open] summary {
-  color: var(--bs-primary);
-  border-bottom: 1px solid var(--bs-border-color);
+
+@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 .faq-answer {
-  padding: 1.1rem 1.25rem 1.1rem 3.85rem;
-  font-size: 0.95rem;
-  line-height: 1.65;
+.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;
   color: var(--bs-body-color);
+  background-color: var(--bs-body-bg);
 }
-.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 .progress {
+  height: 2px;
+  margin: 5px 0;
+  background-color: rgba(var(--lte-card-variant-color-rgb), 0.125);
 }
-.faq-page .faq-section-items .faq-item .faq-answer a {
-  color: var(--bs-primary);
-  text-decoration: underline;
-  text-underline-offset: 2px;
+.info-box .progress .progress-bar {
+  background-color: var(--lte-card-variant-color);
 }
-.faq-page .faq-section-items .faq-item .faq-answer a:hover {
-  text-decoration-thickness: 2px;
+.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 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-icon > img {
+  max-width: 100%;
 }
-.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 .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 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-number {
+  display: block;
+  margin-top: 0.25rem;
+  font-weight: 700;
 }
-.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,
+.info-box .info-box-text {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
-.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%;
+.info-box .info-box-more {
+  display: block;
 }
-.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);
+.info-box .progress-description {
+  margin: 0;
 }
-.faq-page .faq-cta p {
-  max-width: 32rem;
-  margin: 0 auto 1.5rem;
-  color: var(--bs-secondary-color);
+@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-actions {
-  display: inline-flex;
-  flex-wrap: wrap;
-  gap: 0.5rem;
-  justify-content: center;
+@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;
+  }
 }
-
-.progress {
-  border-radius: 1px;
+@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;
+  }
 }
-.progress.vertical {
+
+.timeline {
   position: relative;
-  display: inline-block;
-  width: 30px;
-  height: 200px;
-  margin-right: 10px;
+  padding: 0;
+  margin: 0 0 45px;
 }
-.progress.vertical > .progress-bar {
+.timeline::before {
+  border-radius: 0.375rem;
   position: absolute;
+  top: 0;
   bottom: 0;
-  width: 100%;
-}
-.progress.vertical.sm, .progress.vertical.progress-sm {
-  width: 20px;
-}
-.progress.vertical.xs, .progress.vertical.progress-xs {
-  width: 10px;
-}
-.progress.vertical.xxs, .progress.vertical.progress-xxs {
-  width: 3px;
+  left: 31px;
+  width: 4px;
+  margin: 0;
+  content: "";
+  background-color: var(--bs-border-color);
 }
-
-.progress-group {
-  margin-bottom: 0.5rem;
+.timeline > div::before, .timeline > div::after {
+  display: table;
+  content: "";
 }
-
-.progress-sm {
-  height: 10px;
+.timeline > div {
+  position: relative;
+  margin-right: 10px;
+  margin-bottom: 15px;
 }
-
-.progress-xs {
-  height: 7px;
+.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-xxs {
-  height: 3px;
+.timeline > div > .timeline-item > .time {
+  float: right;
+  padding: 10px;
+  font-size: 12px;
+  color: var(--bs-secondary-color);
 }
-
-.table tr > td .progress {
+.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);
 }
-
-.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 > div > .timeline-item > .timeline-header > a {
+  font-weight: 600;
+  text-decoration: none;
 }
-.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);
+.timeline > div > .timeline-item > .timeline-body,
+.timeline > div > .timeline-item > .timeline-footer {
+  padding: 10px;
 }
-.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);
+.timeline > div > .timeline-item > .timeline-body > img {
+  margin: 10px;
 }
-.card.card-outline {
-  border-top: 3px solid var(--lte-card-variant-bg);
+.timeline > div > .timeline-item > .timeline-body > dl,
+.timeline > div > .timeline-item > .timeline-body ol,
+.timeline > div > .timeline-item > .timeline-body ul {
+  margin: 0;
 }
-.card.maximized-card {
-  position: fixed;
+.timeline > div .timeline-icon {
+  position: absolute;
   top: 0;
-  left: 0;
-  z-index: 1050;
-  width: 100% !important;
-  max-width: 100% !important;
-  height: 100% !important;
-  max-height: 100% !important;
+  left: 18px;
+  width: 30px;
+  height: 30px;
+  font-size: 16px;
+  line-height: 30px;
+  text-align: center;
+  background-color: var(--bs-secondary-bg);
+  border-radius: 50%;
 }
-.card.maximized-card.was-collapsed .card-body {
-  display: block !important;
+.timeline > .time-label > span {
+  border-radius: 4px;
+  display: inline-block;
+  padding: 5px;
+  font-weight: 600;
+  background-color: var(--bs-body-bg);
 }
-.card.maximized-card .card-body {
-  overflow: auto;
+
+.timeline-inverse > div > .timeline-item {
+  box-shadow: none;
+  background-color: var(--bs-tertiary-bg);
+  border: 1px solid var(--bs-border-color);
 }
-.card.maximized-card [data-lte-toggle=card-collapse] {
-  display: none;
+.timeline-inverse > div > .timeline-item > .timeline-header {
+  border-bottom-color: var(--bs-border-color);
 }
-.card.maximized-card [data-lte-icon=maximize] {
-  display: none;
+
+.direct-chat .card-body {
+  position: relative;
+  padding: 0;
+  overflow-x: hidden;
 }
-.card.maximized-card .card-header,
-.card.maximized-card .card-footer {
-  border-radius: 0 !important;
+.direct-chat.chat-pane-open .direct-chat-contacts {
+  transform: translate(0, 0);
 }
-.card:not(.maximized-card) [data-lte-icon=minimize] {
-  display: none;
+.direct-chat.timestamp-light .direct-chat-timestamp {
+  color: rgba(var(--bs-body-color-rgb), 0.65);
 }
-.card.collapsed-card > .card-header [data-lte-icon=collapse] {
-  display: none;
+.direct-chat.timestamp-dark .direct-chat-timestamp {
+  color: rgba(var(--bs-body-color-rgb), 0.9);
 }
-.card.collapsed-card > .card-body,
-.card.collapsed-card > .card-footer {
-  display: none;
+
+.direct-chat-messages {
+  height: 250px;
+  padding: 10px;
+  overflow: auto;
+  transform: translate(0, 0);
 }
-.card:not(.collapsed-card) > .card-header [data-lte-icon=expand] {
-  display: none;
+
+.direct-chat-msg,
+.direct-chat-text {
+  display: block;
 }
-.card .nav.flex-column > li {
-  margin: 0;
-  border-bottom: 1px solid var(--bs-border-color-translucent);
+
+.direct-chat-msg::after {
+  display: block;
+  clear: both;
+  content: "";
 }
-.card .nav.flex-column > li:last-of-type {
-  border-bottom: 0;
+.direct-chat-msg {
+  margin-bottom: 10px;
 }
-.card.height-control .card-body {
-  max-height: 300px;
-  overflow: auto;
+
+.direct-chat-messages,
+.direct-chat-contacts {
+  transition: transform 0.5s ease-in-out;
 }
-.card .border-end {
-  border-right: 1px solid var(--bs-border-color-translucent);
+@media (prefers-reduced-motion: reduce) {
+  .direct-chat-messages,
+  .direct-chat-contacts {
+    transition: none;
+  }
 }
-.card .border-start {
-  border-left: 1px solid var(--bs-border-color-translucent);
+
+.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.card-tabs:not(.card-outline) > .card-header {
-  border-bottom: 0;
+.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.card-tabs:not(.card-outline) > .card-header .nav-item:first-child .nav-link {
-  border-left-color: transparent;
+.direct-chat-text::after {
+  margin-top: -5px;
+  border-width: 5px;
 }
-.card.card-tabs.card-outline .nav-item {
-  border-bottom: 0;
+.direct-chat-text::before {
+  margin-top: -6px;
+  border-width: 6px;
 }
-.card.card-tabs.card-outline .nav-item:first-child .nav-link {
+.end .direct-chat-text {
+  margin-right: 50px;
   margin-left: 0;
-  border-left: 0;
-}
-.card.card-tabs .card-tools {
-  margin: 0.3rem 0.5rem;
-}
-.card.card-tabs:not(.expanding-card).collapsed-card .card-header {
-  border-bottom: 0;
 }
-.card.card-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs {
-  border-bottom: 0;
-}
-.card.card-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs .nav-item {
-  margin-bottom: 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);
 }
-.card.card-tabs.expanding-card .card-header .nav-tabs .nav-item {
-  margin-bottom: -1px;
+
+.direct-chat-img {
+  border-radius: 50%;
+  float: left;
+  width: 40px;
+  height: 40px;
 }
-.card.card-outline-tabs {
-  border-top: 0;
+.end .direct-chat-img {
+  float: right;
 }
-.card.card-outline-tabs .card-header .nav-item:first-child .nav-link {
-  margin-left: 0;
-  border-left: 0;
+
+.direct-chat-infos {
+  display: block;
+  margin-bottom: 2px;
+  font-size: 0.875rem;
 }
-.card.card-outline-tabs .card-header a {
-  text-decoration: none;
-  border-top: 3px solid transparent;
+
+.direct-chat-name {
+  font-weight: 600;
 }
-.card.card-outline-tabs .card-header a:hover {
-  border-top: 3px solid var(--bs-border-color);
+
+.direct-chat-timestamp {
+  color: rgba(var(--bs-body-color-rgb), 0.75);
 }
-.card.card-outline-tabs .card-header a.active:hover {
-  margin-top: 0;
+
+.direct-chat-contacts-open .direct-chat-contacts {
+  transform: translate(0, 0);
 }
-.card.card-outline-tabs .card-tools {
-  margin: 0.5rem 0.5rem 0.3rem;
+
+.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-outline-tabs:not(.expanding-card).collapsed-card .card-header {
-  border-bottom: 0;
+
+.direct-chat-contacts-light {
+  background-color: var(--bs-light-bg-subtle);
 }
-.card.card-outline-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-outline-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);
 }
-.card.card-outline-tabs.expanding-card .card-header .nav-tabs .nav-item {
-  margin-bottom: -1px;
+.direct-chat-contacts-light .contacts-list-msg {
+  color: var(--bs-secondary-color);
 }
 
-html.maximized-card {
-  overflow: hidden;
+.contacts-list {
+  padding-left: 0;
+  list-style: none;
 }
-
-.card-header::after,
-.card-body::after,
-.card-footer::after {
+.contacts-list > li::after {
   display: block;
   clear: both;
   content: "";
 }
-
-.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 > li {
+  padding: 10px;
+  margin: 0;
+  text-decoration: none;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
 }
-.collapsed-card .card-header {
+.contacts-list > li:last-of-type {
   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 > li a {
+  text-decoration: none;
 }
 
-.card-title {
+.contacts-list-img {
+  border-radius: 50%;
   float: left;
-  margin: 0;
-  font-size: 1.1rem;
-  font-weight: 400;
+  width: 40px;
 }
 
-.btn-tool {
-  --bs-btn-padding-x: .5rem;
-  --bs-btn-padding-y: .25rem;
+.contacts-list-info {
+  margin-left: 45px;
+  color: var(--bs-body-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;
+
+.contacts-list-name,
+.contacts-list-status {
+  display: block;
 }
-.btn-tool {
-  margin: -1rem 0;
+
+.contacts-list-name {
+  font-weight: 600;
+}
+
+.contacts-list-status {
   font-size: 0.875rem;
 }
 
-.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;
+.contacts-list-date {
+  font-weight: 400;
+  color: var(--bs-secondary-bg);
 }
 
-.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;
+.contacts-list-msg {
+  color: var(--bs-secondary-bg);
 }
 
-.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;
+.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);
 }
 
-.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-primary {
+  --lte-direct-chat-color: #fff;
+  --lte-direct-chat-bg: #0d6efd;
 }
 
-.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-secondary {
+  --lte-direct-chat-color: #fff;
+  --lte-direct-chat-bg: #6c757d;
 }
 
-.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-success {
+  --lte-direct-chat-color: #fff;
+  --lte-direct-chat-bg: #198754;
 }
 
-.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-info {
+  --lte-direct-chat-color: #000;
+  --lte-direct-chat-bg: #0dcaf0;
 }
 
-.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;
+.direct-chat-warning {
+  --lte-direct-chat-color: #000;
+  --lte-direct-chat-bg: #ffc107;
 }
 
-.card-body > .table {
-  margin-bottom: 0;
+.direct-chat-danger {
+  --lte-direct-chat-color: #fff;
+  --lte-direct-chat-bg: #dc3545;
 }
-.card-body > .table > thead > tr > th,
-.card-body > .table > thead > tr > td {
-  border-top-width: 0;
+
+.direct-chat-light {
+  --lte-direct-chat-color: #000;
+  --lte-direct-chat-bg: #f8f9fa;
 }
 
-.table:not(.table-dark) {
-  color: inherit;
+.direct-chat-dark {
+  --lte-direct-chat-color: #fff;
+  --lte-direct-chat-bg: #212529;
 }
-.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-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);
 }
-.table.no-border,
-.table.no-border td,
-.table.no-border th {
-  border: 0;
+.toast-primary .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-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.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-secondary .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-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);
 }
-.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-success .btn-close {
+  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
 }
 
-.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-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);
 }
-.small-box > .inner {
-  padding: 10px;
+
+.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);
 }
-.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);
+
+.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);
 }
-.small-box > .small-box-footer:hover {
-  background-color: rgba(0, 0, 0, 0.1);
+.toast-danger .btn-close {
+  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
 }
-.small-box h3, .small-box .h3 {
-  font-size: calc(1.345rem + 1.14vw);
+
+.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);
 }
-@media (min-width: 1200px) {
-  .small-box h3, .small-box .h3 {
-    font-size: 2.2rem;
-  }
+
+.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 h3, .small-box .h3 {
-  padding: 0;
-  margin: 0 0 10px;
-  font-weight: 700;
-  white-space: nowrap;
+.toast-dark .btn-close {
+  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
 }
-@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);
-  }
+
+[data-bs-theme=dark] .toast-info .btn-close {
+  --bs-btn-close-white-filter: none;
 }
-@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;
-  }
+[data-bs-theme=dark] .toast-warning .btn-close {
+  --bs-btn-close-white-filter: none;
 }
-@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);
-  }
+[data-bs-theme=dark] .toast-light .btn-close {
+  --bs-btn-close-white-filter: 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;
-  }
+.login-logo,
+.register-logo {
+  margin-bottom: 0.9rem;
+  font-size: 2.1rem;
+  font-weight: 300;
+  text-align: center;
 }
-@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-logo a,
+.register-logo a {
+  color: var(--bs-secondary-color);
+  text-decoration: 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-page,
+.register-page {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  min-height: 100vh;
 }
-@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-box,
+.register-box {
+  width: 400px;
 }
-@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;
+@media (max-width: 576px) {
+  .login-box,
+  .register-box {
+    width: 90%;
+    margin-top: 0.5rem;
   }
 }
-.small-box p {
-  font-size: 1rem;
+.login-box .card,
+.register-box .card {
+  margin-bottom: 0;
 }
-.small-box p > small, .small-box p > .small {
-  display: block;
-  margin-top: 5px;
-  font-size: 0.9rem;
-  color: #f8f9fa;
+
+.login-card-body,
+.register-card-body {
+  padding: 20px;
+  color: var(--bs-secondary-color);
+  background-color: var(--bs-body-bg);
+  border-top: 0;
 }
-.small-box h3, .small-box .h3,
-.small-box p {
-  z-index: 5;
+.login-card-body .input-group .form-control:focus,
+.register-card-body .input-group .form-control:focus {
+  box-shadow: none;
 }
-.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;
+.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) {
-  .small-box .small-box-icon {
+  .login-card-body .input-group .input-group-text,
+  .register-card-body .input-group .input-group-text {
     transition: none;
   }
 }
-.small-box:hover .small-box-icon {
-  transform: scale(1.1);
+
+.login-box-msg,
+.register-box-msg {
+  padding: 0 20px 20px;
+  margin: 0;
+  text-align: center;
 }
 
-@media (max-width: 575.98px) {
-  .small-box {
-    text-align: center;
-  }
-  .small-box .small-box-icon {
-    display: none;
-  }
-  .small-box p {
-    font-size: 12px;
-  }
+.social-auth-links {
+  margin: 10px 0;
 }
-.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;
+
+.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;
-  display: flex;
-  width: 100%;
-  min-height: 80px;
-  padding: 0.5rem;
-  margin-bottom: 1rem;
-  color: var(--bs-body-color);
+  width: 290px;
+  padding: 0;
+  margin: 10px auto 30px;
   background-color: var(--bs-body-bg);
+  border-radius: 4px;
 }
-.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);
+.lockscreen .lockscreen-image {
+  position: absolute;
+  top: -25px;
+  left: -10px;
+  z-index: 10;
+  padding: 5px;
+  background-color: var(--bs-body-bg);
+  border-radius: 50%;
 }
-.info-box .info-box-icon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
+.lockscreen .lockscreen-image > img {
+  border-radius: 50%;
   width: 70px;
-  font-size: 1.875rem;
-  text-align: center;
-  border-radius: 0.375rem;
+  height: 70px;
 }
-.info-box .info-box-icon > img {
-  max-width: 100%;
+.lockscreen .lockscreen-credentials {
+  margin-left: 70px;
 }
-.info-box .info-box-content {
-  display: flex;
-  flex: 1;
-  flex-direction: column;
-  justify-content: center;
+.lockscreen .lockscreen-credentials .form-control {
+  border: 0;
+}
+.lockscreen .lockscreen-credentials .btn {
   padding: 0 10px;
-  line-height: 1.8;
+  border: 0;
 }
-.info-box .info-box-number {
-  display: block;
-  margin-top: 0.25rem;
-  font-weight: 700;
+.lockscreen .lockscreen-footer {
+  margin-top: 10px;
 }
-.info-box .progress-description,
-.info-box .info-box-text {
-  display: block;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+
+.img-size-64,
+.img-size-50,
+.img-size-32 {
+  height: auto;
 }
-.info-box .info-box-more {
-  display: block;
+
+.img-size-64 {
+  width: 64px;
 }
-.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;
-  }
+
+.img-size-50 {
+  width: 50px;
 }
 
-.timeline {
-  position: relative;
-  padding: 0;
-  margin: 0 0 45px;
+.img-size-32 {
+  width: 32px;
 }
-.timeline::before {
-  border-radius: 0.375rem;
+
+/* ==========================================================================
+   AdminLTE Accessibility Styles - WCAG 2.1 AA Compliance
+   ========================================================================== */
+/* Skip Links - WCAG 2.4.1: Bypass Blocks */
+.skip-link {
   position: absolute;
-  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);
-}
-.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 {
+  top: -40px;
+  left: 6px;
+  z-index: 999999;
+  padding: 8px 16px;
   font-weight: 600;
+  color: var(--bs-white);
   text-decoration: none;
+  background: var(--bs-primary);
 }
-.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;
+.skip-link:focus {
   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);
-}
-.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);
+  outline: 3px solid var(--bs-warning);
+  outline-offset: 2px;
 }
-
-.direct-chat-msg,
-.direct-chat-text {
-  display: block;
+.skip-link:hover {
+  color: var(--bs-white);
+  text-decoration: none;
+  background: var(--bs-primary-emphasis);
 }
 
-.direct-chat-msg::after {
-  display: block;
-  clear: both;
-  content: "";
-}
-.direct-chat-msg {
-  margin-bottom: 10px;
+/* 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);
 }
 
-.direct-chat-messages,
-.direct-chat-contacts {
-  transition: transform 0.5s ease-in-out;
+/* 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) {
-  .direct-chat-messages,
-  .direct-chat-contacts {
-    transition: none;
+  *,
+  *::before,
+  *::after {
+    transition-duration: 0.01ms !important;
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    scroll-behavior: auto !important;
   }
-}
-
-.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;
-}
-.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;
-}
-.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;
-}
-.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);
-}
-.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;
-}
-@media (prefers-reduced-motion: reduce) {
-  .docs-page .card > .card-body details.faq-item {
-    transition: none;
-  }
-}
-.docs-page .card > .card-body details.faq-item:hover {
-  border-color: var(--bs-primary-border-subtle);
-}
-.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);
-}
-.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;
-}
-@media (prefers-reduced-motion: reduce) {
-  .docs-page .card > .card-body details.faq-item summary {
-    transition: none;
-  }
-}
-.docs-page .card > .card-body details.faq-item summary::-webkit-details-marker {
-  display: none;
-}
-.docs-page .card > .card-body details.faq-item summary::marker {
-  content: "";
-}
-.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;
-  }
-}
-.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;
-  }
-}
-.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;
-  }
-}
-.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) {
-  .faq-page .faq-search .form-control {
-    transition: none;
-  }
-}
-.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;
-  }
-}
-.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;
-}
-@media (prefers-reduced-motion: reduce) {
-  .faq-page .faq-chip {
-    transition: none;
+  .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;
   }
 }
-.faq-page .faq-chip:hover {
-  color: var(--bs-emphasis-color);
-  background: var(--bs-tertiary-bg);
-  transform: translateY(-1px);
-}
-.faq-page .faq-chip .bi {
-  font-size: 1rem;
-}
-.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;
-}
-.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;
-}
-.faq-page .faq-section-title {
-  margin: 0;
-  font-size: 1.4rem;
-  font-weight: 600;
-  line-height: 1.2;
-  color: var(--bs-emphasis-color);
-}
-.faq-page .faq-section-count {
-  margin: 0.1rem 0 0;
-  font-size: 0.8rem;
-  color: var(--bs-secondary-color);
-}
-.faq-page .faq-section-primary {
-  border-left-color: var(--bs-primary);
+/* 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-section-primary .faq-section-icon {
-  color: var(--bs-primary-text-emphasis);
-  background: var(--bs-primary-bg-subtle);
+
+.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-section-info {
-  border-left-color: var(--bs-info);
+
+/* Focus Trap Utilities */
+.focus-trap:focus {
+  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
 }
-.faq-page .faq-section-info .faq-section-icon {
-  color: var(--bs-info-text-emphasis);
-  background: var(--bs-info-bg-subtle);
+
+/* Accessible Color Combinations - WCAG 1.4.3: Contrast (Minimum) */
+.text-accessible-primary {
+  color: #003d82; /* 4.5:1 contrast on white */
 }
-.faq-page .faq-section-warning {
-  border-left-color: var(--bs-warning);
+
+.text-accessible-success {
+  color: #0f5132; /* 4.5:1 contrast on white */
 }
-.faq-page .faq-section-warning .faq-section-icon {
-  color: var(--bs-warning-text-emphasis);
-  background: var(--bs-warning-bg-subtle);
+
+.text-accessible-danger {
+  color: #842029; /* 4.5:1 contrast on white */
 }
-.faq-page .faq-section-success {
-  border-left-color: var(--bs-success);
+
+.text-accessible-warning {
+  color: #664d03; /* 4.5:1 contrast on white */
 }
-.faq-page .faq-section-success .faq-section-icon {
-  color: var(--bs-success-text-emphasis);
-  background: var(--bs-success-bg-subtle);
+
+/* ARIA Live Regions */
+.live-region {
+  position: absolute;
+  left: -10000px;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
 }
-.faq-page .faq-section-danger {
-  border-left-color: var(--bs-danger);
+.live-region.live-region-visible {
+  position: static;
+  left: auto;
+  width: auto;
+  height: auto;
+  overflow: visible;
 }
-.faq-page .faq-section-danger .faq-section-icon {
-  color: var(--bs-danger-text-emphasis);
-  background: var(--bs-danger-bg-subtle);
+
+/* Enhanced Error States - WCAG 3.3.1: Error Identification */
+.form-control.is-invalid {
+  border-color: var(--bs-danger);
 }
-.faq-page .faq-section-secondary {
-  border-left-color: var(--bs-secondary);
+.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-secondary .faq-section-icon {
-  color: var(--bs-secondary-text-emphasis);
-  background: var(--bs-secondary-bg-subtle);
+
+.invalid-feedback[role=alert] {
+  font-weight: 600;
 }
-.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;
+
+/* Target Size - WCAG 2.5.8: Target Size (Minimum) */
+.touch-target {
+  min-width: 44px;
+  min-height: 44px;
 }
-@media (prefers-reduced-motion: reduce) {
-  .faq-page .faq-section-items .faq-item {
-    transition: none;
-  }
+.touch-target.touch-target-small {
+  min-width: 24px;
+  min-height: 24px;
 }
-.faq-page .faq-section-items .faq-item:hover {
-  border-color: var(--bs-primary-border-subtle);
-  transform: translateX(2px);
+
+/* Table Accessibility */
+.table-accessible th {
+  font-weight: 600;
+  background-color: var(--bs-secondary-bg);
 }
-.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;
+.table-accessible th[scope=col] {
+  border-bottom: 2px solid var(--bs-border-color);
 }
-.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;
+.table-accessible th[scope=row] {
+  border-right: 2px solid var(--bs-border-color);
 }
-.faq-page .faq-section-items .faq-item summary::-webkit-details-marker {
-  display: none;
+.table-accessible caption {
+  padding: 0.75rem;
+  font-weight: 600;
+  color: var(--bs-secondary);
+  text-align: left;
+  caption-side: top;
 }
-.faq-page .faq-section-items .faq-item summary::marker {
-  content: "";
+
+/* Navigation Landmarks */
+nav[role=navigation]:not([aria-label]):not([aria-labelledby])::before {
+  position: absolute;
+  left: -10000px;
+  content: "Navigation";
 }
-.faq-page .faq-section-items .faq-item summary::after {
-  content: none;
+
+/* Form Fieldset Styling */
+fieldset {
+  padding: 1rem;
+  margin-bottom: 1rem;
+  border: 1px solid var(--bs-border-color);
 }
-.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%;
+fieldset legend {
+  padding: 0 0.5rem;
+  margin-bottom: 0.5rem;
+  font-size: 1.1em;
+  font-weight: 600;
 }
-.faq-page .faq-section-items .faq-item .faq-q-text {
-  flex-grow: 1;
+
+/* Loading States */
+.loading[aria-busy=true] {
+  position: relative;
+  pointer-events: none;
 }
-.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;
+.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) {
-  .faq-page .faq-section-items .faq-item .faq-q-chevron {
-    transition: none;
+  .loading[aria-busy=true]::after {
+    border-top-color: var(--bs-primary);
+    animation: none;
   }
 }
-.faq-page .faq-section-items .faq-item[open] .faq-q-chevron {
-  color: var(--bs-primary);
-  transform: rotate(180deg);
-}
-.faq-page .faq-section-items .faq-item[open] summary {
-  color: var(--bs-primary);
-  border-bottom: 1px solid var(--bs-border-color);
-}
-.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);
-}
-.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;
-}
-.faq-page .faq-section-items .faq-item .faq-answer a {
-  color: var(--bs-primary);
-  text-decoration: underline;
-  text-underline-offset: 2px;
-}
-.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;
+
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
 }
-.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;
+/* Dark Mode Accessibility */
+[data-bs-theme=dark] .text-accessible-primary {
+  color: #6ea8fe;
 }
-.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%;
+[data-bs-theme=dark] .text-accessible-success {
+  color: #75b798;
 }
-.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);
+[data-bs-theme=dark] .text-accessible-danger {
+  color: #f1aeb5;
 }
-.faq-page .faq-cta p {
-  max-width: 32rem;
-  margin: 0 auto 1.5rem;
-  color: var(--bs-secondary-color);
+[data-bs-theme=dark] .text-accessible-warning {
+  color: #ffda6a;
 }
-.faq-page .faq-cta-actions {
-  display: inline-flex;
-  flex-wrap: wrap;
-  gap: 0.5rem;
-  justify-content: center;
+
+/* 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;
+  }
 }
 
 /*# sourceMappingURL=adminlte.css.map */