:root {
  /* Global Glassmorphism Background Variables */
  --cp-global-bg-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cg fill='%23696cff' opacity='0.03' transform='scale(1.5)'%3E%3Cpath transform='translate(10, 10)' d='M2 2v13.5a.5.5 0 0 0 .74.439L8 13.069l5.26 2.87A.5.5 0 0 0 14 15.5V2a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2z'/%3E%3Cpath transform='translate(60, 40)' d='M8.211 2.047a.5.5 0 0 0-.422 0l-7.5 3.5a.5.5 0 0 0 .025.917l7.5 3a.5.5 0 0 0 .372 0L14 7.14V13a1 1 0 0 0-1 1v2h3v-2a1 1 0 0 0-1-1V6.739l.686-.275a.5.5 0 0 0 .025-.917l-7.5-3.5Z'/%3E%3Cpath transform='translate(110, 10)' d='m13.498.795.149-.149a1.207 1.207 0 1 1 1.707 1.708l-.149.148a1.5 1.5 0 0 1-.059 2.059L4.854 14.854a.5.5 0 0 1-.233.131l-4 1a.5.5 0 0 1-.606-.606l1-4a.5.5 0 0 1 .131-.232l9.642-9.642a.5.5 0 0 0-.642.056L6.854 4.854a.5.5 0 1 1-.708-.708L9.44.854A1.5 1.5 0 0 1 11.5.796a1.5 1.5 0 0 1 1.998-.001Z'/%3E%3Cpath transform='translate(30, 80)' d='M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm7.5-6.923c-.67.204-1.335.82-1.887 1.855A7.97 7.97 0 0 0 5.145 4H7.5V1.077zM4.09 4a9.267 9.267 0 0 1 .64-1.539 6.7 6.7 0 0 1 .597-.933A7.025 7.025 0 0 0 2.22 4h1.871zM1.08 5a7.025 7.025 0 0 0-.08 1H4.21A11.12 11.12 0 0 1 4 8c0 1.05.11 2.05.32 3H1.08A7.025 7.025 0 0 1 1 10c0-1.78.68-3.4 1.81-4.63A6.985 6.985 0 0 1 1.08 5zm.22 6h1.87c-.092.35-.164.718-.21 1.107A9.26 9.26 0 0 0 4.09 12a7.025 7.025 0 0 1-2.79-1zM5.145 12c.162.59.397 1.134.693 1.62.552 1.034 1.218 1.65 1.887 1.855V12H5.145zm3.355 3.423c.67-.204 1.335-.82 1.887-1.855.296-.486.53-1.03.693-1.62H8.5v3.477zM10.855 12a7.97 7.97 0 0 0 .693-1.62A9.26 9.26 0 0 0 11.91 12h-1.055zm.835-1H13.78a7.025 7.025 0 0 0 2.79-1A6.7 6.7 0 0 1 14.973 11a9.26 9.26 0 0 1-.22-1zM14.92 5a7.025 7.025 0 0 1 .08 1H11.79A11.12 11.12 0 0 0 12 8c0-1.05-.11-2.05-.32-3h3.24A7.025 7.025 0 0 0 14.92 5zM13.78 4h-1.87c.092-.35.164-.718.21-1.107A9.26 9.26 0 0 0 11.91 4h1.87zM10.855 4A7.97 7.97 0 0 0 10.162 2.38 6.7 6.7 0 0 0 9.565 1.447C9.013.412 8.348-.204 7.678 0v4h3.177zM8.5 1.077V4h2.355A7.97 7.97 0 0 0 10.162 2.38C9.61 1.346 8.945.73 8.275.525A6.985 6.985 0 0 0 8.5 1.077z'/%3E%3Cpath transform='translate(90, 80)' d='M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z'/%3E%3C/g%3E%3C/svg%3E");
  --cp-global-bg-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cg fill='%23ffffff' opacity='0.025' transform='scale(1.5)'%3E%3Cpath transform='translate(10, 10)' d='M2 2v13.5a.5.5 0 0 0 .74.439L8 13.069l5.26 2.87A.5.5 0 0 0 14 15.5V2a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2z'/%3E%3Cpath transform='translate(60, 40)' d='M8.211 2.047a.5.5 0 0 0-.422 0l-7.5 3.5a.5.5 0 0 0 .025.917l7.5 3a.5.5 0 0 0 .372 0L14 7.14V13a1 1 0 0 0-1 1v2h3v-2a1 1 0 0 0-1-1V6.739l.686-.275a.5.5 0 0 0 .025-.917l-7.5-3.5Z'/%3E%3Cpath transform='translate(110, 10)' d='m13.498.795.149-.149a1.207 1.207 0 1 1 1.707 1.708l-.149.148a1.5 1.5 0 0 1-.059 2.059L4.854 14.854a.5.5 0 0 1-.233.131l-4 1a.5.5 0 0 1-.606-.606l1-4a.5.5 0 0 1 .131-.232l9.642-9.642a.5.5 0 0 0-.642.056L6.854 4.854a.5.5 0 1 1-.708-.708L9.44.854A1.5 1.5 0 0 1 11.5.796a1.5 1.5 0 0 1 1.998-.001Z'/%3E%3Cpath transform='translate(30, 80)' d='M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm7.5-6.923c-.67.204-1.335.82-1.887 1.855A7.97 7.97 0 0 0 5.145 4H7.5V1.077zM4.09 4a9.267 9.267 0 0 1 .64-1.539 6.7 6.7 0 0 1 .597-.933A7.025 7.025 0 0 0 2.22 4h1.871zM1.08 5a7.025 7.025 0 0 0-.08 1H4.21A11.12 11.12 0 0 1 4 8c0 1.05.11 2.05.32 3H1.08A7.025 7.025 0 0 1 1 10c0-1.78.68-3.4 1.81-4.63A6.985 6.985 0 0 1 1.08 5zm.22 6h1.87c-.092.35-.164.718-.21 1.107A9.26 9.26 0 0 0 4.09 12a7.025 7.025 0 0 1-2.79-1zM5.145 12c.162.59.397 1.134.693 1.62.552 1.034 1.218 1.65 1.887 1.855V12H5.145zm3.355 3.423c.67-.204 1.335-.82 1.887-1.855.296-.486.53-1.03.693-1.62H8.5v3.477zM10.855 12a7.97 7.97 0 0 0 .693-1.62A9.26 9.26 0 0 0 11.91 12h-1.055zm.835-1H13.78a7.025 7.025 0 0 0 2.79-1A6.7 6.7 0 0 1 14.973 11a9.26 9.26 0 0 1-.22-1zM14.92 5a7.025 7.025 0 0 1 .08 1H11.79A11.12 11.12 0 0 0 12 8c0-1.05-.11-2.05-.32-3h3.24A7.025 7.025 0 0 0 14.92 5zM13.78 4h-1.87c.092-.35.164-.718.21-1.107A9.26 9.26 0 0 0 11.91 4h1.87zM10.855 4A7.97 7.97 0 0 0 10.162 2.38 6.7 6.7 0 0 0 9.565 1.447C9.013.412 8.348-.204 7.678 0v4h3.177zM8.5 1.077V4h2.355A7.97 7.97 0 0 0 10.162 2.38C9.61 1.346 8.945.73 8.275.525A6.985 6.985 0 0 0 8.5 1.077z'/%3E%3Cpath transform='translate(90, 80)' d='M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z'/%3E%3C/g%3E%3C/svg%3E");
}

