input[type="password"] {font-family: sans-serif !important;}  .menu-font {font-size: large !important;}  .card-item-row {display: flex;justify-content: space-between;}  .card-item-left {text-align: left;}  .card-item-right {text-align: right;margin-left: auto;}  .green-icon {}  .blue-icon {}  .yellow-icon {}  .red-icon {color: red !important;}  .pagination {margin-top: 10px;}  .custom-margin-right {margin-right: 10px;}  .custom-margin-left {margin-left: 10px;}  .custom-margin-bottom {margin-bottom: 10px;}  .custom-btn {background: linear-gradient(135deg, var(--blue-accent), var(--purple-accent)) !important;border: 1px solid rgba(0, 0, 0, 0.1) !important;border-radius: 1rem;padding: 0.5rem 1rem;font-size: 1.25rem;display: flex;justify-content: center;align-items: center;transition: background-color 0.3s ease, border-color 0.3s ease;box-shadow: none;}  .custom-btn:hover, .custom-btn:focus {background-color: rgba(0, 0, 0, 0.05);border-color: rgba(0, 0, 0, 0.2);outline: none;}  .custom-btn:active {background-color: rgba(0, 0, 0, 0.1);border-color: rgba(0, 0, 0, 0.3);}  .custom-btn i {color: #ffffff;transition: color 0.3s ease;}  .custom-btn:hover i {color: #000;}  [data-bs-theme="dark"] .custom-btn {background-color: transparent;border: 1px solid rgba(255, 255, 255, 0.1);}  [data-bs-theme="dark"] .custom-btn:hover, [data-bs-theme="dark"] .custom-btn:focus {background-color: rgba(255, 255, 255, 0.1);border-color: rgba(255, 255, 255, 0.2);}  [data-bs-theme="dark"] .custom-btn:active {background-color: rgba(255, 255, 255, 0.2);border-color: rgba(255, 255, 255, 0.3);}  [data-bs-theme="dark"] .custom-btn i {color: #ffffff;}  [data-bs-theme="dark"] .custom-btn:hover i {color: #ffffff;}  .custom-navbar {background-color: #ffffff;border-bottom: 1px solid rgba(0, 0, 0, 0.1);position: fixed;top: 0;left: 0;right: 0;z-index: 1030;height: 56px;padding: 0 16px;}  .custom-navbar .container-fluid {display: flex;align-items: center;justify-content: space-between;height: 100%;max-width: none;padding: 0;}  .logo-brand {margin-left: 16px;text-decoration: none;}  .logo-brand:hover {text-decoration: none;}  .user-controls {align-items: center;gap: 8px;}  .sidebar-nav {position: fixed;top: 0;left: -280px;width: 280px;height: 100vh;background-color: var(--bs-body-bg);;z-index: 1040;transition: left 0.3s ease;overflow-y: auto;border-right: 1px solid rgba(0, 0, 0, 0.1);}  .sidebar-nav.active {left: 0;background-color: var(--bs-body-bg);}  .sidebar-header {height: 56px;display: flex;align-items: center;justify-content: flex-end;padding: 0 16px;}  .sidebar-content {}  .sidebar-user-profile {padding: 0.5rem;margin-bottom: 16px;display: flex;justify-content: center;align-items: center;}  .sidebar-user-profile .badge {width: fit-content;min-width: fit-content;}  .sidebar-user-controls {display: flex;gap: 8px;}  .sidebar-menu {list-style: none;padding: 0;margin: 0;}  .menu-item {margin-bottom: 4px;}  .menu-header {display: flex;align-items: center;padding: 12px 16px;cursor: pointer;transition: background-color 0.2s ease;user-select: none;}  .menu-header:hover {background-color: rgba(0, 0, 0, 0.05);}  .menu-header i {color: #333;width: 24px;margin-right: 12px;font-size: 16px;}  .menu-header span {flex: 1;font-size: 14px;font-weight: 500;color: #333;}  .toggle-icon {font-size: 12px !important;width: auto !important;margin-right: 0 !important;transition: transform 0.2s ease;}  .menu-item.expanded .toggle-icon {transform: rotate(180deg);}  .menu-header-link {display: flex;align-items: center;padding: 12px 16px;text-decoration: none;transition: background-color 0.2s ease;color: inherit;}  .menu-header-link:hover {background-color: rgba(0, 0, 0, 0.05);text-decoration: none;color: inherit;}  .menu-header-link.active {background-color: rgba(0, 0, 255, 0.1);}  .menu-header-link i {color: #333;width: 24px;margin-right: 12px;font-size: 16px;}  .menu-header-link span {font-size: 14px;font-weight: 500;color: #333;}  .submenu {list-style: none;padding: 0;margin: 0;max-height: 0;overflow: hidden;transition: max-height 0.3s ease;background-color: rgba(0, 0, 0, 0.02);}  .menu-item.expanded .submenu {max-height: 500px;}  .submenu li {padding: 0;}  .submenu-item {display: block;padding: 8px 16px 8px 52px;text-decoration: none;font-size: 13px;color: #666;transition: background-color 0.2s ease;}  .submenu-item:hover {background-color: rgba(0, 0, 0, 0.05);color: #333;text-decoration: none;}  .submenu-item.active {background-color: rgba(0, 0, 255, 0.1);color: #0066cc;}  .sidebar-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 1035;opacity: 0;visibility: hidden;transition: opacity 0.3s ease, visibility 0.3s ease;}  .sidebar-overlay.active {opacity: 1;visibility: visible;}  [data-bs-theme="dark"] .custom-navbar {}  [data-bs-theme="dark"] .hamburger-btn:hover {background-color: rgba(255, 255, 255, 0.1);}  [data-bs-theme="dark"] .sidebar-nav {background-color: var(--bs-body-bg);border-right: 1px solid rgba(255, 255, 255, 0.1);}  [data-bs-theme="dark"] .sidebar-header {}  [data-bs-theme="dark"] .sidebar-user-profile {}  [data-bs-theme="dark"] .menu-header:hover {background-color: rgba(255, 255, 255, 0.1);}  [data-bs-theme="dark"] .menu-header i, [data-bs-theme="dark"] .menu-header span {color: #fff;}  [data-bs-theme="dark"] .menu-header-link:hover {background-color: rgba(255, 255, 255, 0.1);}  [data-bs-theme="dark"] .menu-header-link i, [data-bs-theme="dark"] .menu-header-link span {color: #fff;}  [data-bs-theme="dark"] .submenu {background-color: rgba(255, 255, 255, 0.05);}  [data-bs-theme="dark"] .submenu-item {color: #ccc;}  [data-bs-theme="dark"] .submenu-item:hover {background-color: rgba(255, 255, 255, 0.1);color: #fff;}  .sidebar-settings-section {margin-top: auto;padding-top: 16px;}  .settings-divider {height: 1px;background-color: rgba(0, 0, 0, 0.1);margin: 0 16px 16px 16px;}  .settings-menu {margin-bottom: 0;}  .settings-toggle-icon {font-size: 12px !important;width: auto !important;margin-right: 0 !important;transition: transform 0.2s ease;}  .settings-menu.expanded .settings-toggle-icon {transform: rotate(180deg);}  .settings-submenu {background-color: rgba(0, 0, 0, 0.03);max-height: 0;overflow: hidden;transition: max-height 0.3s ease;}  .settings-menu.expanded .settings-submenu {max-height: 200px;}  .settings-submenu .submenu-item {display: flex;align-items: center;padding: 10px 16px 10px 52px;text-decoration: none;font-size: 13px;color: #666;transition: background-color 0.2s ease;cursor: pointer;}  .settings-submenu .submenu-item i {width: 16px;margin-right: 8px;font-size: 12px;}  .settings-submenu .submenu-item:hover {background-color: rgba(0, 0, 0, 0.05);color: #333;text-decoration: none;}  .settings-separator {margin: 8px 16px;border: none;border-top: 1px solid rgba(0, 0, 0, 0.1);}  [data-bs-theme="dark"] .settings-divider {background-color: rgba(255, 255, 255, 0.1);}  [data-bs-theme="dark"] .settings-submenu {background-color: rgba(255, 255, 255, 0.05);}  [data-bs-theme="dark"] .settings-submenu .submenu-item {color: #ccc;}  [data-bs-theme="dark"] .settings-submenu .submenu-item:hover {background-color: rgba(255, 255, 255, 0.1);color: #fff;}  [data-bs-theme="dark"] .settings-separator {border-top: 1px solid rgba(255, 255, 255, 0.1);}  .sidebar-content {display: flex;flex-direction: column;height: calc(100vh - 56px);}  .sidebar-menu {flex: 1;overflow-y: auto;margin-bottom: 0;padding-bottom: 16px;}  @media (max-width: 991.98px) {  .desktop-user-controls {display: none !important;}  }  @media (max-width: 767.98px) {  .sidebar-nav {width: 100%;height: 100%;left: -100%;}  .custom-navbar {padding: 0 12px;}  .logo-brand {margin-left: 12px;}  }  .navbar {background: transparent !important;border-bottom: 1px solid rgba(0, 0, 0, 0.1);transition: background-color 0.3s ease, border-bottom 0.3s ease;}  .navbar .nav-link, .navbar .navbar-brand {color: #495057;}  .navbar .nav-link:hover, .navbar .navbar-brand:hover {color: #212529;}  [data-bs-theme="dark"] .navbar {background: transparent !important;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}  [data-bs-theme="dark"] .navbar .nav-link, [data-bs-theme="dark"] .navbar .navbar-bra