admin-lte 4.0.0-alpha2 → 4.0.0-alpha3

package/dist/css/adminlte.css

@@ -93,9 +93,10 @@
   --bs-tertiary-color-rgb: 33, 37, 41;
   --bs-tertiary-bg: #f8f9fa;
   --bs-tertiary-bg-rgb: 248, 249, 250;
+  --bs-heading-color: inherit;
   --bs-link-color: #0d6efd;
   --bs-link-color-rgb: 13, 110, 253;
-  --bs-link-decoration: none;
+  --bs-link-decoration: underline;
   --bs-link-hover-color: #0a58ca;
   --bs-link-hover-color-rgb: 10, 88, 202;
   --bs-code-color: #d63384;
@@ -126,18 +127,18 @@
 
 [data-bs-theme=dark] {
   color-scheme: dark;
-  --bs-body-color: #adb5bd;
-  --bs-body-color-rgb: 173, 181, 189;
+  --bs-body-color: #dee2e6;
+  --bs-body-color-rgb: 222, 226, 230;
   --bs-body-bg: #212529;
   --bs-body-bg-rgb: 33, 37, 41;
   --bs-emphasis-color: #fff;
   --bs-emphasis-color-rgb: 255, 255, 255;
-  --bs-secondary-color: rgba(173, 181, 189, 0.75);
-  --bs-secondary-color-rgb: 173, 181, 189;
+  --bs-secondary-color: rgba(222, 226, 230, 0.75);
+  --bs-secondary-color-rgb: 222, 226, 230;
   --bs-secondary-bg: #343a40;
   --bs-secondary-bg-rgb: 52, 58, 64;
-  --bs-tertiary-color: rgba(173, 181, 189, 0.5);
-  --bs-tertiary-color-rgb: 173, 181, 189;
+  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
+  --bs-tertiary-color-rgb: 222, 226, 230;
   --bs-tertiary-bg: #2b3035;
   --bs-tertiary-bg-rgb: 43, 48, 53;
   --bs-primary-text-emphasis: #6ea8fe;
@@ -164,6 +165,7 @@
   --bs-danger-border-subtle: #842029;
   --bs-light-border-subtle: #495057;
   --bs-dark-border-subtle: #343a40;
+  --bs-heading-color: inherit;
   --bs-link-color: #6ea8fe;
   --bs-link-hover-color: #8bb9fe;
   --bs-link-color-rgb: 110, 168, 254;
@@ -215,7 +217,7 @@ h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
   margin-bottom: 0.5rem;
   font-weight: 500;
   line-height: 1.2;
-  color: var(--bs-heading-color, inherit);
+  color: var(--bs-heading-color);
 }
 
 h1, .h1 {
@@ -345,7 +347,7 @@ sup {
 
 a {
   color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
-  text-decoration: none;
+  text-decoration: underline;
 }
 a:hover {
   --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
@@ -539,8 +541,8 @@ legend + * {
 }
 
 [type=search] {
-  outline-offset: -2px;
   -webkit-appearance: textfield;
+  outline-offset: -2px;
 }
 
 /* rtl:raw:
@@ -1852,6 +1854,10 @@ progress {
   }
 }
 .table {
+  --bs-table-color-type: initial;
+  --bs-table-bg-type: initial;
+  --bs-table-color-state: initial;
+  --bs-table-bg-state: initial;
   --bs-table-color: var(--bs-body-color);
   --bs-table-bg: transparent;
   --bs-table-border-color: var(--bs-border-color);
@@ -1864,15 +1870,15 @@ progress {
   --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
   width: 100%;
   margin-bottom: 1rem;
-  color: var(--bs-table-color);
   vertical-align: top;
   border-color: var(--bs-table-border-color);
 }
 .table > :not(caption) > * > * {
   padding: 0.5rem 0.5rem;
+  color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
   background-color: var(--bs-table-bg);
   border-bottom-width: var(--bs-border-width);
-  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
+  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
 }
 .table > tbody {
   vertical-align: inherit;
@@ -1908,23 +1914,23 @@ progress {
 }
 
 .table-striped > tbody > tr:nth-of-type(odd) > * {
-  --bs-table-accent-bg: var(--bs-table-striped-bg);
-  color: var(--bs-table-striped-color);
+  --bs-table-color-type: var(--bs-table-striped-color);
+  --bs-table-bg-type: var(--bs-table-striped-bg);
 }
 
 .table-striped-columns > :not(caption) > tr > :nth-child(even) {
-  --bs-table-accent-bg: var(--bs-table-striped-bg);
-  color: var(--bs-table-striped-color);
+  --bs-table-color-type: var(--bs-table-striped-color);
+  --bs-table-bg-type: var(--bs-table-striped-bg);
 }
 
 .table-active {
-  --bs-table-accent-bg: var(--bs-table-active-bg);
-  color: var(--bs-table-active-color);
+  --bs-table-color-state: var(--bs-table-active-color);
+  --bs-table-bg-state: var(--bs-table-active-bg);
 }
 
 .table-hover > tbody > tr:hover > * {
-  --bs-table-accent-bg: var(--bs-table-hover-bg);
-  color: var(--bs-table-hover-color);
+  --bs-table-color-state: var(--bs-table-hover-color);
+  --bs-table-bg-state: var(--bs-table-hover-bg);
 }
 
 .table-primary {
@@ -2112,12 +2118,12 @@ progress {
   font-weight: 400;
   line-height: 1.5;
   color: var(--bs-body-color);
-  background-color: var(--bs-body-bg);
-  background-clip: padding-box;
-  border: var(--bs-border-width) solid var(--bs-border-color);
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
+  background-color: var(--bs-body-bg);
+  background-clip: padding-box;
+  border: var(--bs-border-width) solid var(--bs-border-color);
   border-radius: var(--bs-border-radius);
   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
@@ -2307,6 +2313,9 @@ textarea.form-control-lg {
   font-weight: 400;
   line-height: 1.5;
   color: var(--bs-body-color);
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
   background-color: var(--bs-body-bg);
   background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
   background-repeat: no-repeat;
@@ -2316,9 +2325,6 @@ textarea.form-control-lg {
   border-radius: var(--bs-border-radius);
   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
 }
 @media (prefers-reduced-motion: reduce) {
   .form-select {
@@ -2359,7 +2365,7 @@ textarea.form-control-lg {
 }
 
 [data-bs-theme=dark] .form-select {
-  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23adb5bd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
+  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
 }
 
 .form-check {
@@ -2390,15 +2396,15 @@ textarea.form-control-lg {
   height: 1em;
   margin-top: 0.25em;
   vertical-align: top;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
   background-color: var(--bs-form-check-bg);
   background-image: var(--bs-form-check-bg-image);
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
   border: var(--bs-border-width) solid var(--bs-border-color);
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
   -webkit-print-color-adjust: exact;
   color-adjust: exact;
   print-color-adjust: exact;
@@ -2499,10 +2505,10 @@ textarea.form-control-lg {
   width: 100%;
   height: 1.5rem;
   padding: 0;
-  background-color: transparent;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
+  background-color: transparent;
 }
 .form-range:focus {
   outline: 0;
@@ -2520,14 +2526,14 @@ textarea.form-control-lg {
   width: 1rem;
   height: 1rem;
   margin-top: -0.25rem;
+  -webkit-appearance: none;
+  appearance: none;
   background-color: #0d6efd;
   border: 0;
   border-radius: 1rem;
   box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
   -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-  -webkit-appearance: none;
-  appearance: none;
 }
 @media (prefers-reduced-motion: reduce) {
   .form-range::-webkit-slider-thumb {
@@ -2551,14 +2557,14 @@ textarea.form-control-lg {
 .form-range::-moz-range-thumb {
   width: 1rem;
   height: 1rem;
+  -moz-appearance: none;
+  appearance: none;
   background-color: #0d6efd;
   border: 0;
   border-radius: 1rem;
   box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
   -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-  -moz-appearance: none;
-  appearance: none;
 }
 @media (prefers-reduced-motion: reduce) {
   .form-range::-moz-range-thumb {
@@ -2596,6 +2602,7 @@ textarea.form-control-lg {
 .form-floating > .form-control-plaintext,
 .form-floating > .form-select {
   height: calc(3.5rem + calc(var(--bs-border-width) * 2));
+  min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
   line-height: 1.25;
 }
 .form-floating > label {
@@ -2688,10 +2695,12 @@ textarea.form-control-lg {
 .form-floating > .form-control-plaintext ~ label {
   border-width: var(--bs-border-width) 0;
 }
-.form-floating > :disabled ~ label {
+.form-floating > :disabled ~ label,
+.form-floating > .form-control:disabled ~ label {
   color: #6c757d;
 }
-.form-floating > :disabled ~ label::after {
+.form-floating > :disabled ~ label::after,
+.form-floating > .form-control:disabled ~ label::after {
   background-color: var(--bs-secondary-bg);
 }
 
@@ -2990,6 +2999,7 @@ textarea.form-control-lg {
   line-height: var(--bs-btn-line-height);
   color: var(--bs-btn-color);
   text-align: center;
+  text-decoration: none;
   vertical-align: middle;
   cursor: pointer;
   -webkit-user-select: none;
@@ -3331,7 +3341,7 @@ textarea.form-control-lg {
   --bs-btn-disabled-border-color: transparent;
   --bs-btn-box-shadow: 0 0 0 #000;
   --bs-btn-focus-shadow-rgb: 49, 132, 253;
-  text-decoration: none;
+  text-decoration: underline;
 }
 .btn-link:focus-visible {
   color: var(--bs-btn-color);
@@ -3429,7 +3439,7 @@ textarea.form-control-lg {
   --bs-dropdown-border-color: var(--bs-border-color-translucent);
   --bs-dropdown-border-radius: var(--bs-border-radius);
   --bs-dropdown-border-width: var(--bs-border-width);
-  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
+  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
   --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
   --bs-dropdown-divider-margin-y: 0.5rem;
   --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
@@ -3654,6 +3664,7 @@ textarea.form-control-lg {
   font-weight: 400;
   color: var(--bs-dropdown-link-color);
   text-align: inherit;
+  text-decoration: none;
   white-space: nowrap;
   background-color: transparent;
   border: 0;
@@ -3835,6 +3846,7 @@ textarea.form-control-lg {
   font-size: var(--bs-nav-link-font-size);
   font-weight: var(--bs-nav-link-font-weight);
   color: var(--bs-nav-link-color);
+  text-decoration: none;
   background: none;
   border: 0;
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
@@ -3851,7 +3863,7 @@ textarea.form-control-lg {
   outline: 0;
   box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
 }
-.nav-link.disabled {
+.nav-link.disabled, .nav-link:disabled {
   color: var(--bs-nav-link-disabled-color);
   pointer-events: none;
   cursor: default;
@@ -3877,11 +3889,6 @@ textarea.form-control-lg {
   isolation: isolate;
   border-color: var(--bs-nav-tabs-link-hover-border-color);
 }
-.nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled {
-  color: var(--bs-nav-link-disabled-color);
-  background-color: transparent;
-  border-color: transparent;
-}
 .nav-tabs .nav-link.active,
 .nav-tabs .nav-item.show .nav-link {
   color: var(--bs-nav-tabs-link-active-color);
@@ -3902,11 +3909,6 @@ textarea.form-control-lg {
 .nav-pills .nav-link {
   border-radius: var(--bs-nav-pills-border-radius);
 }
-.nav-pills .nav-link:disabled {
-  color: var(--bs-nav-link-disabled-color);
-  background-color: transparent;
-  border-color: transparent;
-}
 .nav-pills .nav-link.active,
 .nav-pills .show > .nav-link {
   color: var(--bs-nav-pills-link-active-color);
@@ -4005,6 +4007,7 @@ textarea.form-control-lg {
   margin-right: var(--bs-navbar-brand-margin-end);
   font-size: var(--bs-navbar-brand-font-size);
   color: var(--bs-navbar-brand-color);
+  text-decoration: none;
   white-space: nowrap;
 }
 .navbar-brand:hover, .navbar-brand:focus {
@@ -4375,7 +4378,8 @@ textarea.form-control-lg {
   overflow-y: visible;
 }
 
-.navbar-dark {
+.navbar-dark,
+.navbar[data-bs-theme=dark] {
   --bs-navbar-color: rgba(255, 255, 255, 0.55);
   --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
   --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
@@ -4782,6 +4786,7 @@ textarea.form-control-lg {
   padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
   font-size: var(--bs-pagination-font-size);
   color: var(--bs-pagination-color);
+  text-decoration: none;
   background-color: var(--bs-pagination-bg);
   border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
@@ -5083,6 +5088,7 @@ textarea.form-control-lg {
   display: block;
   padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
   color: var(--bs-list-group-color);
+  text-decoration: none;
   background-color: var(--bs-list-group-bg);
   border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
 }
@@ -5887,12 +5893,12 @@ textarea.form-control-lg {
   --bs-popover-border-width: var(--bs-border-width);
   --bs-popover-border-color: var(--bs-border-color-translucent);
   --bs-popover-border-radius: var(--bs-border-radius-lg);
-  --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
+  --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
   --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
   --bs-popover-header-padding-x: 1rem;
   --bs-popover-header-padding-y: 0.5rem;
   --bs-popover-header-font-size: 1rem;
-  --bs-popover-header-color: ;
+  --bs-popover-header-color: inherit;
   --bs-popover-header-bg: var(--bs-secondary-bg);
   --bs-popover-body-padding-x: 1rem;
   --bs-popover-body-padding-y: 1rem;
@@ -6878,141 +6884,141 @@ textarea.form-control-lg {
 
 .text-bg-primary {
   color: #fff !important;
-  background-color: RGBA(13, 110, 253, var(--bs-bg-opacity, 1)) !important;
+  background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
 .text-bg-secondary {
   color: #fff !important;
-  background-color: RGBA(108, 117, 125, var(--bs-bg-opacity, 1)) !important;
+  background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
 .text-bg-success {
   color: #fff !important;
-  background-color: RGBA(25, 135, 84, var(--bs-bg-opacity, 1)) !important;
+  background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
 .text-bg-info {
   color: #000 !important;
-  background-color: RGBA(13, 202, 240, var(--bs-bg-opacity, 1)) !important;
+  background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
 .text-bg-warning {
   color: #000 !important;
-  background-color: RGBA(255, 193, 7, var(--bs-bg-opacity, 1)) !important;
+  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
 .text-bg-danger {
   color: #fff !important;
-  background-color: RGBA(220, 53, 69, var(--bs-bg-opacity, 1)) !important;
+  background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
 .text-bg-light {
   color: #000 !important;
-  background-color: RGBA(248, 249, 250, var(--bs-bg-opacity, 1)) !important;
+  background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
 .text-bg-dark {
   color: #fff !important;
-  background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important;
+  background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
 .link-primary {
-  color: RGBA(var(--bs-primary-rgb, var(--bs-link-opacity, 1)));
-  -webkit-text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1));
-  text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1));
+  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
+  -webkit-text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
+  text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
 }
 .link-primary:hover, .link-primary:focus {
-  color: RGBA(10, 88, 202, var(--bs-link-opacity, 1));
-  -webkit-text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1));
-  text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1));
+  color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
+  -webkit-text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important;
+  text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important;
 }
 
 .link-secondary {
-  color: RGBA(var(--bs-secondary-rgb, var(--bs-link-opacity, 1)));
-  -webkit-text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1));
-  text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1));
+  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
+  -webkit-text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
+  text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
 }
 .link-secondary:hover, .link-secondary:focus {
-  color: RGBA(86, 94, 100, var(--bs-link-opacity, 1));
-  -webkit-text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1));
-  text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1));
+  color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
+  -webkit-text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
+  text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
 }
 
 .link-success {
-  color: RGBA(var(--bs-success-rgb, var(--bs-link-opacity, 1)));
-  -webkit-text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1));
-  text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1));
+  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
+  -webkit-text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
+  text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
 }
 .link-success:hover, .link-success:focus {
-  color: RGBA(20, 108, 67, var(--bs-link-opacity, 1));
-  -webkit-text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1));
-  text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1));
+  color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
+  -webkit-text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
+  text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
 }
 
 .link-info {
-  color: RGBA(var(--bs-info-rgb, var(--bs-link-opacity, 1)));
-  -webkit-text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1));
-  text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1));
+  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
+  -webkit-text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
+  text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
 }
 .link-info:hover, .link-info:focus {
-  color: RGBA(61, 213, 243, var(--bs-link-opacity, 1));
-  -webkit-text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1));
-  text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1));
+  color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
+  -webkit-text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
+  text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
 }
 
 .link-warning {
-  color: RGBA(var(--bs-warning-rgb, var(--bs-link-opacity, 1)));
-  -webkit-text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1));
-  text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1));
+  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
+  -webkit-text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
+  text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
 }
 .link-warning:hover, .link-warning:focus {
-  color: RGBA(255, 205, 57, var(--bs-link-opacity, 1));
-  -webkit-text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1));
-  text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1));
+  color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
+  -webkit-text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
+  text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
 }
 
 .link-danger {
-  color: RGBA(var(--bs-danger-rgb, var(--bs-link-opacity, 1)));
-  -webkit-text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1));
-  text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1));
+  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
+  -webkit-text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
+  text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
 }
 .link-danger:hover, .link-danger:focus {
-  color: RGBA(176, 42, 55, var(--bs-link-opacity, 1));
-  -webkit-text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1));
-  text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1));
+  color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
+  -webkit-text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
+  text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
 }
 
 .link-light {
-  color: RGBA(var(--bs-light-rgb, var(--bs-link-opacity, 1)));
-  -webkit-text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1));
-  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1));
+  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
+  -webkit-text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
+  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
 }
 .link-light:hover, .link-light:focus {
-  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1));
-  -webkit-text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1));
-  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1));
+  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
+  -webkit-text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
+  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
 }
 
 .link-dark {
-  color: RGBA(var(--bs-dark-rgb, var(--bs-link-opacity, 1)));
-  -webkit-text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1));
-  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1));
+  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
+  -webkit-text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
+  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
 }
 .link-dark:hover, .link-dark:focus {
-  color: RGBA(26, 30, 33, var(--bs-link-opacity, 1));
-  -webkit-text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1));
-  text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1));
+  color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
+  -webkit-text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
+  text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
 }
 
 .link-body-emphasis {
-  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1));
-  -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1));
-  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1));
+  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
+  -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
+  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
 }
 .link-body-emphasis:hover, .link-body-emphasis:focus {
-  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75));
-  -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75));
-  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75));
+  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
+  -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
+  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
 }
 
 .focus-ring:focus {
@@ -7229,7 +7235,7 @@ textarea.form-control-lg {
 .vr {
   display: inline-block;
   align-self: stretch;
-  width: 1px;
+  width: var(--bs-border-width);
   min-height: 1em;
   background-color: currentcolor;
   opacity: 0.25;
@@ -12844,21 +12850,17 @@ textarea.form-control-lg {
 }
 @keyframes fadeIn {
   from {
-    visibility: hidden;
     opacity: 0;
   }
   to {
-    visibility: visible;
     opacity: 1;
   }
 }
 @keyframes fadeOut {
   from {
-    visibility: visible;
     opacity: 1;
   }
   to {
-    visibility: hidden;
     opacity: 0;
   }
 }
@@ -12942,6 +12944,60 @@ textarea.form-control-lg {
   min-width: 0;
 }
 
+.app-content {
+  padding: 0 0.5rem;
+}
+
+.app-content-top-area,
+.app-content-bottom-area {
+  display: flex;
+  align-items: center;
+  padding: 0 0.5rem;
+  overflow: auto;
+  background: var(--bs-body-bg);
+}
+.app-content-top-area > .row,
+.app-content-bottom-area > .row {
+  display: contents;
+}
+.app-content-top-area.app-content-top-area-sm, .app-content-top-area.app-content-bottom-area-sm,
+.app-content-bottom-area.app-content-top-area-sm,
+.app-content-bottom-area.app-content-bottom-area-sm {
+  min-height: 3.5rem;
+}
+.app-content-top-area.app-content-top-area-md, .app-content-top-area.app-content-bottom-area-md,
+.app-content-bottom-area.app-content-top-area-md,
+.app-content-bottom-area.app-content-bottom-area-md {
+  min-height: 6rem;
+}
+.app-content-top-area.app-content-top-area-lg, .app-content-top-area.app-content-bottom-area-lg,
+.app-content-bottom-area.app-content-top-area-lg,
+.app-content-bottom-area.app-content-bottom-area-lg {
+  min-height: 9rem;
+}
+.app-content-top-area.app-content-top-area-xl, .app-content-top-area.app-content-bottom-area-xl,
+.app-content-bottom-area.app-content-top-area-xl,
+.app-content-bottom-area.app-content-bottom-area-xl {
+  min-height: 12rem;
+}
+
+.app-content-top-area:not(.app-content-top-area-sm):not(.app-content-top-area-md):not(.app-content-top-area-lg):not(.app-content-top-area-xl),
+.app-content-bottom-area:not(.app-content-bottom-area-sm):not(.app-content-bottom-area-md):not(.app-content-bottom-area-lg):not(.app-content-bottom-area-xl) {
+  padding-top: 0.9375rem;
+  padding-bottom: 0.9375rem;
+}
+
+.app-content-bottom-area {
+  border-top: 1px solid var(--bs-border-color);
+}
+
+.app-content-top-area {
+  border-bottom: 1px solid var(--bs-border-color);
+}
+.app-content-top-area + .app-main {
+  padding-top: 0.75rem;
+}
+
 .app-header {
   z-index: 1034;
   grid-area: lte-app-header;
@@ -12996,7 +13052,9 @@ textarea.form-control-lg {
 
 .sidebar-brand {
   display: flex;
-  justify-content: space-between;
+  align-items: center;
+  justify-content: center;
+  height: 3.5rem;
   padding: 0.8125rem 0.5rem;
   overflow: hidden;
   font-size: 1.25rem;
@@ -13010,21 +13068,33 @@ textarea.form-control-lg {
   }
 }
 .sidebar-brand .brand-link {
-  flex: 1;
-}
-.sidebar-brand .brand-link:hover {
+  display: flex;
+  align-items: center;
   text-decoration: none;
 }
 .sidebar-brand .brand-link .brand-image {
   float: left;
   width: auto;
   max-height: 33px;
-  margin-top: -3px;
-  margin-right: 0.5rem;
-  margin-left: 0.8rem;
   line-height: 0.8;
 }
+.sidebar-brand .brand-link .brand-image-xs {
+  float: left;
+  width: auto;
+  max-height: 33px;
+  margin-top: -0.1rem;
+  line-height: 0.8;
+}
+.sidebar-brand .brand-link .brand-image-xl {
+  width: auto;
+  max-height: 40px;
+  line-height: 0.8;
+}
+.sidebar-brand .brand-link .brand-image-xl.single {
+  margin-top: -0.3rem;
+}
 .sidebar-brand .brand-text {
+  margin-left: 0.5rem;
   color: rgba(var(--bs-emphasis-color-rgb), 0.8);
   transition: flex 0.3s ease-in-out, width 0.3s ease-in-out;
 }
@@ -13042,8 +13112,6 @@ textarea.form-control-lg {
   padding-right: 0.5rem;
   padding-bottom: 0.5rem;
   padding-left: 0.5rem;
-  overflow-x: hidden;
-  overflow-y: auto;
   scrollbar-color: var(--bs-secondary-bg) transparent;
   scrollbar-width: thin;
 }
@@ -13060,6 +13128,25 @@ textarea.form-control-lg {
   width: 0.5rem;
   height: 0.5rem;
 }
+.sidebar-wrapper .nav-item {
+  max-width: 100%;
+}
+.sidebar-wrapper .nav-link {
+  display: flex;
+  justify-content: flex-start;
+}
+.sidebar-wrapper .nav-link p {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.sidebar-wrapper .nav-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 1.5rem;
+  max-width: 1.5rem;
+}
 .sidebar-wrapper .sidebar-menu > .nav-item.menu-open .nav-link.active:not(:hover) {
   --lte-sidebar-menu-active-bg: transparent;
 }
@@ -13085,9 +13172,6 @@ textarea.form-control-lg {
 .sidebar-wrapper a {
   color: var(--lte-sidebar-color);
 }
-.sidebar-wrapper a:hover, .sidebar-wrapper a:focus {
-  text-decoration: none;
-}
 .sidebar-wrapper .nav-treeview > .nav-item > .nav-link {
   color: var(--lte-sidebar-submenu-color);
 }
@@ -13107,7 +13191,10 @@ textarea.form-control-lg {
 }
 .sidebar-menu .nav-item > .nav-link .nav-arrow {
   transition: transform ease-in-out 0.3s;
-  transform: none /*rtl:rotate(180deg)*/;
+  transform: translateY(-50%) /*rtl:rotate(180deg)*/;
+  animation-name: fadeIn;
+  animation-duration: 0.3s;
+  animation-fill-mode: both;
 }
 @media (prefers-reduced-motion: reduce) {
   .sidebar-menu .nav-item > .nav-link .nav-arrow {
@@ -13122,12 +13209,11 @@ textarea.form-control-lg {
 .sidebar-menu .nav-link > .nav-arrow,
 .sidebar-menu .nav-link > p > .nav-arrow {
   position: absolute;
-  top: 0.7rem;
+  top: 50%;
   right: 1rem;
 }
 .sidebar-menu .nav-link {
   position: relative;
-  width: calc(var(--lte-sidebar-width) - 1rem);
   transition: width ease-in-out 0.3s;
   border-radius: 0.375rem;
 }
@@ -13141,9 +13227,6 @@ textarea.form-control-lg {
   padding-left: 0.5rem;
   margin: 0;
 }
-.sidebar-menu .nav-link .nav-icon {
-  padding-left: 0.3rem;
-}
 .sidebar-menu .nav-header {
   padding: 0.5rem 0.75rem;
   font-size: 0.9rem;
@@ -13153,11 +13236,37 @@ textarea.form-control-lg {
   padding: 0;
   list-style: none;
 }
+.nav-indent .sidebar-menu .nav-treeview {
+  padding-left: 0.5rem;
+}
 .sidebar-menu .menu-open > .nav-treeview {
   display: block;
 }
 .sidebar-menu .menu-open > .nav-link .nav-arrow {
-  transform: rotate(90deg) /*rtl:rotate(90deg)*/;
+  transform: translateY(-50%) rotate(90deg) /*rtl:rotate(90deg)*/;
+}
+
+.nav-compact.nav-indent .nav-treeview {
+  padding-left: 0;
+}
+.nav-compact.nav-indent .nav-treeview .nav-item {
+  padding-left: 0.5rem;
+}
+
+.sidebar-mini.sidebar-collapse.nav-indent .app-sidebar:hover .nav-treeview {
+  padding-left: 0;
+}
+.sidebar-mini.sidebar-collapse.nav-indent .app-sidebar:hover .nav-treeview .nav-item {
+  padding-left: 0.5rem;
+}
+
+.sidebar-collapse.nav-compact.nav-indent .nav-treeview .nav-item {
+  padding-left: 0;
+}
+
+.nav-compact .nav-link {
+  border-radius: 0;
+  margin-bottom: 0 !important;
 }
 
 .sidebar-menu,
@@ -13166,6 +13275,36 @@ textarea.form-control-lg {
   white-space: nowrap;
 }
 
+.logo-xs,
+.logo-xl {
+  position: absolute;
+  visibility: visible;
+  opacity: 1;
+}
+.logo-xs.brand-image-xs,
+.logo-xl.brand-image-xs {
+  top: 12px;
+  left: 18px;
+}
+.logo-xs.brand-image-xl,
+.logo-xl.brand-image-xl {
+  top: 6px;
+  left: 12px;
+}
+
+.logo-xs {
+  visibility: hidden;
+  opacity: 0;
+}
+.logo-xs.brand-image-xl {
+  top: 8px;
+  left: 16px;
+}
+
+.brand-link.logo-switch::before {
+  content: " ";
+}
+
 .sidebar-mini.sidebar-collapse .app-sidebar {
   min-width: 4.6rem;
   max-width: 4.6rem;
@@ -13177,33 +13316,84 @@ textarea.form-control-lg {
   width: 3.6rem;
 }
 .sidebar-mini.sidebar-collapse .sidebar-menu .nav-link p {
+  display: inline-block;
   width: 0;
   white-space: nowrap;
 }
-.sidebar-mini.sidebar-collapse .sidebar-menu .nav-link p,
+.sidebar-mini.sidebar-collapse .sidebar-menu .nav-badge,
+.sidebar-mini.sidebar-collapse .sidebar-menu .nav-arrow {
+  display: none;
+  animation-name: fadeOut;
+  animation-duration: 0.3s;
+  animation-fill-mode: both;
+}
 .sidebar-mini.sidebar-collapse .brand-text {
+  display: inline-block;
+  max-width: 0;
+  overflow: hidden;
+}
+.sidebar-mini.sidebar-collapse .sidebar-menu .nav-link p,
+.sidebar-mini.sidebar-collapse .brand-text,
+.sidebar-mini.sidebar-collapse .logo-xl,
+.sidebar-mini.sidebar-collapse .nav-arrow {
   visibility: hidden;
   animation-name: fadeOut;
+  animation-duration: 0.3s;
   animation-fill-mode: both;
 }
-.sidebar-mini.sidebar-collapse.sidebar-is-hover .app-sidebar {
+.sidebar-mini.sidebar-collapse .logo-xs {
+  display: inline-block;
+  visibility: visible;
+  animation-name: fadeIn;
+  animation-duration: 0.3s;
+  animation-fill-mode: both;
+}
+.sidebar-mini.sidebar-collapse .app-sidebar:hover {
   min-width: var(--lte-sidebar-width);
   max-width: var(--lte-sidebar-width);
 }
-.sidebar-mini.sidebar-collapse.sidebar-is-hover .sidebar-menu .nav-header {
+.sidebar-mini.sidebar-collapse .app-sidebar:hover .sidebar-menu .nav-header {
   display: inline-block;
 }
-.sidebar-mini.sidebar-collapse.sidebar-is-hover .sidebar-menu .nav-link {
-  width: calc(var(--lte-sidebar-width) - 1rem);
+.sidebar-mini.sidebar-collapse .app-sidebar:hover .sidebar-menu .nav-link {
+  width: auto;
 }
-.sidebar-mini.sidebar-collapse.sidebar-is-hover .sidebar-menu .nav-link p,
-.sidebar-mini.sidebar-collapse.sidebar-is-hover .brand-text {
+.sidebar-mini.sidebar-collapse .app-sidebar:hover .sidebar-menu .nav-link p,
+.sidebar-mini.sidebar-collapse .app-sidebar:hover .brand-text,
+.sidebar-mini.sidebar-collapse .app-sidebar:hover .logo-xl {
+  width: auto;
   margin-left: 0;
   visibility: visible;
   animation-name: fadeIn;
   animation-duration: 0.3s;
   animation-fill-mode: both;
 }
+.sidebar-mini.sidebar-collapse .app-sidebar:hover .brand-text {
+  display: inline;
+  max-width: inherit;
+  margin-left: 0.5rem;
+  animation-name: fadeIn;
+  animation-duration: 0.3s;
+  animation-fill-mode: both;
+}
+.sidebar-mini.sidebar-collapse .app-sidebar:hover .nav-badge,
+.sidebar-mini.sidebar-collapse .app-sidebar:hover .nav-arrow {
+  display: inline-block;
+  visibility: visible;
+  animation-name: fadeIn;
+  animation-duration: 0.3s;
+  animation-fill-mode: both;
+  animation-delay: 0.3s;
+}
+.sidebar-mini.sidebar-collapse .app-sidebar:hover .nav-link p {
+  padding-left: 0.5rem;
+}
+.sidebar-mini.sidebar-collapse .app-sidebar:hover .logo-xs {
+  visibility: hidden;
+  animation-name: fadeOut;
+  animation-duration: 0.3s;
+  animation-fill-mode: both;
+}
 
 .sidebar-collapse:not(.sidebar-mini) .app-sidebar {
   margin-left: calc(var(--lte-sidebar-width) * -1);
@@ -13218,30 +13408,44 @@ textarea.form-control-lg {
   /* stylelint-disable-next-line scss/selector-no-union-class-name */
 }
 @media (min-width: 576px) {
-  .sidebar-expand-sm.layout-fixed .app-sidebar {
-    position: fixed;
+  .sidebar-expand-sm.layout-fixed-complete .app-main-wrapper, .sidebar-expand-sm.layout-fixed .app-main-wrapper {
+    display: flex;
+    flex-direction: column;
+    min-height: 100vh;
+  }
+  .sidebar-expand-sm.layout-fixed-complete .app-sidebar-wrapper, .sidebar-expand-sm.layout-fixed .app-sidebar-wrapper {
+    position: relative;
+  }
+  .sidebar-expand-sm.layout-fixed-complete .app-main, .sidebar-expand-sm.layout-fixed .app-main {
+    flex: 1 1 auto;
+    overflow: auto;
+  }
+  .sidebar-expand-sm.layout-fixed-complete .app-sidebar, .sidebar-expand-sm.layout-fixed .app-sidebar {
+    position: -webkit-sticky;
+    position: sticky;
     top: 0;
     bottom: 0;
-    left: 0;
     max-height: 100vh;
   }
-  .sidebar-expand-sm.layout-fixed .app-sidebar .sidebar-wrapper {
+  .sidebar-expand-sm.layout-fixed-complete .app-sidebar .sidebar-wrapper, .sidebar-expand-sm.layout-fixed .app-sidebar .sidebar-wrapper {
     height: calc(100vh - (calc(3.5rem + 1px)));
   }
-  .sidebar-expand-sm.layout-fixed .app-header,
-  .sidebar-expand-sm.layout-fixed .app-main,
-  .sidebar-expand-sm.layout-fixed .app-footer {
-    margin-left: var(--lte-sidebar-width);
+  .sidebar-expand-sm.layout-fixed-complete .app-main-wrapper {
+    max-height: 100vh;
   }
-  .sidebar-expand-sm.layout-fixed.sidebar-collapse .app-header,
-  .sidebar-expand-sm.layout-fixed.sidebar-collapse .app-main,
-  .sidebar-expand-sm.layout-fixed.sidebar-collapse .app-footer {
-    margin-left: 0;
+  .sidebar-expand-sm.sidebar-open .nav-link > .nav-badge,
+  .sidebar-expand-sm.sidebar-open .nav-link > p > .nav-badge {
+    animation-name: fadeIn;
+    animation-duration: 0.3s;
+    animation-fill-mode: both;
+    animation-delay: 0.3s;
   }
-  .sidebar-expand-sm.layout-fixed.sidebar-mini.sidebar-collapse .app-header,
-  .sidebar-expand-sm.layout-fixed.sidebar-mini.sidebar-collapse .app-main,
-  .sidebar-expand-sm.layout-fixed.sidebar-mini.sidebar-collapse .app-footer {
-    margin-left: 4.6rem;
+  .sidebar-expand-sm.sidebar-open .nav-link > .nav-arrow,
+  .sidebar-expand-sm.sidebar-open .nav-link > p > .nav-arrow {
+    animation-name: fadeIn;
+    animation-duration: 0.3s;
+    animation-fill-mode: both;
+    animation-delay: 0.3s;
   }
 }
 @media (max-width: 575.98px) {
@@ -13253,58 +13457,67 @@ textarea.form-control-lg {
     position: fixed;
     top: 0;
     bottom: 0;
-    left: 0;
     max-height: 100vh;
     margin-left: calc(var(--lte-sidebar-width) * -1);
   }
   .sidebar-expand-sm .app-sidebar .sidebar-wrapper {
     height: calc(100vh - (calc(3.5rem + 1px)));
-    overflow-x: hidden;
-    overflow-y: auto;
-  }
-  .sidebar-expand-sm.sidebar-mini .app-sidebar {
-    margin-left: -4.6rem;
   }
   .sidebar-expand-sm.sidebar-open .app-sidebar {
     margin-left: 0;
   }
   .sidebar-expand-sm.sidebar-open .sidebar-overlay {
-    position: fixed;
-    top: 0;
-    left: 0;
+    position: absolute;
+    inset: 0;
     z-index: 1037;
     width: 100%;
     height: 100%;
+    cursor: pointer;
+    visibility: visible;
     background-color: rgba(0, 0, 0, 0.2);
     animation-name: fadeIn;
     animation-fill-mode: both;
   }
 }
 @media (min-width: 768px) {
-  .sidebar-expand-md.layout-fixed .app-sidebar {
-    position: fixed;
+  .sidebar-expand-md.layout-fixed-complete .app-main-wrapper, .sidebar-expand-md.layout-fixed .app-main-wrapper {
+    display: flex;
+    flex-direction: column;
+    min-height: 100vh;
+  }
+  .sidebar-expand-md.layout-fixed-complete .app-sidebar-wrapper, .sidebar-expand-md.layout-fixed .app-sidebar-wrapper {
+    position: relative;
+  }
+  .sidebar-expand-md.layout-fixed-complete .app-main, .sidebar-expand-md.layout-fixed .app-main {
+    flex: 1 1 auto;
+    overflow: auto;
+  }
+  .sidebar-expand-md.layout-fixed-complete .app-sidebar, .sidebar-expand-md.layout-fixed .app-sidebar {
+    position: -webkit-sticky;
+    position: sticky;
     top: 0;
     bottom: 0;
-    left: 0;
     max-height: 100vh;
   }
-  .sidebar-expand-md.layout-fixed .app-sidebar .sidebar-wrapper {
+  .sidebar-expand-md.layout-fixed-complete .app-sidebar .sidebar-wrapper, .sidebar-expand-md.layout-fixed .app-sidebar .sidebar-wrapper {
     height: calc(100vh - (calc(3.5rem + 1px)));
   }
-  .sidebar-expand-md.layout-fixed .app-header,
-  .sidebar-expand-md.layout-fixed .app-main,
-  .sidebar-expand-md.layout-fixed .app-footer {
-    margin-left: var(--lte-sidebar-width);
+  .sidebar-expand-md.layout-fixed-complete .app-main-wrapper {
+    max-height: 100vh;
   }
-  .sidebar-expand-md.layout-fixed.sidebar-collapse .app-header,
-  .sidebar-expand-md.layout-fixed.sidebar-collapse .app-main,
-  .sidebar-expand-md.layout-fixed.sidebar-collapse .app-footer {
-    margin-left: 0;
+  .sidebar-expand-md.sidebar-open .nav-link > .nav-badge,
+  .sidebar-expand-md.sidebar-open .nav-link > p > .nav-badge {
+    animation-name: fadeIn;
+    animation-duration: 0.3s;
+    animation-fill-mode: both;
+    animation-delay: 0.3s;
   }
-  .sidebar-expand-md.layout-fixed.sidebar-mini.sidebar-collapse .app-header,
-  .sidebar-expand-md.layout-fixed.sidebar-mini.sidebar-collapse .app-main,
-  .sidebar-expand-md.layout-fixed.sidebar-mini.sidebar-collapse .app-footer {
-    margin-left: 4.6rem;
+  .sidebar-expand-md.sidebar-open .nav-link > .nav-arrow,
+  .sidebar-expand-md.sidebar-open .nav-link > p > .nav-arrow {
+    animation-name: fadeIn;
+    animation-duration: 0.3s;
+    animation-fill-mode: both;
+    animation-delay: 0.3s;
   }
 }
 @media (max-width: 767.98px) {
@@ -13316,58 +13529,67 @@ textarea.form-control-lg {
     position: fixed;
     top: 0;
     bottom: 0;
-    left: 0;
     max-height: 100vh;
     margin-left: calc(var(--lte-sidebar-width) * -1);
   }
   .sidebar-expand-md .app-sidebar .sidebar-wrapper {
     height: calc(100vh - (calc(3.5rem + 1px)));
-    overflow-x: hidden;
-    overflow-y: auto;
-  }
-  .sidebar-expand-md.sidebar-mini .app-sidebar {
-    margin-left: -4.6rem;
   }
   .sidebar-expand-md.sidebar-open .app-sidebar {
     margin-left: 0;
   }
   .sidebar-expand-md.sidebar-open .sidebar-overlay {
-    position: fixed;
-    top: 0;
-    left: 0;
+    position: absolute;
+    inset: 0;
     z-index: 1037;
     width: 100%;
     height: 100%;
+    cursor: pointer;
+    visibility: visible;
     background-color: rgba(0, 0, 0, 0.2);
     animation-name: fadeIn;
     animation-fill-mode: both;
   }
 }
 @media (min-width: 992px) {
-  .sidebar-expand-lg.layout-fixed .app-sidebar {
-    position: fixed;
+  .sidebar-expand-lg.layout-fixed-complete .app-main-wrapper, .sidebar-expand-lg.layout-fixed .app-main-wrapper {
+    display: flex;
+    flex-direction: column;
+    min-height: 100vh;
+  }
+  .sidebar-expand-lg.layout-fixed-complete .app-sidebar-wrapper, .sidebar-expand-lg.layout-fixed .app-sidebar-wrapper {
+    position: relative;
+  }
+  .sidebar-expand-lg.layout-fixed-complete .app-main, .sidebar-expand-lg.layout-fixed .app-main {
+    flex: 1 1 auto;
+    overflow: auto;
+  }
+  .sidebar-expand-lg.layout-fixed-complete .app-sidebar, .sidebar-expand-lg.layout-fixed .app-sidebar {
+    position: -webkit-sticky;
+    position: sticky;
     top: 0;
     bottom: 0;
-    left: 0;
     max-height: 100vh;
   }
-  .sidebar-expand-lg.layout-fixed .app-sidebar .sidebar-wrapper {
+  .sidebar-expand-lg.layout-fixed-complete .app-sidebar .sidebar-wrapper, .sidebar-expand-lg.layout-fixed .app-sidebar .sidebar-wrapper {
     height: calc(100vh - (calc(3.5rem + 1px)));
   }
-  .sidebar-expand-lg.layout-fixed .app-header,
-  .sidebar-expand-lg.layout-fixed .app-main,
-  .sidebar-expand-lg.layout-fixed .app-footer {
-    margin-left: var(--lte-sidebar-width);
+  .sidebar-expand-lg.layout-fixed-complete .app-main-wrapper {
+    max-height: 100vh;
   }
-  .sidebar-expand-lg.layout-fixed.sidebar-collapse .app-header,
-  .sidebar-expand-lg.layout-fixed.sidebar-collapse .app-main,
-  .sidebar-expand-lg.layout-fixed.sidebar-collapse .app-footer {
-    margin-left: 0;
+  .sidebar-expand-lg.sidebar-open .nav-link > .nav-badge,
+  .sidebar-expand-lg.sidebar-open .nav-link > p > .nav-badge {
+    animation-name: fadeIn;
+    animation-duration: 0.3s;
+    animation-fill-mode: both;
+    animation-delay: 0.3s;
   }
-  .sidebar-expand-lg.layout-fixed.sidebar-mini.sidebar-collapse .app-header,
-  .sidebar-expand-lg.layout-fixed.sidebar-mini.sidebar-collapse .app-main,
-  .sidebar-expand-lg.layout-fixed.sidebar-mini.sidebar-collapse .app-footer {
-    margin-left: 4.6rem;
+  .sidebar-expand-lg.sidebar-open .nav-link > .nav-arrow,
+  .sidebar-expand-lg.sidebar-open .nav-link > p > .nav-arrow {
+    animation-name: fadeIn;
+    animation-duration: 0.3s;
+    animation-fill-mode: both;
+    animation-delay: 0.3s;
   }
 }
 @media (max-width: 991.98px) {
@@ -13379,58 +13601,67 @@ textarea.form-control-lg {
     position: fixed;
     top: 0;
     bottom: 0;
-    left: 0;
     max-height: 100vh;
     margin-left: calc(var(--lte-sidebar-width) * -1);
   }
   .sidebar-expand-lg .app-sidebar .sidebar-wrapper {
     height: calc(100vh - (calc(3.5rem + 1px)));
-    overflow-x: hidden;
-    overflow-y: auto;
-  }
-  .sidebar-expand-lg.sidebar-mini .app-sidebar {
-    margin-left: -4.6rem;
   }
   .sidebar-expand-lg.sidebar-open .app-sidebar {
     margin-left: 0;
   }
   .sidebar-expand-lg.sidebar-open .sidebar-overlay {
-    position: fixed;
-    top: 0;
-    left: 0;
+    position: absolute;
+    inset: 0;
     z-index: 1037;
     width: 100%;
     height: 100%;
+    cursor: pointer;
+    visibility: visible;
     background-color: rgba(0, 0, 0, 0.2);
     animation-name: fadeIn;
     animation-fill-mode: both;
   }
 }
 @media (min-width: 1200px) {
-  .sidebar-expand-xl.layout-fixed .app-sidebar {
-    position: fixed;
+  .sidebar-expand-xl.layout-fixed-complete .app-main-wrapper, .sidebar-expand-xl.layout-fixed .app-main-wrapper {
+    display: flex;
+    flex-direction: column;
+    min-height: 100vh;
+  }
+  .sidebar-expand-xl.layout-fixed-complete .app-sidebar-wrapper, .sidebar-expand-xl.layout-fixed .app-sidebar-wrapper {
+    position: relative;
+  }
+  .sidebar-expand-xl.layout-fixed-complete .app-main, .sidebar-expand-xl.layout-fixed .app-main {
+    flex: 1 1 auto;
+    overflow: auto;
+  }
+  .sidebar-expand-xl.layout-fixed-complete .app-sidebar, .sidebar-expand-xl.layout-fixed .app-sidebar {
+    position: -webkit-sticky;
+    position: sticky;
     top: 0;
     bottom: 0;
-    left: 0;
     max-height: 100vh;
   }
-  .sidebar-expand-xl.layout-fixed .app-sidebar .sidebar-wrapper {
+  .sidebar-expand-xl.layout-fixed-complete .app-sidebar .sidebar-wrapper, .sidebar-expand-xl.layout-fixed .app-sidebar .sidebar-wrapper {
     height: calc(100vh - (calc(3.5rem + 1px)));
   }
-  .sidebar-expand-xl.layout-fixed .app-header,
-  .sidebar-expand-xl.layout-fixed .app-main,
-  .sidebar-expand-xl.layout-fixed .app-footer {
-    margin-left: var(--lte-sidebar-width);
+  .sidebar-expand-xl.layout-fixed-complete .app-main-wrapper {
+    max-height: 100vh;
   }
-  .sidebar-expand-xl.layout-fixed.sidebar-collapse .app-header,
-  .sidebar-expand-xl.layout-fixed.sidebar-collapse .app-main,
-  .sidebar-expand-xl.layout-fixed.sidebar-collapse .app-footer {
-    margin-left: 0;
+  .sidebar-expand-xl.sidebar-open .nav-link > .nav-badge,
+  .sidebar-expand-xl.sidebar-open .nav-link > p > .nav-badge {
+    animation-name: fadeIn;
+    animation-duration: 0.3s;
+    animation-fill-mode: both;
+    animation-delay: 0.3s;
   }
-  .sidebar-expand-xl.layout-fixed.sidebar-mini.sidebar-collapse .app-header,
-  .sidebar-expand-xl.layout-fixed.sidebar-mini.sidebar-collapse .app-main,
-  .sidebar-expand-xl.layout-fixed.sidebar-mini.sidebar-collapse .app-footer {
-    margin-left: 4.6rem;
+  .sidebar-expand-xl.sidebar-open .nav-link > .nav-arrow,
+  .sidebar-expand-xl.sidebar-open .nav-link > p > .nav-arrow {
+    animation-name: fadeIn;
+    animation-duration: 0.3s;
+    animation-fill-mode: both;
+    animation-delay: 0.3s;
   }
 }
 @media (max-width: 1199.98px) {
@@ -13442,58 +13673,67 @@ textarea.form-control-lg {
     position: fixed;
     top: 0;
     bottom: 0;
-    left: 0;
     max-height: 100vh;
     margin-left: calc(var(--lte-sidebar-width) * -1);
   }
   .sidebar-expand-xl .app-sidebar .sidebar-wrapper {
     height: calc(100vh - (calc(3.5rem + 1px)));
-    overflow-x: hidden;
-    overflow-y: auto;
-  }
-  .sidebar-expand-xl.sidebar-mini .app-sidebar {
-    margin-left: -4.6rem;
   }
   .sidebar-expand-xl.sidebar-open .app-sidebar {
     margin-left: 0;
   }
   .sidebar-expand-xl.sidebar-open .sidebar-overlay {
-    position: fixed;
-    top: 0;
-    left: 0;
+    position: absolute;
+    inset: 0;
     z-index: 1037;
     width: 100%;
     height: 100%;
+    cursor: pointer;
+    visibility: visible;
     background-color: rgba(0, 0, 0, 0.2);
     animation-name: fadeIn;
     animation-fill-mode: both;
   }
 }
 @media (min-width: 1400px) {
-  .sidebar-expand-xxl.layout-fixed .app-sidebar {
-    position: fixed;
+  .sidebar-expand-xxl.layout-fixed-complete .app-main-wrapper, .sidebar-expand-xxl.layout-fixed .app-main-wrapper {
+    display: flex;
+    flex-direction: column;
+    min-height: 100vh;
+  }
+  .sidebar-expand-xxl.layout-fixed-complete .app-sidebar-wrapper, .sidebar-expand-xxl.layout-fixed .app-sidebar-wrapper {
+    position: relative;
+  }
+  .sidebar-expand-xxl.layout-fixed-complete .app-main, .sidebar-expand-xxl.layout-fixed .app-main {
+    flex: 1 1 auto;
+    overflow: auto;
+  }
+  .sidebar-expand-xxl.layout-fixed-complete .app-sidebar, .sidebar-expand-xxl.layout-fixed .app-sidebar {
+    position: -webkit-sticky;
+    position: sticky;
     top: 0;
     bottom: 0;
-    left: 0;
     max-height: 100vh;
   }
-  .sidebar-expand-xxl.layout-fixed .app-sidebar .sidebar-wrapper {
+  .sidebar-expand-xxl.layout-fixed-complete .app-sidebar .sidebar-wrapper, .sidebar-expand-xxl.layout-fixed .app-sidebar .sidebar-wrapper {
     height: calc(100vh - (calc(3.5rem + 1px)));
   }
-  .sidebar-expand-xxl.layout-fixed .app-header,
-  .sidebar-expand-xxl.layout-fixed .app-main,
-  .sidebar-expand-xxl.layout-fixed .app-footer {
-    margin-left: var(--lte-sidebar-width);
+  .sidebar-expand-xxl.layout-fixed-complete .app-main-wrapper {
+    max-height: 100vh;
   }
-  .sidebar-expand-xxl.layout-fixed.sidebar-collapse .app-header,
-  .sidebar-expand-xxl.layout-fixed.sidebar-collapse .app-main,
-  .sidebar-expand-xxl.layout-fixed.sidebar-collapse .app-footer {
-    margin-left: 0;
+  .sidebar-expand-xxl.sidebar-open .nav-link > .nav-badge,
+  .sidebar-expand-xxl.sidebar-open .nav-link > p > .nav-badge {
+    animation-name: fadeIn;
+    animation-duration: 0.3s;
+    animation-fill-mode: both;
+    animation-delay: 0.3s;
   }
-  .sidebar-expand-xxl.layout-fixed.sidebar-mini.sidebar-collapse .app-header,
-  .sidebar-expand-xxl.layout-fixed.sidebar-mini.sidebar-collapse .app-main,
-  .sidebar-expand-xxl.layout-fixed.sidebar-mini.sidebar-collapse .app-footer {
-    margin-left: 4.6rem;
+  .sidebar-expand-xxl.sidebar-open .nav-link > .nav-arrow,
+  .sidebar-expand-xxl.sidebar-open .nav-link > p > .nav-arrow {
+    animation-name: fadeIn;
+    animation-duration: 0.3s;
+    animation-fill-mode: both;
+    animation-delay: 0.3s;
   }
 }
 @media (max-width: 1399.98px) {
@@ -13505,57 +13745,66 @@ textarea.form-control-lg {
     position: fixed;
     top: 0;
     bottom: 0;
-    left: 0;
     max-height: 100vh;
     margin-left: calc(var(--lte-sidebar-width) * -1);
   }
   .sidebar-expand-xxl .app-sidebar .sidebar-wrapper {
     height: calc(100vh - (calc(3.5rem + 1px)));
-    overflow-x: hidden;
-    overflow-y: auto;
-  }
-  .sidebar-expand-xxl.sidebar-mini .app-sidebar {
-    margin-left: -4.6rem;
   }
   .sidebar-expand-xxl.sidebar-open .app-sidebar {
     margin-left: 0;
   }
   .sidebar-expand-xxl.sidebar-open .sidebar-overlay {
-    position: fixed;
-    top: 0;
-    left: 0;
+    position: absolute;
+    inset: 0;
     z-index: 1037;
     width: 100%;
     height: 100%;
+    cursor: pointer;
+    visibility: visible;
     background-color: rgba(0, 0, 0, 0.2);
     animation-name: fadeIn;
     animation-fill-mode: both;
   }
 }
-.sidebar-expand.layout-fixed .app-sidebar {
-  position: fixed;
+.sidebar-expand.layout-fixed-complete .app-main-wrapper, .sidebar-expand.layout-fixed .app-main-wrapper {
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+}
+.sidebar-expand.layout-fixed-complete .app-sidebar-wrapper, .sidebar-expand.layout-fixed .app-sidebar-wrapper {
+  position: relative;
+}
+.sidebar-expand.layout-fixed-complete .app-main, .sidebar-expand.layout-fixed .app-main {
+  flex: 1 1 auto;
+  overflow: auto;
+}
+.sidebar-expand.layout-fixed-complete .app-sidebar, .sidebar-expand.layout-fixed .app-sidebar {
+  position: -webkit-sticky;
+  position: sticky;
   top: 0;
   bottom: 0;
-  left: 0;
   max-height: 100vh;
 }
-.sidebar-expand.layout-fixed .app-sidebar .sidebar-wrapper {
+.sidebar-expand.layout-fixed-complete .app-sidebar .sidebar-wrapper, .sidebar-expand.layout-fixed .app-sidebar .sidebar-wrapper {
   height: calc(100vh - (calc(3.5rem + 1px)));
 }
-.sidebar-expand.layout-fixed .app-header,
-.sidebar-expand.layout-fixed .app-main,
-.sidebar-expand.layout-fixed .app-footer {
-  margin-left: var(--lte-sidebar-width);
+.sidebar-expand.layout-fixed-complete .app-main-wrapper {
+  max-height: 100vh;
 }
-.sidebar-expand.layout-fixed.sidebar-collapse .app-header,
-.sidebar-expand.layout-fixed.sidebar-collapse .app-main,
-.sidebar-expand.layout-fixed.sidebar-collapse .app-footer {
-  margin-left: 0;
+.sidebar-expand.sidebar-open .nav-link > .nav-badge,
+.sidebar-expand.sidebar-open .nav-link > p > .nav-badge {
+  animation-name: fadeIn;
+  animation-duration: 0.3s;
+  animation-fill-mode: both;
+  animation-delay: 0.3s;
 }
-.sidebar-expand.layout-fixed.sidebar-mini.sidebar-collapse .app-header,
-.sidebar-expand.layout-fixed.sidebar-mini.sidebar-collapse .app-main,
-.sidebar-expand.layout-fixed.sidebar-mini.sidebar-collapse .app-footer {
-  margin-left: 4.6rem;
+.sidebar-expand.sidebar-open .nav-link > .nav-arrow,
+.sidebar-expand.sidebar-open .nav-link > p > .nav-arrow {
+  animation-name: fadeIn;
+  animation-duration: 0.3s;
+  animation-fill-mode: both;
+  animation-delay: 0.3s;
 }
 .sidebar-expand::before {
   display: none;
@@ -13565,33 +13814,43 @@ textarea.form-control-lg {
   position: fixed;
   top: 0;
   bottom: 0;
-  left: 0;
   max-height: 100vh;
   margin-left: calc(var(--lte-sidebar-width) * -1);
 }
 .sidebar-expand .app-sidebar .sidebar-wrapper {
   height: calc(100vh - (calc(3.5rem + 1px)));
-  overflow-x: hidden;
-  overflow-y: auto;
-}
-.sidebar-expand.sidebar-mini .app-sidebar {
-  margin-left: -4.6rem;
 }
 .sidebar-expand.sidebar-open .app-sidebar {
   margin-left: 0;
 }
 .sidebar-expand.sidebar-open .sidebar-overlay {
-  position: fixed;
-  top: 0;
-  left: 0;
+  position: absolute;
+  inset: 0;
   z-index: 1037;
   width: 100%;
   height: 100%;
+  cursor: pointer;
+  visibility: visible;
   background-color: rgba(0, 0, 0, 0.2);
   animation-name: fadeIn;
   animation-fill-mode: both;
 }
 
+.sidebar-menu .nav-link p,
+.app-sidebar .brand-text,
+.app-sidebar .logo-xs,
+.app-sidebar .logo-xl {
+  transition: margin-left 0.3s linear, opacity 0.3s ease, visibility 0.3s ease;
+}
+@media (prefers-reduced-motion: reduce) {
+  .sidebar-menu .nav-link p,
+  .app-sidebar .brand-text,
+  .app-sidebar .logo-xs,
+  .app-sidebar .logo-xl {
+    transition: none;
+  }
+}
+
 .app-loaded.sidebar-mini.sidebar-collapse .sidebar-menu .nav-link p,
 .app-loaded.sidebar-mini.sidebar-collapse .brand-text {
   animation-duration: 0.3s;
@@ -13616,7 +13875,9 @@ body:not(.app-loaded) .app-footer {
 .hold-transition .app-header,
 .hold-transition .app-sidebar,
 .hold-transition .app-main,
-.hold-transition .app-footer {
+.hold-transition .app-footer,
+.hold-transition .nav-arrow,
+.hold-transition .nav-badge {
   transition: none !important;
   animation-duration: 0s !important;
 }
@@ -13624,7 +13885,9 @@ body:not(.app-loaded) .app-footer {
   .hold-transition .app-header,
   .hold-transition .app-sidebar,
   .hold-transition .app-main,
-  .hold-transition .app-footer {
+  .hold-transition .app-footer,
+  .hold-transition .nav-arrow,
+  .hold-transition .nav-badge {
     transition: none;
   }
 }
@@ -13647,9 +13910,10 @@ body:not(.app-loaded) .app-footer {
 }
 
 .app-main {
+  position: relative;
   grid-area: lte-app-main;
   max-width: 100vw;
-  padding-bottom: 1rem;
+  padding-bottom: 0.75rem;
   transition: 0.3s ease-in-out;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -13665,14 +13929,12 @@ body:not(.app-loaded) .app-footer {
   margin-bottom: 0;
   line-height: 2.5rem;
 }
-.app-main .app-content {
-  padding: 0 0.5rem;
-}
 
 .app-footer {
   grid-area: lte-app-footer;
   width: inherit;
   max-width: 100vw;
+  min-height: 3rem;
   padding: 1rem;
   color: var(--bs-secondary-color);
   background-color: var(--bs-body-bg);
@@ -13869,8 +14131,8 @@ body:not(.app-loaded) .app-footer {
 }
 .navbar-nav > .user-menu .user-image {
   float: left;
-  width: 2.1rem;
-  height: 2.1rem;
+  width: 2rem;
+  height: 2rem;
   margin-top: -2px;
   border-radius: 50%;
 }
@@ -13949,6 +14211,63 @@ body:not(.app-loaded) .app-footer {
   --lte-callout-border: var(--bs-dark-border-subtle);
 }
 
+.compact-mode .app-content-top-area:not(.app-content-top-area-sm):not(.app-content-top-area-md):not(.app-content-top-area-lg):not(.app-content-top-area-xl),
+.compact-mode .app-content-bottom-area:not(.app-content-bottom-area-sm):not(.app-content-bottom-area-md):not(.app-content-bottom-area-lg):not(.app-content-bottom-area-xl) {
+  padding-top: 0.6375rem;
+  padding-bottom: 0.6375rem;
+}
+.compact-mode .app-content-top-area-sm,
+.compact-mode .app-content-bottom-area-sm {
+  min-height: 2.8875rem;
+}
+.compact-mode .app-content-top-area-md,
+.compact-mode .app-content-bottom-area-md {
+  min-height: 4.95rem;
+}
+.compact-mode .app-content-top-area-lg,
+.compact-mode .app-content-bottom-area-lg {
+  min-height: 7.425rem;
+}
+.compact-mode .app-content-top-area-xl,
+.compact-mode .app-content-bottom-area-xl {
+  min-height: 9.9rem;
+}
+.compact-mode .app-header {
+  max-height: 2.75rem;
+}
+.compact-mode .app-header .nav-link {
+  max-height: 1.75rem;
+}
+.compact-mode .nav-link {
+  --bs-nav-link-padding-y: .25rem;
+  --bs-nav-link-padding-x: .5rem;
+}
+.compact-mode.sidebar-mini.sidebar-collapse .app-sidebar:not(:hover) {
+  min-width: 3.1rem;
+  max-width: 3.1rem;
+}
+.compact-mode.sidebar-mini.sidebar-collapse .app-sidebar:not(:hover) .sidebar-menu .nav-link {
+  width: 2.1rem !important;
+}
+.compact-mode .logo-xs,
+.compact-mode .logo-xl {
+  max-height: 2.75rem;
+}
+.compact-mode .brand-image {
+  width: 1.75rem;
+  height: 1.75rem;
+}
+.compact-mode .sidebar-brand {
+  height: 2.75rem;
+}
+.compact-mode .app-footer {
+  padding: 0.5rem;
+}
+.compact-mode .sidebar-wrapper .nav-icon {
+  min-width: 1.1rem;
+  max-width: 1.1rem;
+}
+
 .astro-code {
   padding: 0.75rem;
   border-radius: 0.375rem;
@@ -14001,13 +14320,12 @@ body:not(.app-loaded) .app-footer {
 
 .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);
-  margin-bottom: 1rem;
 }
-.card[class*=card-]:not(.card-outline) > .card-header {
+.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);
 }
-.card[class*=card-]:not(.card-outline) > .card-header .btn-tool {
+.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);
 }
@@ -14033,14 +14351,26 @@ body:not(.app-loaded) .app-footer {
 .card.maximized-card [data-lte-toggle=card-collapse] {
   display: none;
 }
+.card.maximized-card [data-lte-icon=maximize] {
+  display: none;
+}
 .card.maximized-card .card-header,
 .card.maximized-card .card-footer {
   border-radius: 0 !important;
 }
+.card:not(.maximized-card) [data-lte-icon=minimize] {
+  display: none;
+}
+.card.collapsed-card [data-lte-icon=collapse] {
+  display: none;
+}
 .card.collapsed-card .card-body,
 .card.collapsed-card .card-footer {
   display: none;
 }
+.card:not(.collapsed-card) [data-lte-icon=expand] {
+  display: none;
+}
 .card .nav.flex-column > li {
   margin: 0;
   border-bottom: 1px solid var(--bs-border-color-translucent);
@@ -14165,13 +14495,15 @@ html.maximized-card {
 .btn-tool {
   --bs-btn-padding-x: .5rem;
   --bs-btn-padding-y: .25rem;
+  margin: -1rem 0;
+  font-size: 0.875rem;
+}
+.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;
-  margin: -1rem 0;
-  font-size: 0.875rem;
 }
 
 .card-primary,
@@ -14318,7 +14650,6 @@ html.maximized-card {
   display: block;
   padding: 3px 0;
   text-align: center;
-  text-decoration: none;
   background-color: rgba(0, 0, 0, 0.07);
 }
 .small-box > .small-box-footer:hover {
@@ -14404,9 +14735,6 @@ html.maximized-card {
     transition: none;
   }
 }
-.small-box:hover {
-  text-decoration: none;
-}
 .small-box:hover .small-box-icon {
   transform: scale(1.1);
 }
@@ -14910,10 +15238,6 @@ html.maximized-card {
   background-color: var(--bs-body-bg);
   border-top: 0;
 }
-.login-card-body .input-group .form-control,
-.register-card-body .input-group .form-control {
-  border-right: 0;
-}
 .login-card-body .input-group .form-control:focus,
 .register-card-body .input-group .form-control:focus {
   box-shadow: none;
@@ -14946,7 +15270,6 @@ html.maximized-card {
 .register-card-body .input-group .input-group-text {
   color: var(--bs-secondary-color);
   background-color: transparent;
-  border-left: 0;
   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;
@@ -14969,6 +15292,60 @@ html.maximized-card {
   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);
+}
+.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 {