/* Restore Core Theme Utilities Missing from Custom Built Bootstrap */
.text-heading { color: var(--bs-heading-color) !important; }
.text-body { color: var(--bs-body-color) !important; }
.text-muted { color: var(--bs-secondary-color) !important; }
.icon-base { display: inline-block; vertical-align: middle; }
.icon-22px { font-size: 22px !important; }
.icon-md { font-size: 1.25rem !important; }
.icon-sm { font-size: 0.875rem !important; }
.icon-14px { font-size: 14px !important; }

.menu .app-brand.demo {
  height: 64px;
}
.app-brand-logo.demo svg {
  width: 34px;
  height: 24px;
}
.app-brand-text.demo {
  font-size: 1.375rem;
}
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 64px !important;
}
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {
  padding-top: 11.11px !important;
}
.content-wrapper .navbar {
  z-index: auto;
}
.cp-theme-swatch {
  inline-size: 14px;
  block-size: 14px;
  border-radius: 999px;
  background: var(--cp-swatch, var(--bs-primary));
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 2px color-mix(in sRGB, var(--bs-body-bg) 70%, transparent);
}
html[data-cp-theme="ocean"] {
  --bs-primary: #005ce6;
  --bs-primary-rgb: 0, 92, 230;
  --bs-primary-text-emphasis: #003d99;
  --bs-primary-bg-subtle: #e6f0ff;
  --bs-primary-border-subtle: #99c2ff;
  --bs-primary-contrast: #ffffff;
  --bs-link-color: var(--bs-primary);
  --bs-link-hover-color: #0047b3;
}
html[data-cp-theme="emerald"] {
  --bs-primary: #05854b;
  --bs-primary-rgb: 5, 133, 75;
  --bs-primary-text-emphasis: #03532f;
  --bs-primary-bg-subtle: #e6f6ef;
  --bs-primary-border-subtle: #9ce0c0;
  --bs-primary-contrast: #ffffff;
  --bs-link-color: var(--bs-primary);
  --bs-link-hover-color: #046e3e;
}
html[data-cp-theme="sunrise"] {
  --bs-primary: #d96200;
  --bs-primary-rgb: 217, 98, 0;
  --bs-primary-text-emphasis: #8a3f00;
  --bs-primary-bg-subtle: #fff1e5;
  --bs-primary-border-subtle: #ffc499;
  --bs-primary-contrast: #ffffff;
  --bs-link-color: var(--bs-primary);
  --bs-link-hover-color: #b35100;
}
html[data-cp-theme="slate"] {
  --bs-primary: #3b4252;
  --bs-primary-rgb: 59, 66, 82;
  --bs-primary-text-emphasis: #272c36;
  --bs-primary-bg-subtle: #eceff4;
  --bs-primary-border-subtle: #d8dee9;
  --bs-primary-contrast: #ffffff;
  --bs-link-color: var(--bs-primary);
  --bs-link-hover-color: #2e3440;
}
html[data-bs-theme="dark"][data-cp-theme="ocean"] {
  --bs-primary: #66a3ff;
  --bs-primary-rgb: 102, 163, 255;
  --bs-primary-text-emphasis: #ccedff;
  --bs-primary-bg-subtle: #00224d;
  --bs-primary-border-subtle: #003d99;
  --bs-primary-contrast: #0b0b14;
  --bs-link-color: var(--bs-primary);
  --bs-link-hover-color: #99c2ff;
}
html[data-bs-theme="dark"][data-cp-theme="emerald"] {
  --bs-primary: #45c485;
  --bs-primary-rgb: 69, 196, 133;
  --bs-primary-text-emphasis: #c3f2d9;
  --bs-primary-bg-subtle: #02381f;
  --bs-primary-border-subtle: #036338;
  --bs-primary-contrast: #0b0b14;
  --bs-link-color: var(--bs-primary);
  --bs-link-hover-color: #6ed1a2;
}
html[data-bs-theme="dark"][data-cp-theme="sunrise"] {
  --bs-primary: #ff9d42;
  --bs-primary-rgb: 255, 157, 66;
  --bs-primary-text-emphasis: #ffebd6;
  --bs-primary-bg-subtle: #4a2100;
  --bs-primary-border-subtle: #8a3f00;
  --bs-primary-contrast: #0b0b14;
  --bs-link-color: var(--bs-primary);
  --bs-link-hover-color: #ffb875;
}
html[data-bs-theme="dark"][data-cp-theme="slate"] {
  --bs-primary: #81a1c1;
  --bs-primary-rgb: 129, 161, 193;
  --bs-primary-text-emphasis: #eceff4;
  --bs-primary-bg-subtle: #242933;
  --bs-primary-border-subtle: #3b4252;
  --bs-primary-contrast: #0b0b14;
  --bs-link-color: var(--bs-primary);
  --bs-link-hover-color: #88c0d0;
}
body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #f7f9fc;
}
[data-bs-theme="dark"] body {
  background-color: #1a1a24;
}

