@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
* {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}
html,
body {
  margin: 0px;
  height: 100%;
}
/* a blue color as a generic focus style */
button:focus-visible {
  outline: 2px solid #4a90e2 !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}
a {
  text-decoration: none;
}
/* @FONTWARNING[{"type": "restricted", "family": "Poppins-Medium", "weight": "500", "style": "normal", "allowsCrossOrigin": false}] */

@font-face {
  font-family: "Poppins-Medium";
  src: local("Poppins-Medium");
}

.cursor-pointer {
  cursor: pointer;
}

/* Custom Theme Variables */
:root {
  --color-primary: #3e9aac;
  --color-primary-hover: #317d8d;
  --color-primary-rgb: 62, 154, 172;

  --color-secondary: #64748b;
  --color-secondary-hover: #475569;
  --color-secondary-rgb: 100, 116, 139;

  --color-success: #10b981;
  --color-success-hover: #059669;
  --color-success-rgb: 16, 185, 129;

  --color-warning: #f59e0b;
  --color-warning-hover: #d97706;
  --color-warning-rgb: 245, 158, 11;

  --color-danger: #ef4444;
  --color-danger-hover: #dc2626;
  --color-danger-rgb: 239, 68, 68;

  --color-info: #3b82f6;
  --color-info-hover: #2563eb;
  --color-info-rgb: 59, 130, 246;
}

/* ============================
   GLOBAL COMPONENT SIZING (EQUALIZER)
   ============================ */
.btn, .badge {
  padding: 0.45rem 1rem !important;
  font-size: 0.85rem !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem !important;
}

/* Specific overrides for smaller buttons to maintain scale */
.btn-sm, .badge-sm {
  padding: 0.25rem 0.6rem !important;
  font-size: 0.75rem !important;
}

/* Icon-only buttons (1:1 ratio) */
.btn-icon, .badge-icon {
  width: 2.25rem;
  height: 2.25rem;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.btn-icon.btn-sm, .badge-icon.badge-sm {
  width: 1.875rem;
  height: 1.875rem;
}

/* ============================
   PRIMARY THEME
   ============================ */
.color-primary { color: var(--color-primary) !important; }
.bg-light-primary { background-color: rgba(var(--color-primary-rgb), 0.1) !important; }

/* Buttons */
.btn-primary { background-color: var(--color-primary) !important; border-color: var(--color-primary) !important; color: #fff !important; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active { background-color: var(--color-primary-hover) !important; border-color: var(--color-primary-hover) !important; color: #fff !important; }

.btn-outline-primary { color: var(--color-primary) !important; border-color: var(--color-primary) !important; background-color: transparent !important; }
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active { color: #fff !important; background-color: var(--color-primary) !important; border-color: var(--color-primary) !important; }

.btn-light-primary { color: var(--color-primary) !important; background-color: rgba(var(--color-primary-rgb), 0.1) !important; border-color: transparent !important; }
.btn-light-primary:hover, .btn-light-primary:focus, .btn-light-primary:active { color: #fff !important; background-color: var(--color-primary) !important; border-color: var(--color-primary) !important; }

.btn-outline.btn-light-primary { border-color: rgba(var(--color-primary-rgb), 1) !important; }
.btn-outline.btn-light-primary:hover, .btn-outline.btn-light-primary:focus, .btn-outline.btn-light-primary:active { border: 1px solid var(--color-primary) !important; }

/* Badges */
.badge-primary { background-color: var(--color-primary) !important; color: #fff !important; }
.badge-outline-primary { color: var(--color-primary) !important; background-color: transparent !important; border: 1px solid var(--color-primary) !important; }
.badge-light-primary { color: var(--color-primary) !important; background-color: rgba(var(--color-primary-rgb), 0.1) !important; }

/* ============================
   SECONDARY THEME
   ============================ */
.color-secondary { color: var(--color-secondary) !important; }
.bg-light-secondary { background-color: rgba(var(--color-secondary-rgb), 0.1) !important; }

/* Buttons */
.btn-secondary { background-color: var(--color-secondary) !important; border-color: var(--color-secondary) !important; color: #fff !important; }
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active { background-color: var(--color-secondary-hover) !important; border-color: var(--color-secondary-hover) !important; color: #fff !important; }

.btn-outline-secondary { color: var(--color-secondary) !important; border-color: var(--color-secondary) !important; background-color: transparent !important; }
.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active { color: #fff !important; background-color: var(--color-secondary) !important; border-color: var(--color-secondary) !important; }

.btn-light-secondary { color: var(--color-secondary) !important; background-color: rgba(var(--color-secondary-rgb), 0.1) !important; border-color: transparent !important; }
.btn-light-secondary:hover, .btn-light-secondary:focus, .btn-light-secondary:active { color: #fff !important; background-color: var(--color-secondary) !important; border-color: var(--color-secondary) !important; }

.btn-outline.btn-light-secondary { border-color: rgba(var(--color-secondary-rgb), 1) !important; }
.btn-outline.btn-light-secondary:hover, .btn-outline.btn-light-secondary:focus, .btn-outline.btn-light-secondary:active { border: 1px solid var(--color-secondary) !important; }

/* Badges */
.badge-secondary { background-color: var(--color-secondary) !important; color: #fff !important; }
.badge-outline-secondary { color: var(--color-secondary) !important; background-color: transparent !important; border: 1px solid var(--color-secondary) !important; }
.badge-light-secondary { color: var(--color-secondary) !important; background-color: rgba(var(--color-secondary-rgb), 0.1) !important; }

/* ============================
   SUCCESS THEME
   ============================ */
.color-success { color: var(--color-success) !important; }
.bg-light-success { background-color: rgba(var(--color-success-rgb), 0.1) !important; }

/* Buttons */
.btn-success { background-color: var(--color-success) !important; border-color: var(--color-success) !important; color: #fff !important; }
.btn-success:hover, .btn-success:focus, .btn-success:active { background-color: var(--color-success-hover) !important; border-color: var(--color-success-hover) !important; color: #fff !important; }

.btn-outline-success { color: var(--color-success) !important; border-color: var(--color-success) !important; background-color: transparent !important; }
.btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active { color: #fff !important; background-color: var(--color-success) !important; border-color: var(--color-success) !important; }

.btn-light-success { color: var(--color-success) !important; background-color: rgba(var(--color-success-rgb), 0.1) !important; border-color: transparent !important; }
.btn-light-success:hover, .btn-light-success:focus, .btn-light-success:active { color: #fff !important; background-color: var(--color-success) !important; border-color: var(--color-success) !important; }

.btn-outline.btn-light-success { border-color: rgba(var(--color-success-rgb), 1) !important; }
.btn-outline.btn-light-success:hover, .btn-outline.btn-light-success:focus, .btn-outline.btn-light-success:active { border: 1px solid var(--color-success) !important; }

/* Badges */
.badge-success { background-color: var(--color-success) !important; color: #fff !important; }
.badge-outline-success { color: var(--color-success) !important; background-color: transparent !important; border: 1px solid var(--color-success) !important; }
.badge-light-success { color: var(--color-success) !important; background-color: rgba(var(--color-success-rgb), 0.1) !important; }

/* ============================
   WARNING THEME
   ============================ */
.color-warning { color: var(--color-warning) !important; }
.bg-light-warning { background-color: rgba(var(--color-warning-rgb), 0.1) !important; }

/* Buttons */
.btn-warning { background-color: var(--color-warning) !important; border-color: var(--color-warning) !important; color: #fff !important; }
.btn-warning:hover, .btn-warning:focus, .btn-warning:active { background-color: var(--color-warning-hover) !important; border-color: var(--color-warning-hover) !important; color: #fff !important; }

.btn-outline-warning { color: var(--color-warning) !important; border-color: var(--color-warning) !important; background-color: transparent !important; }
.btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active { color: #fff !important; background-color: var(--color-warning) !important; border-color: var(--color-warning) !important; }

.btn-light-warning { color: var(--color-warning) !important; background-color: rgba(var(--color-warning-rgb), 0.1) !important; border-color: transparent !important; }
.btn-light-warning:hover, .btn-light-warning:focus, .btn-light-warning:active { color: #fff !important; background-color: var(--color-warning) !important; border-color: var(--color-warning) !important; }

.btn-outline.btn-light-warning { border-color: rgba(var(--color-warning-rgb), 1) !important; }
.btn-outline.btn-light-warning:hover, .btn-outline.btn-light-warning:focus, .btn-outline.btn-light-warning:active { border: 1px solid var(--color-warning) !important; }

/* Badges */
.badge-warning { background-color: var(--color-warning) !important; color: #fff !important; }
.badge-outline-warning { color: var(--color-warning) !important; background-color: transparent !important; border: 1px solid var(--color-warning) !important; }
.badge-light-warning { color: var(--color-warning) !important; background-color: rgba(var(--color-warning-rgb), 0.1) !important; }

/* ============================
   DANGER THEME
   ============================ */
.color-danger { color: var(--color-danger) !important; }
.bg-light-danger { background-color: rgba(var(--color-danger-rgb), 0.1) !important; }

/* Buttons */
.btn-danger { background-color: var(--color-danger) !important; border-color: var(--color-danger) !important; color: #fff !important; }
.btn-danger:hover, .btn-danger:focus, .btn-danger:active { background-color: var(--color-danger-hover) !important; border-color: var(--color-danger-hover) !important; color: #fff !important; }

.btn-outline-danger { color: var(--color-danger) !important; border-color: var(--color-danger) !important; background-color: transparent !important; }
.btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active { color: #fff !important; background-color: var(--color-danger) !important; border-color: var(--color-danger) !important; }

.btn-light-danger { color: var(--color-danger) !important; background-color: rgba(var(--color-danger-rgb), 0.1) !important; border-color: transparent !important; }
.btn-light-danger:hover, .btn-light-danger:focus, .btn-light-danger:active { color: #fff !important; background-color: var(--color-danger) !important; border-color: var(--color-danger) !important; }

.btn-outline.btn-light-danger { border-color: rgba(var(--color-danger-rgb), 1) !important; }
.btn-outline.btn-light-danger:hover, .btn-outline.btn-light-danger:focus, .btn-outline.btn-light-danger:active { border: 1px solid var(--color-danger) !important; }

/* Badges */
.badge-danger { background-color: var(--color-danger) !important; color: #fff !important; }
.badge-outline-danger { color: var(--color-danger) !important; background-color: transparent !important; border: 1px solid var(--color-danger) !important; }
.badge-light-danger { color: var(--color-danger) !important; background-color: rgba(var(--color-danger-rgb), 0.1) !important; }

/* ============================
   INFO THEME
   ============================ */
.color-info { color: var(--color-info) !important; }
.bg-light-info { background-color: rgba(var(--color-info-rgb), 0.1) !important; }

/* Buttons */
.btn-info { background-color: var(--color-info) !important; border-color: var(--color-info) !important; color: #fff !important; }
.btn-info:hover, .btn-info:focus, .btn-info:active { background-color: var(--color-info-hover) !important; border-color: var(--color-info-hover) !important; color: #fff !important; }

.btn-outline-info { color: var(--color-info) !important; border-color: var(--color-info) !important; background-color: transparent !important; }
.btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active { color: #fff !important; background-color: var(--color-info) !important; border-color: var(--color-info) !important; }

.btn-light-info { color: var(--color-info) !important; background-color: rgba(var(--color-info-rgb), 0.1) !important; border-color: transparent !important; }
.btn-light-info:hover, .btn-light-info:focus, .btn-light-info:active { color: #fff !important; background-color: var(--color-info) !important; border-color: var(--color-info) !important; }

.btn-outline.btn-light-info { border-color: rgba(var(--color-info-rgb), 1) !important; }
.btn-outline.btn-light-info:hover, .btn-outline.btn-light-info:focus, .btn-outline.btn-light-info:active { border: 1px solid var(--color-info) !important; }

/* Badges */
.badge-info { background-color: var(--color-info) !important; color: #fff !important; }
.badge-outline-info { color: var(--color-info) !important; background-color: transparent !important; border: 1px solid var(--color-info) !important; }
.badge-light-info { color: var(--color-info) !important; background-color: rgba(var(--color-info-rgb), 0.1) !important; }

/* ============================
   GLOBAL SEARCH MODAL STYLES
   ============================ */
.globalSearch {
  background-color: rgba(219, 236, 240, 0.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  z-index: 9999;
}
.globalSearch .search-modal-card {
  background: #ffffff;
  border: 1px solid rgba(62, 154, 172, 0.2);
  border-radius: 20px;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15);
  overflow: hidden;
}
.globalSearch .search-input-header {
  border-bottom: 1px solid rgba(62, 154, 172, 0.15);
}
.globalSearch .icon-box {
  background-color: #f1f5f9;
}
.globalSearch .search-footer {
  background: #f8fafc;
  border-top: 1px solid #e2e8f0;
  color: #64748b;
}

.dropdown-menu {
  border: none !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1) !important;
  border-radius: 12px !important;
  padding: 8px !important;
  min-width: 210px !important;
  display: none; /* Hidden by default */
  flex-direction: column;
}

.user-dropdown-name {
  color: #1e293b;
}

.user-dropdown-role {
  color: #64748b;
}

.dropdown-menu.show {
  display: flex !important;
  transform-origin: top;
  animation: dropdownFadeIn .2s ease-out;
}

@keyframes dropdownFadeIn {
  from { opacity: 0; transform: translateY(20px) scaleY(0); }
  to { opacity: 1; transform: translateY(38px) scaleY(1); }
}

.dropdown-item {
  border-radius: 8px !important;
  padding: 10px 15px !important;
  font-size: 0.85rem !important;
  font-weight: 500 !important;
  color: #4a5568;
  transition: all 0.2s ease !important;
  display: flex;
  align-items: center;
  width: 100%;
  clear: both;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-item i {
  width: 20px;
  text-align: center;
  font-size: 1rem;
  margin-right: 12px;
}

.dropdown-item:hover, .dropdown-item:focus {
  background-color: rgba(var(--color-primary-rgb), 0.08) !important;
  color: var(--color-primary) !important;
  transform: translateX(3px);
  outline: none;
}

.dropdown-item.text-danger:hover {
  background-color: rgba(239, 68, 68, 0.08) !important;
  color: #ef4444 !important;
}

.dropdown-divider {
  width: 100%;
}

/* ============================
   NAVBAR RESPONSIVE FIXES
   ============================ */

@media (max-width: 991.98px) {
  .navbar-custom {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .navbar-collapse {
    background: #fff;
    padding: 1.5rem;
    border-radius: 15px;
    margin-top: 1rem;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
  }
}

/* ============================
   CUSTOM PAGINATION STYLE
   ============================ */
.pagination {
  gap: 8px;
  border: none;
}

.pagination .page-item .page-link {
  border: none !important;
  border-radius: 10px !important;
  color: var(--color-secondary) !important;
  font-weight: 600 !important;
  padding: 10px 18px !important;
  transition: all 0.2s ease-in-out !important;
  background-color: #fff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
  font-size: 0.9rem !important;
}

.pagination .page-item.active .page-link {
  background-color: var(--color-primary) !important;
  color: #fff !important;
  box-shadow: 0 6px 15px rgba(var(--color-primary-rgb), 0.3) !important;
}

.pagination .page-item .page-link:hover:not(.active) {
  background-color: rgba(var(--color-primary-rgb), 0.08) !important;
  color: var(--color-primary) !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

.pagination .page-item.disabled .page-link {
  background-color: #f8fafc !important;
  color: #cbd5e1 !important;
  box-shadow: none !important;
  transform: none !important;
}
/* ============================
    CUSTOM ALERT STYLES
   ============================ */
.alert {
  position: relative;
  padding: 1rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.5;
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 500;
}

.alert i {
  font-size: 1.1rem;
  opacity: 0.8;
}

/* Primary Alert */
.alert-primary { background-color: var(--color-primary); color: #ffffff; border-color: var(--color-primary); }
.alert-light-primary { background-color: rgba(var(--color-primary-rgb), 0.1); color: var(--color-primary); border-color: rgba(var(--color-primary-rgb), 0.2); }

/* Secondary Alert */
.alert-secondary { background-color: var(--color-secondary); color: #ffffff; border-color: var(--color-secondary); }
.alert-light-secondary { background-color: rgba(var(--color-secondary-rgb), 0.1); color: var(--color-secondary); border-color: rgba(var(--color-secondary-rgb), 0.2); }

/* Success Alert */
.alert-success { background-color: var(--color-success); color: #ffffff; border-color: var(--color-success); }
.alert-light-success { background-color: rgba(var(--color-success-rgb), 0.1); color: var(--color-success); border-color: rgba(var(--color-success-rgb), 0.2); }

/* Danger Alert */
.alert-danger { background-color: var(--color-danger); color: #ffffff; border-color: var(--color-danger); }
.alert-light-danger { background-color: rgba(var(--color-danger-rgb), 0.1); color: var(--color-danger); border-color: rgba(var(--color-danger-rgb), 0.2); }

/* Warning Alert */
.alert-warning { background-color: var(--color-warning); color: #ffffff; border-color: var(--color-warning); }
.alert-light-warning { background-color: rgba(var(--color-warning-rgb), 0.1); color: var(--color-warning); border-color: rgba(var(--color-warning-rgb), 0.2); }

/* Info Alert */
.alert-info { background-color: var(--color-info); color: #ffffff; border-color: var(--color-info); }
.alert-light-info { background-color: rgba(var(--color-info-rgb), 0.1); color: var(--color-info); border-color: rgba(var(--color-info-rgb), 0.2); }


/* ============================
    UTILITY: TEXT COLORS
   ============================ */
.text-primary { color: var(--color-primary) !important; }
.text-secondary { color: var(--color-secondary) !important; }
.text-success { color: var(--color-success) !important; }
.text-warning { color: var(--color-warning) !important; }
.text-danger { color: var(--color-danger) !important; }
.text-info { color: var(--color-info) !important; }
.text-white { color: #fff !important; }
.text-dark { color: #1a1a1a !important; }
.text-muted { color: #718096 !important; }

/* ============================
    UTILITY: SIDEBAR ITEMS
   ============================ */
.sidebar-item {
    display: flex;
    align-items: start;
    padding: 12px 18px;
    margin-bottom: 8px;
    border-radius: 12px;
    color: #4a5568;
    text-decoration: none !important;
    transition: all 0.2s ease;
    font-weight: 500;
}

.sidebar-item i {
    width: 24px;
    margin-right: 12px;
    font-size: 1.1rem;
    color: var(--color-primary);
    opacity: 0.8;
}

.sidebar-item:hover {
    background: rgba(var(--color-primary-rgb), 0.08);
    color: var(--color-primary);
    transform: translateX(4px);
}

.sidebar-item.active {
    background: var(--color-primary);
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(var(--color-primary-rgb), 0.2);
}

.sidebar-item.active i {
    color: #ffffff;
}

/* ============================
    UTILITY: ROUNDED (RE-ENABLED)
   ============================ */
.rounded { border-radius: 0.375rem !important; }
.rounded-1 { border-radius: 0.2rem !important; }
.rounded-2 { border-radius: 0.25rem !important; }
.rounded-3 { border-radius: 0.3rem !important; }
.rounded-4 { border-radius: 0.5rem !important; }
.rounded-5 { border-radius: 1rem !important; }
.rounded-pill { border-radius: 50rem !important; }

th {
  background-color: rgba(var(--color-primary-rgb), 0.2) !important;
  padding: 1rem .5rem !important;
  color: #333 !important;
  text-align: center;
  font-weight: 400;
}

th {
  border: 1px dotted #6d717640 !important;
}

td {
  min-width: 50px !important;
  border: 1px dotted #e2e8f0 !important;
}

th:first-child,
td:first-child {
  border-left: none !important;
}

th:last-child,
td:last-child {
  border-right: none !important;
}

tr:first-child th,
tr:first-child td {
  border-top: none !important;
}

tr:last-child th,
tr:last-child td {
  border-bottom: none !important;
}

.table-hover>tbody>tr>* {
  background-color: white;
}

/* ============================
   TABLE RESPONSIVE DESIGN SYSTEM
   ============================ */
.table-responsive {
  border-radius: 14px;
  border: 1px solid #e2e8f0;
  overflow-x: auto;
  background: #ffffff;
}
.table-responsive::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}
.table-responsive::-webkit-scrollbar-thumb {
  background-color: rgba(62, 154, 172, 0.3);
  border-radius: 4px;
}
.table-responsive .table {
  margin-bottom: 0 !important;
}
.table-responsive th {
  background-color: rgba(62, 154, 172, 0.08) !important;
  color: #3e9aac !important;
  font-weight: 600 !important;
  border-color: #e2e8f0 !important;
}
.table-responsive td {
  border-color: #f1f5f9 !important;
  vertical-align: middle;
}

.table-hover>tbody>tr:hover>* {
  background-color: #ecf4f5 !important;
  /* --bs-table-color-state: rgba(0,0,0,0); */
  --bs-table-bg-state: rgba(0,0,0,0);
}

/* ============================
   PREMIUM PAGINATION DESIGN SYSTEM
   ============================ */
.pagination {
  margin-bottom: 0 !important;
  gap: 4px;
}

.pagination .page-item .page-link {
  border-radius: 8px !important;
  border: 1px solid #e2e8f0 !important;
  background-color: #ffffff !important;
  color: #475569 !important;
  padding: 6px 12px !important;
  font-size: 0.85rem !important;
  font-weight: 500 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  transition: all 0.2s ease;
}

.pagination .page-item:hover .page-link {
  background-color: rgba(62, 154, 172, 0.1) !important;
  color: #3e9aac !important;
  border-color: rgba(62, 154, 172, 0.4) !important;
}

.pagination .page-item.active .page-link {
  background-color: #3e9aac !important;
  border-color: #3e9aac !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(62, 154, 172, 0.3) !important;
}

.pagination .page-item.disabled .page-link {
  background-color: #f8fafc !important;
  color: #94a3b8 !important;
  border-color: #f1f5f9 !important;
  opacity: 0.6;
}

.spinner-border.spinner-lg {
  --bs-spinner-width: 4rem;
  --bs-spinner-height: 4rem;
  --bs-spinner-border-width: 0.75em;
}

/* ============================
   MODERN GLASS THEME (macOS Tahoe Dark Aesthetic)
   ============================ */
html.theme-glass,
html.theme-glass body {
  background: #0b1329 linear-gradient(135deg, #090d16 0%, #0f172a 40%, #0f2344 100%) !important;
  background-attachment: fixed !important;
  color: #f8fafc !important;
}

html.theme-glass body::before {
  content: '';
  position: fixed;
  top: -20vw;
  left: -20vw;
  width: 65vw;
  height: 65vw;
  background: radial-gradient(circle, rgba(99, 102, 241, 0.3) 0%, rgba(14, 165, 233, 0.15) 45%, rgba(0, 0, 0, 0) 70%);
  border-radius: 50%;
  pointer-events: none;
  z-index: -1;
  animation: tahoeBlob1 20s infinite alternate ease-in-out;
}

html.theme-glass body::after {
  content: '';
  position: fixed;
  bottom: -20vw;
  right: -20vw;
  width: 70vw;
  height: 70vw;
  background: radial-gradient(circle, rgba(236, 72, 153, 0.22) 0%, rgba(56, 189, 248, 0.25) 50%, rgba(0, 0, 0, 0) 70%);
  border-radius: 50%;
  pointer-events: none;
  z-index: -1;
  animation: tahoeBlob2 22s infinite alternate-reverse ease-in-out;
}

@keyframes tahoeBlob1 {
  0% { transform: translate(0, 0) scale(1) rotate(0deg); }
  50% { transform: translate(80px, 60px) scale(1.15) rotate(10deg); }
  100% { transform: translate(-40px, 90px) scale(0.95) rotate(-5deg); }
}

@keyframes tahoeBlob2 {
  0% { transform: translate(0, 0) scale(1) rotate(0deg); }
  50% { transform: translate(-90px, -50px) scale(1.2) rotate(-10deg); }
  100% { transform: translate(50px, -70px) scale(0.9) rotate(8deg); }
}

.theme-glass .navbar-sticky {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.theme-glass nav.navbar,
.theme-glass .navbar.bg-white {
  background: rgba(255, 255, 255, 0.12) !important;
  backdrop-filter: blur(32px) saturate(220%);
  -webkit-backdrop-filter: blur(32px) saturate(220%);
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  border-radius: 20px !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.35) !important;
}

.theme-glass .navbar-brand img,
.theme-glass .navbar-brand {
  filter: brightness(0) invert(1) !important;
}

.theme-glass button[title="Toggle Sidebar"] i,
.theme-glass .color-primary.fa-bars-staggered,
.theme-glass .color-primary.fa-bars,
.theme-glass .navbar-toggler i {
  color: #ffffff !important;
}

.theme-glass .page-title h3,
.theme-light-glass .page-title h3,
.theme-glass .page-title .text-primary,
.theme-light-glass .page-title .text-primary,
.theme-glass .page-title,
.theme-light-glass .page-title {
  color: #ffffff !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.theme-glass .nav-link {
  color: #e2e8f0 !important;
  font-weight: 500;
}
.theme-glass .nav-link.color-primary,
.theme-glass .nav-link:hover {
  color: #38bdf8 !important;
  text-shadow: 0 0 12px rgba(56, 189, 248, 0.5);
}

.theme-glass .navbar .search-box,
.theme-glass .theme-switch-btn {
  background: rgba(0, 0, 0, 0.25) !important;
  backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 100px !important;
  color: #f8fafc !important;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3), 0 4px 15px rgba(0, 0, 0, 0.15) !important;
}

.theme-glass .navbar .search-box input,
.theme-glass .navbar .search-box i,
.theme-glass .theme-switch-btn .current-theme-label {
  color: #f8fafc !important;
}

.theme-glass .navbar .search-box input::placeholder {
  color: #94a3b8 !important;
}

/* Page Content Search Box in Theme Glass */
.theme-glass .search-box:not(.navbar .search-box) {
  background: rgba(15, 23, 42, 0.65) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 100px !important;
}

.theme-glass .search-box:not(.navbar .search-box) input,
.theme-glass .search-box:not(.navbar .search-box) i {
  color: #f8fafc !important;
}

.theme-glass .search-box:not(.navbar .search-box) input::placeholder {
  color: #94a3b8 !important;
}

.theme-glass .user-dropdown > div {
  background: rgba(56, 189, 248, 0.2) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
}

.theme-glass .sidebar-scrollable,
.theme-glass .card,
.theme-glass .content-container .bg-white,
.theme-glass .modal-content,
.theme-glass .tree-card,
.theme-glass .diagram-preview-area,
.theme-glass .diagram-description-area,
.theme-glass .login-card {
  background: rgba(20, 32, 56, 0.65) !important;
  backdrop-filter: blur(28px) saturate(210%);
  -webkit-backdrop-filter: blur(28px) saturate(210%);
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 20px !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35), inset 0 1px 1px rgba(255, 255, 255, 0.25) !important;
  color: #f8fafc !important;
}

.theme-glass .bg-white,
.theme-glass .bg-light,
.theme-glass .bg-body {
  background-color: rgba(30, 41, 59, 0.6) !important;
  color: #f8fafc !important;
}

.theme-glass .tree-card:hover {
  background: rgba(30, 48, 80, 0.8) !important;
  border-color: rgba(56, 189, 248, 0.55) !important;
}

.theme-glass .tree-title,
.theme-glass .tree-code,
.theme-glass .viewer-title,
.theme-glass .editable-title,
.theme-glass .editable-code,
.theme-glass .text-dark,
.theme-glass h1, .theme-glass h2, .theme-glass h3, 
.theme-glass h4, .theme-glass h5, .theme-glass h6 {
  color: #f8fafc !important;
}

.theme-glass .text-muted,
.theme-glass .text-secondary {
  color: #94a3b8 !important;
}

.theme-glass .form-control,
.theme-glass .form-select {
  background-color: rgba(15, 23, 42, 0.65) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  color: #f8fafc !important;
}

.theme-glass .form-control.border-0,
.theme-glass .border-0 {
  border: none !important;
  border-width: 0 !important;
}

.theme-glass .form-control.bg-transparent,
.theme-glass .bg-transparent {
  background: transparent !important;
  background-color: transparent !important;
}

.theme-glass .form-control.p-0,
.theme-glass .p-0 {
  padding: 0 !important;
}

.theme-glass .form-control:focus,
.theme-glass .form-select:focus {
  background-color: rgba(15, 23, 42, 0.85) !important;
  border-color: #38bdf8 !important;
  box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.25) !important;
  color: #ffffff !important;
}

.theme-glass .form-control::placeholder {
  color: #64748b !important;
}

.theme-glass .form-select option {
  background-color: #0f172a !important;
  color: #f8fafc !important;
}

.theme-glass .btn-light,
.theme-glass .btn-outline-secondary {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: #f8fafc !important;
}

.theme-glass .btn-light:hover,
.theme-glass .btn-outline-secondary:hover {
  background-color: rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
}

.theme-glass .modal-header,
.theme-glass .modal-footer {
  border-color: rgba(255, 255, 255, 0.12) !important;
}

.theme-glass .btn-close {
  filter: invert(1) grayscale(100%) brightness(200%) !important;
}

.theme-glass .pagination .page-item .page-link,
.theme-glass .page-link {
  background-color: rgba(30, 41, 59, 0.6) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: #e2e8f0 !important;
  box-shadow: none !important;
}

.theme-glass .pagination .page-item:hover .page-link,
.theme-glass .page-link:hover {
  background-color: rgba(56, 189, 248, 0.2) !important;
  color: #38bdf8 !important;
  border-color: rgba(56, 189, 248, 0.4) !important;
}

.theme-glass .pagination .page-item.active .page-link,
.theme-glass .page-item.active .page-link {
  background: linear-gradient(135deg, #0284c7 0%, #38bdf8 100%) !important;
  border-color: #38bdf8 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(56, 189, 248, 0.35) !important;
}

.theme-glass .pagination .page-item.disabled .page-link,
.theme-glass .page-item.disabled .page-link {
  background-color: rgba(15, 23, 42, 0.4) !important;
  color: #64748b !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  opacity: 0.5;
}

.theme-glass nav[aria-label*="Pagination"] span,
.theme-glass nav[aria-label*="Pagination"] p,
.theme-glass nav[role="navigation"] span,
.theme-glass nav[role="navigation"] p,
.theme-glass .pagination-info {
  color: #94a3b8 !important;
}

.theme-glass nav[role="navigation"] svg {
  fill: #cbd5e1 !important;
}

.theme-glass .bg-light-primary {
  background-color: rgba(56, 189, 248, 0.15) !important;
  color: #38bdf8 !important;
}
.theme-glass .bg-light-success {
  background-color: rgba(16, 185, 129, 0.15) !important;
  color: #34d399 !important;
}
.theme-glass .bg-light-danger {
  background-color: rgba(244, 63, 94, 0.15) !important;
  color: #fb7185 !important;
}
.theme-glass .bg-light-warning {
  background-color: rgba(245, 158, 11, 0.15) !important;
  color: #fbbf24 !important;
}
.theme-glass .bg-light-info {
  background-color: rgba(14, 165, 233, 0.15) !important;
  color: #38bdf8 !important;
}

.theme-glass .sidebar-item {
  color: #cbd5e1 !important;
  border-radius: 12px !important;
}
.theme-glass .sidebar-item:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #38bdf8 !important;
}
.theme-glass .sidebar-item.active {
  background: linear-gradient(135deg, #0284c7 0%, #6366f1 100%) !important;
  color: #ffffff !important;
}

.theme-glass .dropdown-menu {
  background: rgba(18, 28, 48, 0.9) !important;
  backdrop-filter: blur(32px) saturate(220%);
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: #e2e8f0 !important;
}

.theme-glass .user-dropdown-name {
  color: #f8fafc !important;
}

.theme-glass .user-dropdown-role {
  color: #94a3b8 !important;
}

.theme-glass .dropdown-item {
  color: #e2e8f0 !important;
}
.theme-glass .dropdown-item:hover {
  background: linear-gradient(135deg, rgba(56, 189, 248, 0.25), rgba(99, 102, 241, 0.25)) !important;
  color: #38bdf8 !important;
}

.theme-glass #graphContainer {
  background: rgba(15, 23, 42, 0.55) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.theme-glass .table-responsive {
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  background: transparent !important;
  backdrop-filter: none !important;
  overflow-x: auto;
}
.theme-glass .table-responsive::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}
.theme-glass .table-responsive::-webkit-scrollbar-thumb {
  background-color: rgba(56, 189, 248, 0.3);
  border-radius: 4px;
}
.theme-glass .table,
.theme-glass .table-responsive .table,
.theme-glass .table-responsive table,
.theme-glass .table-responsive tbody,
.theme-glass .table-responsive tr,
.theme-glass .table-responsive td,
.theme-glass .table-hover > tbody > tr > * {
  background: transparent !important;
  background-color: transparent !important;
  color: #f8fafc !important;
}

.theme-glass .table-responsive th {
  background: rgba(30, 41, 59, 0.7) !important;
  background-color: rgba(30, 41, 59, 0.7) !important;
  color: #38bdf8 !important;
  font-weight: 600 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

.theme-glass .table-responsive td {
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #cbd5e1 !important;
  vertical-align: middle;
}

.theme-glass .table-responsive .table-hover > tbody > tr:hover > * {
  background: rgba(56, 189, 248, 0.12) !important;
  background-color: rgba(56, 189, 248, 0.12) !important;
  color: #ffffff !important;
}

.theme-glass .btn-primary {
  background: linear-gradient(135deg, #0284c7 0%, #6366f1 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  color: #ffffff !important;
}
.theme-glass .btn-success {
  background: linear-gradient(135deg, #059669 0%, #10b981 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  color: #ffffff !important;
}
.theme-glass .btn-action {
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  color: #f8fafc !important;
}

.theme-glass .geHint {
  color: #94a3b8 !important;
  background-color: rgba(20, 32, 56, 0.9) !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
}

/* Auth Page Theme Glass Adjustments */
.theme-glass .auth-gradient,
.theme-glass .login-bg-layer,
.theme-light-glass .auth-gradient,
.theme-light-glass .login-bg-layer {
  display: none !important;
}

.theme-glass .alert-warning-custom {
  background: rgba(234, 179, 8, 0.12) !important;
  border: 1px solid rgba(234, 179, 8, 0.3) !important;
  color: #fef08a !important;
}
.theme-glass .alert-warning-custom i {
  color: #facc15 !important;
}

.theme-glass .tab-switcher {
  background: rgba(0, 0, 0, 0.35) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
}
.theme-glass .tab-btn {
  color: #94a3b8 !important;
}
.theme-glass .tab-btn-active {
  background: linear-gradient(135deg, #0284c7 0%, #6366f1 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

.theme-glass .input-group-custom {
  background: rgba(15, 23, 42, 0.6) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}
.theme-glass .input-group-custom:focus-within {
  border-color: #38bdf8 !important;
  box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.25) !important;
  background: rgba(15, 23, 42, 0.85) !important;
}
.theme-glass .input-field {
  color: #f8fafc !important;
}
.theme-glass .input-field::placeholder {
  color: #64748b !important;
}
.theme-glass .input-icon,
.theme-glass .input-eye {
  color: #64748b !important;
}
.theme-glass .input-group-custom:focus-within .input-icon,
.theme-glass .input-eye:hover {
  color: #38bdf8 !important;
}

.theme-glass .btn-masuk {
  background: linear-gradient(135deg, #0284c7 0%, #6366f1 100%) !important;
  box-shadow: 0 6px 20px rgba(99, 102, 241, 0.35) !important;
  color: #ffffff !important;
}
.theme-glass .btn-masuk:hover:not(:disabled) {
  box-shadow: 0 10px 28px rgba(99, 102, 241, 0.45) !important;
  color: #ffffff !important;
}

.theme-glass .globalSearch {
  background-color: rgba(11, 19, 41, 0.85) !important;
  backdrop-filter: blur(24px) saturate(200%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(200%) !important;
}
.theme-glass .globalSearch .search-modal-card {
  background: rgba(15, 23, 42, 0.95) !important;
  backdrop-filter: blur(28px) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.65), inset 0 1px 1px rgba(255, 255, 255, 0.2) !important;
  color: #f8fafc !important;
}
.theme-glass .globalSearch .search-input-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
}
.theme-glass .globalSearch input,
.theme-glass .globalSearch select {
  background-color: rgba(30, 41, 59, 0.6) !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
  color: #f8fafc !important;
}
.theme-glass .globalSearch input::placeholder {
  color: #64748b !important;
}
.theme-glass .globalSearch label,
.theme-glass .globalSearch .text-dark {
  color: #f8fafc !important;
}
.theme-glass .globalSearch .text-muted {
  color: #94a3b8 !important;
}
.theme-glass .globalSearch .list-group-item {
  background: transparent !important;
  color: #f8fafc !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}
.theme-glass .globalSearch .list-group-item:hover {
  background: rgba(255, 255, 255, 0.08) !important;
}
.theme-glass .globalSearch .icon-box {
  background: rgba(56, 189, 248, 0.18) !important;
}
.theme-glass .globalSearch .search-footer {
  background: rgba(11, 19, 41, 0.8) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #94a3b8 !important;
}
.theme-glass .globalSearch .search-footer .badge {
  background: rgba(30, 41, 59, 0.9) !important;
  color: #f8fafc !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}

/* ============================
   LIGHT GLASS THEME (MKP Ocean Teal Gradient + Frosted Nav/Sidebar + Solid White Cards)
   ============================ */
html.theme-light-glass,
html.theme-light-glass body {
  background: linear-gradient(135deg, #0d547d 0%, #117596 35%, #18989e 70%, #26b59c 100%) !important;
  background-attachment: fixed !important;
  color: #ffffff !important;
}

html.theme-light-glass body::before {
  content: '';
  position: fixed;
  top: -20vw;
  left: -20vw;
  width: 65vw;
  height: 65vw;
  background: radial-gradient(circle, rgba(27, 168, 153, 0.25) 0%, rgba(13, 84, 125, 0.15) 45%, rgba(0, 0, 0, 0) 70%);
  border-radius: 50%;
  pointer-events: none;
  z-index: -1;
  animation: mkpBlob1 20s infinite alternate ease-in-out;
}

html.theme-light-glass body::after {
  content: '';
  position: fixed;
  bottom: -20vw;
  right: -20vw;
  width: 70vw;
  height: 70vw;
  background: radial-gradient(circle, rgba(38, 181, 156, 0.25) 0%, rgba(17, 117, 150, 0.2) 50%, rgba(0, 0, 0, 0) 70%);
  border-radius: 50%;
  pointer-events: none;
  z-index: -1;
  animation: mkpBlob2 22s infinite alternate-reverse ease-in-out;
}

/* Glass Navbar & Sticky Navigation Container */
.theme-light-glass .navbar-sticky {
  /* background: transparent !important;
  backdrop-filter: none !important; */
  -webkit-backdrop-filter: none !important;
}

.theme-light-glass nav.navbar,
.theme-light-glass .navbar.bg-white {
  background: rgba(255, 255, 255, 0.25) !important;
  backdrop-filter: blur(28px) saturate(200%);
  -webkit-backdrop-filter: blur(28px) saturate(200%);
  border: 1px solid rgba(255, 255, 255, 0.45) !important;
  border-radius: 20px !important;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15), inset 0 1px 1px rgba(255, 255, 255, 0.6) !important;
  color: #ffffff !important;
}

.theme-light-glass .navbar-brand img,
.theme-light-glass .navbar-brand {
  filter: brightness(0) invert(1) !important;
}

.theme-light-glass button[title="Toggle Sidebar"] i,
.theme-light-glass .color-primary.fa-bars-staggered,
.theme-light-glass .color-primary.fa-bars,
.theme-light-glass .navbar-toggler i {
  color: #ffffff !important;
}

.theme-light-glass .nav-link {
  color: #ffffff !important;
  font-weight: 500;
}
.theme-light-glass .nav-link.color-primary,
.theme-light-glass .nav-link:hover {
  color: #e0f7fa !important;
  text-shadow: 0 0 12px rgba(255, 255, 255, 0.6);
}

/* Glass Navbar Search Box & Theme Switcher Button */
.theme-light-glass .navbar .search-box,
.theme-light-glass .theme-switch-btn {
  background: rgba(255, 255, 255, 0.25) !important;
  backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  border-radius: 100px !important;
  color: #ffffff !important;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.4), 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

.theme-light-glass .navbar .search-box input,
.theme-light-glass .navbar .search-box i,
.theme-light-glass .theme-switch-btn .current-theme-label {
  color: #ffffff !important;
}

.theme-light-glass .navbar .search-box input::placeholder {
  color: rgba(255, 255, 255, 0.85) !important;
}

/* Page Content Search Box in Light Glass (on White Cards) */
.theme-light-glass .search-box:not(.navbar .search-box) {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 100px !important;
}

.theme-light-glass .search-box:not(.navbar .search-box) input,
.theme-light-glass .search-box:not(.navbar .search-box) i {
  color: #0f172a !important;
}

.theme-light-glass .search-box:not(.navbar .search-box) input::placeholder {
  color: #64748b !important;
}

.theme-light-glass .user-dropdown > div {
  background: rgba(255, 255, 255, 0.3) !important;
  border: 1px solid rgba(255, 255, 255, 0.45) !important;
}

/* Glass Sidebar & Dropdown Menus */
.theme-light-glass .sidebar-scrollable {
  background: #ffffff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 20px !important;
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.08) !important;
  color: #1e293b !important;
}

.theme-light-glass .sidebar-scrollable *,
.theme-light-glass .sidebar-scrollable .text-dark,
.theme-light-glass .sidebar-scrollable a,
.theme-light-glass .sidebar-scrollable span,
.theme-light-glass .sidebar-scrollable div,
.theme-light-glass .sidebar-scrollable i,
.theme-light-glass .sidebar-scrollable h1,
.theme-light-glass .sidebar-scrollable h2,
.theme-light-glass .sidebar-scrollable h3,
.theme-light-glass .sidebar-scrollable h4,
.theme-light-glass .sidebar-scrollable h5,
.theme-light-glass .sidebar-scrollable h6 {
  color: #0f172a !important;
}

.theme-light-glass .sidebar-scrollable .text-muted,
.theme-light-glass .sidebar-scrollable small {
  color: #64748b !important;
}

.theme-light-glass .sidebar-item {
  color: #334155 !important;
  border-radius: 12px !important;
  transition: all 0.2s ease;
}

.theme-light-glass .sidebar-item:hover,
.theme-light-glass .sidebar-scrollable a:hover {
  background: rgba(14, 116, 144, 0.08) !important;
  color: #0e7490 !important;
}

.theme-light-glass .sidebar-item.active {
  background: #0e7490 !important;
  border: none !important;
  box-shadow: 0 4px 15px rgba(14, 116, 144, 0.25) !important;
}

.theme-light-glass .sidebar-item.active,
.theme-light-glass .sidebar-item.active * {
  color: #ffffff !important;
}

.theme-light-glass .dropdown-menu {
  background: rgba(17, 117, 150, 0.95) !important;
  backdrop-filter: blur(28px);
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.25) !important;
  color: #ffffff !important;
}

.theme-light-glass .user-dropdown-name {
  color: #ffffff !important;
}

.theme-light-glass .user-dropdown-role {
  color: #e0f2fe !important;
}
.theme-light-glass .dropdown-item {
  color: #ffffff !important;
}
.theme-light-glass .dropdown-item:hover {
  background: rgba(255, 255, 255, 0.25) !important;
  color: #ffffff !important;
}

/* CARDS AND SIDEBAR ARE SOLID WHITE (#ffffff - NOT TRANSPARENT) */
.theme-light-glass .sidebar-scrollable,
.theme-light-glass .card,
.theme-light-glass .tree-card,
.theme-light-glass .content-container .bg-white,
.theme-light-glass .modal-content,
.theme-light-glass .diagram-preview-area,
.theme-light-glass .diagram-description-area,
.theme-light-glass .login-card {
  background: #ffffff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 20px !important;
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.08) !important;
  color: #1e293b !important;
}

.theme-light-glass .tree-card:hover {
  background: #ffffff !important;
  border-color: #0e7490 !important;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.12) !important;
}

/* Card Typography & Text Overrides */
.theme-light-glass .card .text-dark,
.theme-light-glass .tree-card .text-dark,
.theme-light-glass .login-card .text-dark,
.theme-light-glass .tree-title,
.theme-light-glass .tree-code,
.theme-light-glass .viewer-title,
.theme-light-glass .editable-title,
.theme-light-glass .editable-code {
  color: #0f172a !important;
}

.theme-light-glass .card .text-muted,
.theme-light-glass .tree-card .text-muted,
.theme-light-glass .login-card .text-muted {
  color: #64748b !important;
}

.theme-light-glass #graphContainer {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
}

.theme-light-glass .table-responsive {
  border-radius: 14px;
  border: 1px solid #cbd5e1 !important;
  background: #ffffff !important;
  overflow-x: auto;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
}
.theme-light-glass .table-responsive::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}
.theme-light-glass .table-responsive::-webkit-scrollbar-thumb {
  background-color: rgba(14, 116, 144, 0.3);
  border-radius: 4px;
}
.theme-light-glass .table-responsive .table {
  margin-bottom: 0 !important;
  color: #1e293b !important;
}
.theme-light-glass .table-responsive th {
  background: #f1f5f9 !important;
  color: #0e7490 !important;
  font-weight: 600 !important;
  border-color: #e2e8f0 !important;
}
.theme-light-glass .table-responsive td {
  border-color: #f1f5f9 !important;
  color: #334155 !important;
  vertical-align: middle;
}
.theme-light-glass .table-responsive .table-hover > tbody > tr:hover > * {
  background-color: rgba(14, 116, 144, 0.05) !important;
  color: #0f172a !important;
}

.theme-light-glass .table { color: #1e293b !important; }
.theme-light-glass th { background: #f8fafc !important; color: #0f172a !important; border-color: #e2e8f0 !important; }
.theme-light-glass td { border-color: #e2e8f0 !important; color: #334155 !important; }

.theme-light-glass .btn-primary {
  background: #0e7490 !important;
  border-color: #0e7490 !important;
  color: #ffffff !important;
}
.theme-light-glass .btn-success {
  background: #10b981 !important;
  border-color: #10b981 !important;
  color: #ffffff !important;
}
.theme-light-glass .btn-action {
  background: #f8fafc !important;
  border-color: #cbd5e1 !important;
  color: #334155 !important;
}

.theme-light-glass .pagination .page-item .page-link,
.theme-light-glass .page-link {
  background-color: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  color: #334155 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

.theme-light-glass .pagination .page-item:hover .page-link,
.theme-light-glass .page-link:hover {
  background-color: rgba(14, 116, 144, 0.08) !important;
  color: #0e7490 !important;
  border-color: #0e7490 !important;
}

.theme-light-glass .pagination .page-item.active .page-link,
.theme-light-glass .page-item.active .page-link {
  background-color: #0e7490 !important;
  border-color: #0e7490 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(14, 116, 144, 0.25) !important;
}

.theme-light-glass .pagination .page-item.disabled .page-link,
.theme-light-glass .page-item.disabled .page-link {
  background-color: #f8fafc !important;
  color: #94a3b8 !important;
  border-color: #e2e8f0 !important;
  opacity: 0.6;
}

.theme-light-glass nav[aria-label*="Pagination"] span,
.theme-light-glass nav[aria-label*="Pagination"] p,
.theme-light-glass nav[role="navigation"] span,
.theme-light-glass nav[role="navigation"] p,
.theme-light-glass .pagination-info {
  color: #64748b !important;
}

.theme-light-glass nav[role="navigation"] svg {
  fill: #64748b !important;
}

.theme-light-glass .geHint {
  color: #64748b !important;
  background-color: rgba(255, 255, 255, 0.95) !important;
  border-color: rgba(203, 213, 225, 0.8) !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;
}

/* Light Glass Login Form Elements */
.theme-light-glass .alert-warning-custom {
  background: #fffbeb !important;
  border: 1px solid #fde68a !important;
  color: #b45309 !important;
}

.theme-light-glass .tab-switcher {
  background: #f1f5f9 !important;
  border: 1px solid #e2e8f0 !important;
}

.theme-light-glass .tab-btn {
  color: #64748b !important;
  background: transparent !important;
}

.theme-light-glass .tab-btn:hover:not(.tab-btn-active) {
  color: #0e7490 !important;
}

.theme-light-glass .tab-btn-active {
  background: #ffffff !important;
  color: #0e7490 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

.theme-light-glass .form-control.border-0,
.theme-light-glass .border-0 {
  border: none !important;
  border-width: 0 !important;
}

.theme-light-glass .form-control.bg-transparent,
.theme-light-glass .bg-transparent {
  background: transparent !important;
  background-color: transparent !important;
}

.theme-light-glass .form-control.p-0,
.theme-light-glass .p-0 {
  padding: 0 !important;
}

.theme-light-glass .input-group-custom {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
}

.theme-light-glass .input-group-custom:focus-within {
  border-color: #0e7490 !important;
  box-shadow: 0 0 0 3px rgba(14, 116, 144, 0.18) !important;
}

.theme-light-glass .input-field {
  color: #0f172a !important;
}

.theme-light-glass .input-field::placeholder {
  color: #94a3b8 !important;
}

.theme-light-glass .input-icon,
.theme-light-glass .input-eye {
  color: #64748b !important;
}

.theme-light-glass .input-group-custom:focus-within .input-icon,
.theme-light-glass .input-eye:hover {
  color: #0e7490 !important;
}

.theme-light-glass .btn-masuk {
  background: #0e7490 !important;
  border: none !important;
  color: #ffffff !important;
  box-shadow: 0 6px 20px rgba(14, 116, 144, 0.25) !important;
}

.theme-light-glass .btn-masuk:hover:not(:disabled) {
  background: #155e75 !important;
  box-shadow: 0 8px 25px rgba(14, 116, 144, 0.35) !important;
  color: #ffffff !important;
}

.theme-light-glass .globalSearch {
  background-color: rgba(13, 84, 125, 0.6) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
}
.theme-light-glass .globalSearch .search-modal-card {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.25) !important;
  color: #0f172a !important;
}
.theme-light-glass .globalSearch .search-input-header {
  border-bottom: 1px solid #e2e8f0 !important;
}
.theme-light-glass .globalSearch input,
.theme-light-glass .globalSearch select {
  background-color: #ffffff !important;
  border-color: #cbd5e1 !important;
  color: #0f172a !important;
}
.theme-light-glass .globalSearch label,
.theme-light-glass .globalSearch .text-dark {
  color: #0f172a !important;
}
.theme-light-glass .globalSearch .text-muted {
  color: #64748b !important;
}
.theme-light-glass .globalSearch .list-group-item {
  background: transparent !important;
  color: #0f172a !important;
}
.theme-light-glass .globalSearch .list-group-item:hover {
  background: rgba(14, 116, 144, 0.08) !important;
}
.theme-light-glass .globalSearch .icon-box {
  background: rgba(14, 116, 144, 0.1) !important;
}
.theme-light-glass .globalSearch .search-footer {
  background: #f8fafc !important;
  border-top: 1px solid #e2e8f0 !important;
  color: #64748b !important;
}

/* ============================
   NEUMORPHISM THEME (Soft 3D Embossed UI)
   ============================ */
html.theme-neumorphic,
html.theme-neumorphic body {
  background: #e2e8f0 !important;
  background-attachment: fixed !important;
  color: #1e293b !important;
}

/* Layout Height Containment for Smooth Scrolling */
.theme-neumorphic .content-container {
  flex: 1 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.theme-neumorphic .h-100-desktop {
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

/* Prevent Card Shadow Clipping Across Components */
.theme-neumorphic .app-row,
.theme-neumorphic .main-container,
.theme-neumorphic .card,
.theme-neumorphic .card-body,
.theme-neumorphic .card-header,
.theme-neumorphic .bg-dash-white,
.theme-neumorphic .login-card,
.theme-neumorphic .modal-content,
.theme-neumorphic .search-modal-card {
  overflow: visible !important;
}

/* Scrollable inner containers */
.theme-neumorphic .table-responsive,
.theme-neumorphic .results-container {
  overflow-x: auto !important;
  overflow-y: auto !important;
}

/* Navbar & Sticky Header */
.theme-neumorphic .navbar-sticky {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding-bottom: 8px !important;
}

.theme-neumorphic nav.navbar,
.theme-neumorphic .navbar.bg-white {
  background: #e2e8f0 !important;
  border: none !important;
  border-radius: 20px !important;
  box-shadow: 6px 6px 16px rgba(163, 177, 198, 0.65), -6px -6px 16px rgba(255, 255, 255, 0.95) !important;
}

.theme-neumorphic .navbar-brand img,
.theme-neumorphic .navbar-brand {
  filter: none !important;
}

.theme-neumorphic button[title="Toggle Sidebar"] i,
.theme-neumorphic .color-primary.fa-bars-staggered,
.theme-neumorphic .color-primary.fa-bars,
.theme-neumorphic .navbar-toggler i {
  color: #3e9aac !important;
}

.theme-neumorphic .page-title h3,
.theme-neumorphic .page-title .text-primary,
.theme-neumorphic .page-title {
  color: #1e293b !important;
}

.theme-neumorphic .nav-link {
  color: #475569 !important;
  font-weight: 500;
}
.theme-neumorphic .nav-link.color-primary,
.theme-neumorphic .nav-link:hover {
  color: #3e9aac !important;
}

/* Search Box & Buttons in Navbar */
.theme-neumorphic .navbar .search-box,
.theme-neumorphic .theme-switch-btn {
  background: #e2e8f0 !important;
  border: none !important;
  border-radius: 100px !important;
  color: #334155 !important;
  box-shadow: inset 3px 3px 6px rgba(163, 177, 198, 0.6), inset -3px -3px 6px rgba(255, 255, 255, 0.95) !important;
}
.theme-neumorphic .navbar .search-box input,
.theme-neumorphic .navbar .search-box i,
.theme-neumorphic .theme-switch-btn .current-theme-label {
  color: #334155 !important;
}
.theme-neumorphic .navbar .search-box input::placeholder {
  color: #94a3b8 !important;
}

.theme-neumorphic .user-dropdown > div {
  background: #e2e8f0 !important;
  border: none !important;
  box-shadow: 4px 4px 10px rgba(163, 177, 198, 0.6), -4px -4px 10px rgba(255, 255, 255, 0.95) !important;
}

/* Main Cards, Sidebar, Modals, Tree Cards, .bg-white, .shadow-* */
.theme-neumorphic .sidebar-scrollable,
.theme-neumorphic .card,
.theme-neumorphic .bg-white,
.theme-neumorphic .bg-light,
.theme-neumorphic .bg-body,
.theme-neumorphic .shadow-sm,
.theme-neumorphic .shadow,
.theme-neumorphic .shadow-lg,
.theme-neumorphic .modal-content,
.theme-neumorphic .tree-card,
.theme-neumorphic .diagram-preview-area,
.theme-neumorphic .diagram-description-area,
.theme-neumorphic .login-card,
.theme-neumorphic .bg-dash-white {
  background: #e2e8f0 !important;
  background-color: #e2e8f0 !important;
  border: none !important;
  border-radius: 20px !important;
  box-shadow: 6px 6px 16px rgba(163, 177, 198, 0.65), -6px -6px 16px rgba(255, 255, 255, 0.95) !important;
  color: #1e293b !important;
}

/* Perfect Alignment & Smooth Scroll Mechanics for Neumorphism */
.theme-neumorphic .content-scrollable {
  height: 100% !important;
  max-height: 100% !important;
  overflow-y: auto !important;
  overflow-x: hidden;
  padding: 6px 8px 30px 8px !important;
}

.theme-neumorphic .sidebar-scrollable {
  height: calc(100% - 12px) !important;
  max-height: calc(100% - 12px) !important;
  overflow-y: auto !important;
  overflow-x: hidden;
  margin: 6px 4px !important;
}

.theme-neumorphic .content-scrollable .bg-white,
.theme-neumorphic .content-scrollable .card,
.theme-neumorphic .main-container > div,
.theme-neumorphic .bg-white.m-0,
.theme-neumorphic .card.m-0 {
  margin-top: 0 !important;
  margin-bottom: 6px !important;
  margin-left: 2px !important;
  margin-right: 2px !important;
}

.theme-neumorphic .tree-card:hover {
  background: #e2e8f0 !important;
  box-shadow: 8px 8px 18px rgba(163, 177, 198, 0.75), -8px -8px 18px rgba(255, 255, 255, 1) !important;
  transform: translateY(-2px);
}

.theme-neumorphic .tree-title,
.theme-neumorphic .tree-code,
.theme-neumorphic .viewer-title,
.theme-neumorphic .editable-title,
.theme-neumorphic .editable-code {
  color: #0f172a !important;
}

/* ============================
   RESPONSIVE SIDEBAR OFFCANVAS (MOBILE)
   ============================ */
@media (max-width: 991.98px) {
  .sidebar-offcanvas-wrapper {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    height: 100vh !important;
    width: 100vw !important;
    max-width: 100vw !important;
    z-index: 1050 !important;
    padding: 1rem !important;
    margin: 0 !important;
    border-radius: 0 !important;
  }

  .sidebar-offcanvas-wrapper .sidebar-scrollable {
    height: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    border-radius: 16px !important;
  }

  .sidebar-offcanvas-backdrop {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(0, 0, 0, 0.45) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
    z-index: 1040 !important;
  }
}

.theme-neumorphic .text-dark,
.theme-neumorphic h1, .theme-neumorphic h2, .theme-neumorphic h3, 
.theme-neumorphic h4, .theme-neumorphic h5, .theme-neumorphic h6 {
  color: #0f172a !important;
}

.theme-neumorphic .text-muted,
.theme-neumorphic .text-secondary {
  color: #64748b !important;
}

/* Form Inputs & Selects (Inset Neumorphism) */
.theme-neumorphic .form-control,
.theme-neumorphic .form-select {
  background-color: #e2e8f0 !important;
  border: none !important;
  box-shadow: inset 3px 3px 6px #c4cede, inset -3px -3px 6px #ffffff !important;
  color: #0f172a !important;
  border-radius: 12px !important;
}

.theme-neumorphic .form-control:focus,
.theme-neumorphic .form-select:focus {
  box-shadow: inset 4px 4px 8px #b8c4d6, inset -4px -4px 8px #ffffff !important;
  color: #0f172a !important;
}

.theme-neumorphic .form-control::placeholder {
  color: #94a3b8 !important;
}

.theme-neumorphic .form-select option {
  background-color: #ffffff !important;
  color: #0f172a !important;
}

.theme-neumorphic .form-control.border-0,
.theme-neumorphic .border-0 {
  border: none !important;
  border-width: 0 !important;
}

.theme-neumorphic .form-control.bg-transparent,
.theme-neumorphic .bg-transparent {
  background: transparent !important;
  background-color: transparent !important;
}

.theme-neumorphic .form-control.p-0,
.theme-neumorphic .p-0 {
  padding: 0 !important;
}

/* Content Page Search Box */
.theme-neumorphic .search-box:not(.navbar .search-box) {
  background: #e2e8f0 !important;
  border: none !important;
  box-shadow: inset 3px 3px 6px #c4cede, inset -3px -3px 6px #ffffff !important;
  border-radius: 100px !important;
}

.theme-neumorphic .search-box:not(.navbar .search-box) input,
.theme-neumorphic .search-box:not(.navbar .search-box) i {
  color: #0f172a !important;
}

.theme-neumorphic .search-box:not(.navbar .search-box) input::placeholder {
  color: #64748b !important;
}

/* Buttons (Extruded Tactile 3D Buttons) */
.theme-neumorphic .btn-primary {
  background: #3e9aac !important;
  border: none !important;
  color: #ffffff !important;
  box-shadow: 4px 4px 10px rgba(62, 154, 172, 0.4), -4px -4px 10px #ffffff !important;
}
.theme-neumorphic .btn-primary:hover {
  background: #358696 !important;
  box-shadow: 5px 5px 12px rgba(62, 154, 172, 0.5), -5px -5px 12px #ffffff !important;
}
.theme-neumorphic .btn-primary:active {
  box-shadow: inset 3px 3px 6px rgba(0, 0, 0, 0.3) !important;
}

.theme-neumorphic .btn-light,
.theme-neumorphic .btn-action,
.theme-neumorphic .btn-outline-secondary {
  background: #e2e8f0 !important;
  border: none !important;
  color: #334155 !important;
  box-shadow: 4px 4px 8px #c4cede, -4px -4px 8px #ffffff !important;
}
.theme-neumorphic .btn-light:hover,
.theme-neumorphic .btn-action:hover,
.theme-neumorphic .btn-outline-secondary:hover {
  color: #3e9aac !important;
  box-shadow: 5px 5px 10px #c4cede, -5px -5px 10px #ffffff !important;
}

/* Sidebar & Navigation Items */
.theme-neumorphic .sidebar-item {
  color: #334155 !important;
  border-radius: 12px !important;
  transition: all 0.2s ease;
}
.theme-neumorphic .sidebar-item:hover {
  background: #e2e8f0 !important;
  color: #3e9aac !important;
  box-shadow: 4px 4px 8px #c4cede, -4px -4px 8px #ffffff !important;
}
.theme-neumorphic .sidebar-item.active {
  background: #e2e8f0 !important;
  color: #3e9aac !important;
  font-weight: 600 !important;
  box-shadow: inset 3px 3px 6px #c4cede, inset -3px -3px 6px #ffffff !important;
}
.theme-neumorphic .sidebar-item.active i {
  color: #3e9aac !important;
}

/* Dropdown Menu */
.theme-neumorphic .dropdown-menu {
  background: #e2e8f0 !important;
  border: none !important;
  border-radius: 16px !important;
  box-shadow: 8px 8px 20px #c4cede, -8px -8px 20px #ffffff !important;
  color: #1e293b !important;
}
.theme-neumorphic .user-dropdown-name {
  color: #0f172a !important;
}
.theme-neumorphic .user-dropdown-role {
  color: #64748b !important;
}
.theme-neumorphic .dropdown-item {
  color: #334155 !important;
}
.theme-neumorphic .dropdown-item:hover {
  background: #e2e8f0 !important;
  color: #3e9aac !important;
  box-shadow: inset 2px 2px 5px #c4cede, inset -2px -2px 5px #ffffff !important;
  border-radius: 8px !important;
}

/* Tables & Table Responsive */
.theme-neumorphic .table-responsive {
  border-radius: 14px;
  border: none !important;
  background: #e2e8f0 !important;
  box-shadow: inset 3px 3px 8px #c4cede, inset -3px -3px 8px #ffffff !important;
  overflow-x: auto;
}
.theme-neumorphic .table-responsive::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}
.theme-neumorphic .table-responsive::-webkit-scrollbar-thumb {
  background-color: rgba(62, 154, 172, 0.4);
  border-radius: 4px;
}
.theme-neumorphic .table,
.theme-neumorphic .table-responsive .table,
.theme-neumorphic .table-responsive table,
.theme-neumorphic .table-responsive tbody,
.theme-neumorphic .table-responsive tr,
.theme-neumorphic .table-responsive td,
.theme-neumorphic .table-hover > tbody > tr > * {
  background: transparent !important;
  background-color: transparent !important;
  color: #1e293b !important;
}
.theme-neumorphic .table-responsive th {
  background: #e2e8f0 !important;
  color: #3e9aac !important;
  font-weight: 600 !important;
  border-bottom: 2px solid #cbd5e1 !important;
}
.theme-neumorphic .table-responsive td {
  border-color: #cbd5e1 !important;
  color: #334155 !important;
  vertical-align: middle;
}
.theme-neumorphic .table-responsive .table-hover > tbody > tr:hover > * {
  background-color: rgba(62, 154, 172, 0.08) !important;
  color: #0f172a !important;
}

/* Pagination */
.theme-neumorphic .pagination .page-item .page-link,
.theme-neumorphic .page-link {
  background-color: #e2e8f0 !important;
  border: none !important;
  color: #334155 !important;
  box-shadow: 3px 3px 7px #c4cede, -3px -3px 7px #ffffff !important;
  margin: 0 2px !important;
  border-radius: 8px !important;
}
.theme-neumorphic .pagination .page-item:hover .page-link,
.theme-neumorphic .page-link:hover {
  color: #3e9aac !important;
  box-shadow: 4px 4px 9px #c4cede, -4px -4px 9px #ffffff !important;
}
.theme-neumorphic .pagination .page-item.active .page-link,
.theme-neumorphic .page-item.active .page-link {
  background-color: #e2e8f0 !important;
  color: #3e9aac !important;
  font-weight: 700 !important;
  box-shadow: inset 3px 3px 6px #c4cede, inset -3px -3px 6px #ffffff !important;
}
.theme-neumorphic .pagination .page-item.disabled .page-link,
.theme-neumorphic .page-item.disabled .page-link {
  box-shadow: none !important;
  color: #94a3b8 !important;
  opacity: 0.5;
}

/* Global Search Modal */
.theme-neumorphic .globalSearch {
  background-color: rgba(226, 232, 240, 0.75) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}
.theme-neumorphic .globalSearch .search-modal-card {
  background: #e2e8f0 !important;
  border: none !important;
  border-radius: 24px !important;
  box-shadow: 12px 12px 28px #b8c4d6, -12px -12px 28px #ffffff !important;
  color: #0f172a !important;
}
.theme-neumorphic .globalSearch .search-input-header {
  border-bottom: 1px solid #cbd5e1 !important;
}
.theme-neumorphic .globalSearch input,
.theme-neumorphic .globalSearch select {
  background-color: #e2e8f0 !important;
  box-shadow: inset 3px 3px 6px #c4cede, inset -3px -3px 6px #ffffff !important;
  border: none !important;
  color: #0f172a !important;
  border-radius: 12px !important;
}
.theme-neumorphic .globalSearch label,
.theme-neumorphic .globalSearch .text-dark {
  color: #0f172a !important;
}
.theme-neumorphic .globalSearch .text-muted {
  color: #64748b !important;
}
.theme-neumorphic .globalSearch .list-group-item {
  background: transparent !important;
  color: #0f172a !important;
}
.theme-neumorphic .globalSearch .list-group-item:hover {
  background: #e2e8f0 !important;
  box-shadow: inset 2px 2px 5px #c4cede, inset -2px -2px 5px #ffffff !important;
  border-radius: 10px !important;
}
.theme-neumorphic .globalSearch .icon-box {
  background: #e2e8f0 !important;
  box-shadow: 3px 3px 6px #c4cede, -3px -3px 6px #ffffff !important;
}
.theme-neumorphic .globalSearch .search-footer {
  background: #e2e8f0 !important;
  border-top: 1px solid #cbd5e1 !important;
  color: #64748b !important;
}
.theme-neumorphic .globalSearch .search-footer .badge {
  background: #e2e8f0 !important;
  box-shadow: 2px 2px 5px #c4cede, -2px -2px 5px #ffffff !important;
  color: #334155 !important;
  border: none !important;
}

/* Auth Page Neumorphism */
.theme-neumorphic .login-card {
  background: #e2e8f0 !important;
  border: none !important;
  border-radius: 24px !important;
  box-shadow: 12px 12px 28px #c4cede, -12px -12px 28px #ffffff !important;
}
.theme-neumorphic .tab-switcher {
  background: #e2e8f0 !important;
  box-shadow: inset 3px 3px 6px #c4cede, inset -3px -3px 6px #ffffff !important;
  border: none !important;
  border-radius: 16px !important;
}
.theme-neumorphic .tab-btn {
  color: #64748b !important;
  background: transparent !important;
}
.theme-neumorphic .tab-btn-active {
  background: #e2e8f0 !important;
  color: #3e9aac !important;
  font-weight: 600 !important;
  box-shadow: 4px 4px 8px #c4cede, -4px -4px 8px #ffffff !important;
}