body {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cg fill='%23696cff' opacity='0.03' transform='scale(1.5)'%3E%3Cpath transform='translate(10, 10)' d='M2 2v13.5a.5.5 0 0 0 .74.439L8 13.069l5.26 2.87A.5.5 0 0 0 14 15.5V2a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2z'/%3E%3Cpath transform='translate(60, 40)' d='M8.211 2.047a.5.5 0 0 0-.422 0l-7.5 3.5a.5.5 0 0 0 .025.917l7.5 3a.5.5 0 0 0 .372 0L14 7.14V13a1 1 0 0 0-1 1v2h3v-2a1 1 0 0 0-1-1V6.739l.686-.275a.5.5 0 0 0 .025-.917l-7.5-3.5Z'/%3E%3Cpath transform='translate(110, 10)' d='m13.498.795.149-.149a1.207 1.207 0 1 1 1.707 1.708l-.149.148a1.5 1.5 0 0 1-.059 2.059L4.854 14.854a.5.5 0 0 1-.233.131l-4 1a.5.5 0 0 1-.606-.606l1-4a.5.5 0 0 1 .131-.232l9.642-9.642a.5.5 0 0 0-.642.056L6.854 4.854a.5.5 0 1 1-.708-.708L9.44.854A1.5 1.5 0 0 1 11.5.796a1.5 1.5 0 0 1 1.998-.001Z'/%3E%3Cpath transform='translate(30, 80)' d='M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm7.5-6.923c-.67.204-1.335.82-1.887 1.855A7.97 7.97 0 0 0 5.145 4H7.5V1.077zM4.09 4a9.267 9.267 0 0 1 .64-1.539 6.7 6.7 0 0 1 .597-.933A7.025 7.025 0 0 0 2.22 4h1.871zM1.08 5a7.025 7.025 0 0 0-.08 1H4.21A11.12 11.12 0 0 1 4 8c0 1.05.11 2.05.32 3H1.08A7.025 7.025 0 0 1 1 10c0-1.78.68-3.4 1.81-4.63A6.985 6.985 0 0 1 1.08 5zm.22 6h1.87c-.092.35-.164.718-.21 1.107A9.26 9.26 0 0 0 4.09 12a7.025 7.025 0 0 1-2.79-1zM5.145 12c.162.59.397 1.134.693 1.62.552 1.034 1.218 1.65 1.887 1.855V12H5.145zm3.355 3.423c.67-.204 1.335-.82 1.887-1.855.296-.486.53-1.03.693-1.62H8.5v3.477zM10.855 12a7.97 7.97 0 0 0 .693-1.62A9.26 9.26 0 0 0 11.91 12h-1.055zm.835-1H13.78a7.025 7.025 0 0 0 2.79-1A6.7 6.7 0 0 1 14.973 11a9.26 9.26 0 0 1-.22-1zM14.92 5a7.025 7.025 0 0 1 .08 1H11.79A11.12 11.12 0 0 0 12 8c0-1.05-.11-2.05-.32-3h3.24A7.025 7.025 0 0 0 14.92 5zM13.78 4h-1.87c.092-.35.164-.718.21-1.107A9.26 9.26 0 0 0 11.91 4h1.87zM10.855 4A7.97 7.97 0 0 0 10.162 2.38 6.7 6.7 0 0 0 9.565 1.447C9.013.412 8.348-.204 7.678 0v4h3.177zM8.5 1.077V4h2.355A7.97 7.97 0 0 0 10.162 2.38C9.61 1.346 8.945.73 8.275.525A6.985 6.985 0 0 0 8.5 1.077z'/%3E%3Cpath transform='translate(90, 80)' d='M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z'/%3E%3C/g%3E%3C/svg%3E");
  background-attachment: fixed;
  background-size: 300px;
}
[data-bs-theme="dark"] body {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cg fill='%23ffffff' opacity='0.025' transform='scale(1.5)'%3E%3Cpath transform='translate(10, 10)' d='M2 2v13.5a.5.5 0 0 0 .74.439L8 13.069l5.26 2.87A.5.5 0 0 0 14 15.5V2a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2z'/%3E%3Cpath transform='translate(60, 40)' d='M8.211 2.047a.5.5 0 0 0-.422 0l-7.5 3.5a.5.5 0 0 0 .025.917l7.5 3a.5.5 0 0 0 .372 0L14 7.14V13a1 1 0 0 0-1 1v2h3v-2a1 1 0 0 0-1-1V6.739l.686-.275a.5.5 0 0 0 .025-.917l-7.5-3.5Z'/%3E%3Cpath transform='translate(110, 10)' d='m13.498.795.149-.149a1.207 1.207 0 1 1 1.707 1.708l-.149.148a1.5 1.5 0 0 1-.059 2.059L4.854 14.854a.5.5 0 0 1-.233.131l-4 1a.5.5 0 0 1-.606-.606l1-4a.5.5 0 0 1 .131-.232l9.642-9.642a.5.5 0 0 0-.642.056L6.854 4.854a.5.5 0 1 1-.708-.708L9.44.854A1.5 1.5 0 0 1 11.5.796a1.5 1.5 0 0 1 1.998-.001Z'/%3E%3Cpath transform='translate(30, 80)' d='M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm7.5-6.923c-.67.204-1.335.82-1.887 1.855A7.97 7.97 0 0 0 5.145 4H7.5V1.077zM4.09 4a9.267 9.267 0 0 1 .64-1.539 6.7 6.7 0 0 1 .597-.933A7.025 7.025 0 0 0 2.22 4h1.871zM1.08 5a7.025 7.025 0 0 0-.08 1H4.21A11.12 11.12 0 0 1 4 8c0 1.05.11 2.05.32 3H1.08A7.025 7.025 0 0 1 1 10c0-1.78.68-3.4 1.81-4.63A6.985 6.985 0 0 1 1.08 5zm.22 6h1.87c-.092.35-.164.718-.21 1.107A9.26 9.26 0 0 0 4.09 12a7.025 7.025 0 0 1-2.79-1zM5.145 12c.162.59.397 1.134.693 1.62.552 1.034 1.218 1.65 1.887 1.855V12H5.145zm3.355 3.423c.67-.204 1.335-.82 1.887-1.855.296-.486.53-1.03.693-1.62H8.5v3.477zM10.855 12a7.97 7.97 0 0 0 .693-1.62A9.26 9.26 0 0 0 11.91 12h-1.055zm.835-1H13.78a7.025 7.025 0 0 0 2.79-1A6.7 6.7 0 0 1 14.973 11a9.26 9.26 0 0 1-.22-1zM14.92 5a7.025 7.025 0 0 1 .08 1H11.79A11.12 11.12 0 0 0 12 8c0-1.05-.11-2.05-.32-3h3.24A7.025 7.025 0 0 0 14.92 5zM13.78 4h-1.87c.092-.35.164-.718.21-1.107A9.26 9.26 0 0 0 11.91 4h1.87zM10.855 4A7.97 7.97 0 0 0 10.162 2.38 6.7 6.7 0 0 0 9.565 1.447C9.013.412 8.348-.204 7.678 0v4h3.177zM8.5 1.077V4h2.355A7.97 7.97 0 0 0 10.162 2.38C9.61 1.346 8.945.73 8.275.525A6.985 6.985 0 0 0 8.5 1.077z'/%3E%3Cpath transform='translate(90, 80)' d='M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z'/%3E%3C/g%3E%3C/svg%3E");
}
.glass-panel {
  background: rgba(255, 255, 255, 0.7) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.05) !important;
}
[data-bs-theme="dark"] .glass-panel {
  background: rgba(30, 30, 40, 0.7) !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important;
}
.card {
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.1) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 4px 24px 0 rgba(31, 38, 135, 0.07) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.card:hover {
  box-shadow: 0 10px 25px rgba(31, 38, 135, 0.1) !important;
  transform: translateY(-2px);
}
[data-bs-theme="dark"] .card {
  background: rgba(43, 44, 64, 0.3) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
}
[data-bs-theme="dark"] .card:hover {
  box-shadow: 0 12px 40px 0 rgba(0, 0, 0, 0.4) !important;
}
.btn {
  border-radius: 8px !important;
  font-weight: 500 !important;
  transition: all 0.2s ease-in-out !important;
}
.btn:active {
  transform: scale(0.97) !important;
}
.btn-primary {
  box-shadow: 0 4px 10px rgba(var(--bs-primary-rgb), 0.3) !important;
}
.btn-primary:hover {
  box-shadow: 0 6px 15px rgba(var(--bs-primary-rgb), 0.4) !important;
  transform: translateY(-1px);
}
.form-control, .form-select {
  border-radius: 8px !important;
  border: 1px solid rgba(0,0,0,0.1) !important;
  padding: 0.6rem 1rem !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}
.form-control:focus, .form-select:focus {
  box-shadow: 0 0 0 3px rgba(var(--bs-primary-rgb), 0.15) !important;
  border-color: var(--bs-primary) !important;
}
[data-bs-theme="dark"] .form-control, 
[data-bs-theme="dark"] .form-select {
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  background-color: #232333 !important;
  color: #c9c9c9 !important;
}
.layout-navbar {
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  background-color: rgba(255, 255, 255, 0.85) !important;
  border-bottom: 1px solid rgba(0,0,0,0.05) !important;
}
[data-bs-theme="dark"] .layout-navbar {
  background-color: rgba(43, 44, 64, 0.85) !important;
  border-bottom: 1px solid rgba(255,255,255,0.05) !important;
}
.dropdown-menu {
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.85) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
  padding: 0.5rem !important;
}
[data-bs-theme="dark"] .dropdown-menu {
  background: rgba(43, 44, 64, 0.85) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
}

.modal-content, .offcanvas {
  background: rgba(255, 255, 255, 0.15) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 15px 50px 0 rgba(31, 38, 135, 0.15) !important;
  border-radius: 1rem !important;
}
[data-bs-theme="dark"] .modal-content, [data-bs-theme="dark"] .offcanvas {
  background: rgba(43, 44, 64, 0.35) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.4) !important;
}

/* Offcanvas Edge Fix */
.offcanvas {
  border-radius: 0 !important;
  border-left: 1px solid rgba(255, 255, 255, 0.2) !important;
}
[data-bs-theme="dark"] .offcanvas {
  border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.dropdown-item {
  border-radius: 8px !important;
  transition: background-color 0.2s ease, color 0.2s ease !important;
}
.gradient-bg-primary {
  background: linear-gradient(135deg, var(--bs-primary) 0%, rgba(var(--bs-primary-rgb), 0.7) 100%) !important;
  color: #fff !important;
}


/* =========================================================
   PHASE 6: PREMIUM GLASSMORPHIC MENU OVERHAUL
   ========================================================= */

/* Strip the solid background from the main menu and replace with highly blurred frosted glass */
.layout-menu.bg-menu-theme {
    background: rgba(var(--bs-body-bg-rgb), 0.75) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-right: 1px solid rgba(150, 150, 150, 0.1);
    box-shadow: 5px 0 25px rgba(0, 0, 0, 0.03);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Ensure Dark Mode doesn't wash out the glass Menu */
html[data-bs-theme="dark"] .layout-menu.bg-menu-theme {
    background: rgba(15, 23, 42, 0.6) !important;
    border-right: 1px solid rgba(255, 255, 255, 0.05);
    box-shadow: 5px 0 25px rgba(0, 0, 0, 0.3);
}

/* Make Top Navbar perfectly mirror the sidebar glass aesthetic */
.layout-navbar.bg-navbar-theme {
    background: rgba(var(--bs-body-bg-rgb), 0.75) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(150, 150, 150, 0.1) !important;
}
html[data-bs-theme="dark"] .layout-navbar.bg-navbar-theme {
    background: rgba(15, 23, 42, 0.6) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* Elevate the Hover state of the sidebar links to gently light up using the Scientifically-proven Primary Color */
.menu-vertical .menu-item .menu-link {
    border-radius: 8px;
    margin: 0.2rem 1rem;
    padding: 0.65rem 1rem;
    transition: all 0.25s ease-in-out;
}

.menu-vertical .menu-item:not(.active) > .menu-link:hover {
    background-color: rgba(var(--bs-primary-rgb), 0.08) !important;
    color: var(--bs-primary) !important;
    transform: translateX(4px);
}

/* Transform the 'Active' menu item into a dynamic gradient pill instead of a solid block */
.menu-vertical .menu-item.active > .menu-link {
    background: linear-gradient(135deg, var(--bs-primary) 0%, rgba(var(--bs-primary-rgb), 0.8) 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(var(--bs-primary-rgb), 0.4);
    transform: scale(1.02);
}

.menu-vertical .menu-item.active > .menu-link i {
    color: #ffffff !important;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2));
}

/* Restyle the Top Navbar sticky collapse icon */
.layout-menu-toggle i {
    color: var(--bs-primary) !important;
    transition: transform 0.3s ease;
}
.layout-menu-toggle:hover i {
    transform: scale(1.2);
}

/* =========================================================
   PHASE 7: MENU POLISH & HEADER STYLING
   ========================================================= */

/* Import compressed YouTube-style font */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500;700&display=swap');