.float-right {
  text-align: right;
}

.swal-icon--success:before,
.swal-icon--success:after {
  opacity: 0;
}

.swal-icon--success__hide-corners {
  opacity: 0;
}

.card {
  min-width: 250px;
}

/* ============================================================
   iGeniusFX Theme System (Dark & Light Skin Architecture)
   ============================================================ */
:root {
  --igenius-bg-dark: #0b0e14;
  --igenius-panel-bg: #121824;
  --igenius-panel-hover: #1a2332;
  --igenius-gold-primary: #ffd700;
  --igenius-gold-secondary: #d4af37;
  --igenius-gold-gradient: linear-gradient(135deg, #ffe082 0%, #d4af37 50%, #b38728 100%);
  --igenius-cyan-accent: #00d2ff;
  --igenius-green-profit: #10b981;
  --igenius-red-risk: #ef4444;
  --igenius-text-light: #f8fafc;
  --igenius-text-muted: #94a3b8;
  --igenius-border-gold: rgba(212, 175, 55, 0.25);
  --igenius-border-cyan: rgba(0, 210, 255, 0.25);
}

/* ------------------------------------------------------------
   1. DARK SKIN OVERRIDES
   ------------------------------------------------------------ */
body.dark-skin {
  background-color: var(--igenius-bg-dark) !important;
  color: var(--igenius-text-light) !important;
}

body.dark-skin .content-wrapper,
body.dark-skin .main-sidebar,
body.dark-skin .main-header {
  background-color: var(--igenius-bg-dark) !important;
}

body.dark-skin .box,
body.dark-skin .card,
body.dark-skin .bg-dark {
  background-color: var(--igenius-panel-bg) !important;
  border: 1px solid var(--igenius-border-gold) !important;
  border-radius: 10px !important;
}

body.dark-skin .box-header,
body.dark-skin .card-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

body.dark-skin .sidebar-menu > li.active > a {
  background: rgba(212, 175, 55, 0.12) !important;
  color: var(--igenius-gold-primary) !important;
  border-left: 3px solid var(--igenius-gold-primary) !important;
}

/* ------------------------------------------------------------
   2. LIGHT SKIN COMPLETE THEME SYSTEM (All Modules)
   ------------------------------------------------------------ */
body.light-skin {
  background-color: #f4f6f9 !important;
  color: #1a202c !important;
}

body.light-skin .content-wrapper {
  background-color: #f4f6f9 !important;
  color: #1a202c !important;
}

/* Light Skin Main Navbar & Sidebar */
body.light-skin .main-header,
body.light-skin .main-header .navbar,
body.light-skin .main-header .logo-box {
  background-color: #ffffff !important;
  border-bottom: 1px solid #e2e8f0 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
}

body.light-skin .main-sidebar {
  background-color: #ffffff !important;
  border-right: 1px solid #e2e8f0 !important;
  box-shadow: 2px 0 6px rgba(0, 0, 0, 0.03) !important;
}

body.light-skin .sidebar-menu > li > a {
  color: #4a5568 !important;
}

body.light-skin .sidebar-menu > li:hover > a,
body.light-skin .sidebar-menu > li.active > a {
  background-color: #edf2f7 !important;
  color: #3182ce !important;
}

/* Light Skin Headers across all pages */
body.light-skin .fund-header,
body.light-skin .income-header,
body.light-skin .transaction-header,
body.light-skin .report-header,
body.light-skin .support-header,
body.light-skin .profile-header,
body.light-skin .tree-header,
body.light-skin .level-header,
body.light-skin .withdraw-header,
body.light-skin .activation-header,
body.light-skin .active-pkg-header,
body.light-skin .transfer-header {
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%) !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important;
}

body.light-skin .active-pkg-card {
  background: #ffffff !important;
  border-left: 1px solid #e2e8f0 !important;
  border-right: 1px solid #e2e8f0 !important;
  border-bottom: 1px solid #e2e8f0 !important;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.04) !important;
  color: #1a202c !important;
}

body.light-skin .pkg-header-banner {
  background: #f8fafc !important;
  border-bottom: 1px solid #edf2f7 !important;
}

body.light-skin .pkg-name-title {
  color: #1a202c !important;
}

body.light-skin .metric-item {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
}

body.light-skin .metric-label {
  color: #718096 !important;
}

body.light-skin .metric-val {
  color: #1a202c !important;
}

body.light-skin .progress-cap-container {
  background-color: #edf2f7 !important;
  border: 1px solid #cbd5e0 !important;
}

body.light-skin .pkg-footer-dates {
  background: #f8fafc !important;
  border-top: 1px solid #edf2f7 !important;
  color: #718096 !important;
}

body.light-skin .wallet-badge-card {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
}

body.light-skin .wallet-balance-amount {
  color: #16a34a !important;
}

body.light-skin .p2p-ledger-badge {
  background: rgba(2, 132, 199, 0.1) !important;
  border: 1px solid rgba(2, 132, 199, 0.3) !important;
  color: #0284c7 !important;
  box-shadow: 0 0 10px rgba(2, 132, 199, 0.15) !important;
}

body.light-skin .bg-dark,
body.light-skin .payout-calc-box,
body.light-skin .custom-modal .bg-dark {
  background-color: #f8fafc !important;
  border-color: #cbd5e0 !important;
  color: #2d3748 !important;
}

body.light-skin .btn-outline-success {
  color: #16a34a !important;
  border-color: #16a34a !important;
}

body.light-skin .btn-outline-success:hover {
  background-color: #16a34a !important;
  color: #ffffff !important;
}

/* Light Skin Network Tree View Overrides */
body.light-skin .legend-badge-card {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  color: #1a202c !important;
}

body.light-skin .tree-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.04) !important;
}

body.light-skin .parent_id {
  background: #f8fafc !important;
  border: 1px solid #cbd5e0 !important;
  color: #1a202c !important;
}

body.light-skin .parent_id:hover {
  background: #ffffff !important;
  border-color: #16a34a !important;
  box-shadow: 0 4px 15px rgba(22, 163, 74, 0.15) !important;
}

body.light-skin .tree-icon-btn {
  background: rgba(22, 163, 74, 0.1) !important;
  color: #16a34a !important;
}

body.light-skin .tree-icon-btn:hover {
  background: rgba(22, 163, 74, 0.2) !important;
}

body.light-skin .ref-code-tag {
  background: #edf2f7 !important;
  border: 1px solid #cbd5e0 !important;
  color: #4a5568 !important;
}

body.light-skin .treeview ul.list-group {
  border-left-color: #cbd5e0 !important;
}

body.light-skin .pkg-card {
  background: #ffffff !important;
  border-left: 1px solid #e2e8f0 !important;
  border-right: 1px solid #e2e8f0 !important;
  border-bottom: 1px solid #e2e8f0 !important;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.04) !important;
}

body.light-skin .pkg-card:hover {
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08) !important;
}

body.light-skin .pkg-header {
  background: #f8fafc !important;
  border-bottom: 1px solid #edf2f7 !important;
}

body.light-skin .pkg-title,
body.light-skin .pkg-price,
body.light-skin .rules-title {
  color: #1a202c !important;
}

body.light-skin .pkg-feature-table td {
  color: #2d3748 !important;
  border-bottom: 1px dashed #e2e8f0 !important;
}

body.light-skin .pkg-feature-label {
  color: #718096 !important;
}

body.light-skin .pkg-feature-value {
  color: #1a202c !important;
}

body.light-skin .rules-card,
body.light-skin .form-card,
body.light-skin .deposit-info-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.04) !important;
  color: #2d3748 !important;
}

body.light-skin .address-display-box {
  background-color: #f8fafc !important;
  border: 1px solid #cbd5e0 !important;
  color: #16a34a !important;
}

body.light-skin .custom-modal {
  background-color: #ffffff !important;
  color: #1a202c !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15) !important;
}

body.light-skin .custom-modal .modal-header {
  background-color: #f8fafc !important;
  border-bottom: 1px solid #e2e8f0 !important;
  color: #1a202c !important;
}

body.light-skin .custom-modal .modal-footer {
  background-color: #ffffff !important;
  border-top: 1px solid #e2e8f0 !important;
}

body.light-skin .custom-modal .btn-close-white {
  filter: invert(1) grayscale(100%) brightness(200%) !important;
}

body.light-skin .step-title {
  color: #1a202c !important;
}

body.light-skin .custom-form-label {
  color: #718096 !important;
}

body.light-skin .pkg-option-card {
  background: #f8fafc !important;
  border: 2px solid #e2e8f0 !important;
}

body.light-skin .pkg-option-card:hover {
  border-color: #3182ce !important;
  background: #ffffff !important;
}

body.light-skin .pkg-option-card.selected {
  border-color: #38ef7d !important;
  background: rgba(56, 239, 125, 0.08) !important;
  box-shadow: 0 4px 15px rgba(56, 239, 125, 0.15) !important;
}

body.light-skin .info-box-summary {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  color: #2d3748 !important;
}

/* Light Skin Boxes, Cards & Containers */
body.light-skin .box,
body.light-skin .card,
body.light-skin .box-body,
body.light-skin .card-body,
body.light-skin .table-card,
body.light-skin .profile-card,
body.light-skin .chat-card,
body.light-skin .activation-card {
  background-color: #ffffff !important;
  border-color: #e2e8f0 !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
  color: #1a202c !important;
}

body.light-skin .box-header,
body.light-skin .card-header,
body.light-skin .chat-card-header,
body.light-skin .profile-card-header {
  background-color: #f8fafc !important;
  border-bottom: 1px solid #e2e8f0 !important;
  color: #1a202c !important;
}

body.light-skin .box-footer {
  background-color: #ffffff !important;
  border-top: 1px solid #e2e8f0 !important;
}

body.light-skin .stat-widget-card {
  background-color: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
}

/* Light Skin Typography Overrides */
body.light-skin h1, body.light-skin h2, body.light-skin h3, 
body.light-skin h4, body.light-skin h5, body.light-skin h6 {
  color: #1a202c !important;
}

body.light-skin p, body.light-skin span, body.light-skin div, 
body.light-skin label, body.light-skin strong, body.light-skin small {
  color: #2d3748;
}

body.light-skin .fw-700.text-white,
body.light-skin .text-white {
  color: #1a202c !important;
}

body.light-skin .text-muted,
body.light-skin .stat-widget-title,
body.light-skin .text-semi-muted {
  color: #718096 !important;
}

/* Utility Text Color Protection in Light Mode */
body.light-skin .text-success { color: #22c55e !important; }
body.light-skin .text-warning { color: #d69e2e !important; }
body.light-skin .text-danger { color: #ef4444 !important; }
body.light-skin .text-info { color: #3182ce !important; }
body.light-skin .text-primary { color: #3182ce !important; }
body.light-skin .text-teal { color: #0d9488 !important; }

/* Light Skin Form Inputs & Selects */
body.light-skin .custom-input,
body.light-skin .form-control,
body.light-skin .chat-input-field,
body.light-skin .custom-level-select,
body.light-skin .form-select {
  background-color: #ffffff !important;
  border: 1px solid #cbd5e0 !important;
  color: #1a202c !important;
}

body.light-skin .custom-input:focus,
body.light-skin .form-control:focus,
body.light-skin .chat-input-field:focus,
body.light-skin .custom-level-select:focus,
body.light-skin .form-select:focus {
  background-color: #ffffff !important;
  border-color: #3182ce !important;
  box-shadow: 0 0 10px rgba(49, 130, 206, 0.2) !important;
  color: #1a202c !important;
}

body.light-skin select.custom-level-select option,
body.light-skin select.form-select option,
body.light-skin select.form-control option {
  background-color: #ffffff !important;
  color: #1a202c !important;
}

/* Light Skin DataTables */
body.light-skin .table {
  color: #1a202c !important;
}

body.light-skin .table thead th {
  background-color: #f7fafc !important;
  color: #4a5568 !important;
  border-bottom: 2px solid #e2e8f0 !important;
}

body.light-skin .table td {
  border-color: #edf2f7 !important;
  color: #2d3748 !important;
}

/* Light Skin Live Chat Bubbles */
body.light-skin .chat-messages-container {
  background: #f7fafc !important;
}

body.light-skin .msg-bubble-admin {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  color: #2d3748 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04) !important;
}

body.light-skin .msg-bubble-admin .text-gray-200 {
  color: #2d3748 !important;
}

body.light-skin .chat-input-container {
  background: #ffffff !important;
  border-top: 1px solid #e2e8f0 !important;
}

/* Gold & Action Buttons */
.btn-primary,
.btn-warning {
  background: var(--igenius-gold-gradient) !important;
  border: none !important;
  color: #0b0e14 !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.3) !important;
  transition: all 0.3s ease;
}

.btn-primary:hover,
.btn-warning:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(212, 175, 55, 0.45) !important;
  color: #000000 !important;
}

.btn-outline-gold {
  border: 1px solid var(--igenius-gold-secondary) !important;
  color: var(--igenius-gold-primary) !important;
  background: transparent !important;
}

.btn-outline-gold:hover {
  background: var(--igenius-gold-secondary) !important;
  color: #0b0e14 !important;
}

/* Progress Bars & Badges */
.progress-done,
.progress-bar-gold {
  background: var(--igenius-gold-gradient) !important;
  box-shadow: 0 0 10px rgba(212, 175, 55, 0.4) !important;
}

.progress {
  background-color: #1a2332 !important;
  border-radius: 20px !important;
}

.badge-gold {
  background-color: rgba(212, 175, 55, 0.15) !important;
  color: var(--igenius-gold-primary) !important;
  border: 1px solid var(--igenius-border-gold) !important;
}

.badge-cyan {
  background-color: rgba(0, 210, 255, 0.15) !important;
  color: var(--igenius-cyan-accent) !important;
  border: 1px solid var(--igenius-border-cyan) !important;
}

/* ============================================================
   Logo Header Dimensions & Alignments (Fix Cropping & Scaling)
   ============================================================ */
.main-header .logo-box {
  height: 70px !important;
  display: flex !important;
  align-items: center !important;
}

.main-header .logo {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  line-height: normal !important;
  padding: 0 10px !important;
  text-decoration: none !important;
}

.main-header .logo .logo-mini {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  margin-right: 8px !important;
}

.main-header .logo .logo-mini img {
  height: 60px !important;
  width: 60px !important;
  max-height: 60px !important;
  max-width: 60px !important;
  object-fit: contain !important;
  display: block !important;
}

.main-header .logo .logo-lg {
  display: flex !important;
  align-items: center !important;
  line-height: normal !important;
  padding-left: 0 !important;
}

.main-header .logo .logo-lg img {
  height: 72px !important;
  max-height: 72px !important;
  width: auto !important;
  object-fit: contain !important;
  display: block !important;
}

/* Collapsed Sidebar Mode */
.sidebar-collapse .main-header .logo .logo-lg {
  display: none !important;
}

.sidebar-collapse .main-header .logo .logo-mini {
  margin-right: 0 !important;
  width: 100% !important;
}

/* ============================================================
   Professional Animated Preloader System (mini-logo.png)
   ============================================================ */
#loader,
.site-preloader,
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999999;
  overflow: hidden;
  background: #090d16;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.6s cubic-bezier(0.4, 0, 0.2, 1), transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

#loader.loaded-hidden,
#loader[style*="display: none"],
#loader[style*="display:none"],
#loader[style*="opacity: 0"],
#loader[style*="opacity:0"],
.site-preloader[style*="display: none"],
.site-preloader[style*="display:none"],
.preloader[style*="display: none"],
.preloader[style*="display:none"],
.loaded #loader,
.loaded .site-preloader,
.loaded .preloader {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: scale(1.05);
}

body.light-skin #loader,
body.light-skin .site-preloader,
body.light-skin .preloader {
  background: #f8fafc;
}

#loader::before,
.site-preloader::before,
.preloader::before {
  content: "";
  position: absolute;
  width: 115px;
  height: 115px;
  border-radius: 50%;
  border: 3.5px solid transparent;
  border-top-color: #10b981;
  border-right-color: #06b6d4;
  border-bottom-color: #f59e0b;
  animation: preloaderSpin 1.2s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite;
  box-shadow: 0 0 30px rgba(16, 185, 129, 0.25);
}

#loader::after,
.site-preloader::after,
.preloader::after {
  content: "";
  width: 72px;
  height: 72px;
  background-image: url("../../images/../../../web/images/mini-logo.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  animation: preloaderLogoPulse 1.8s ease-in-out infinite;
  position: relative;
  z-index: 2;
  filter: drop-shadow(0 0 14px rgba(16, 185, 129, 0.5));
}

@keyframes preloaderSpin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes preloaderLogoPulse {
  0%, 100% {
    transform: scale(0.92);
    opacity: 0.85;
    filter: drop-shadow(0 0 10px rgba(16, 185, 129, 0.3));
  }
  50% {
    transform: scale(1.08);
    opacity: 1;
    filter: drop-shadow(0 0 24px rgba(16, 185, 129, 0.8));
  }
}

/* ============================================================
   Modern Ultra-Sleek Auth Background & Glassmorphic Card System
   ============================================================ */
body.auth-modern-bg {
  background-color: #090d16 !important;
  background-image: 
    radial-gradient(circle at 12% 15%, rgba(16, 185, 129, 0.18) 0%, transparent 45%),
    radial-gradient(circle at 88% 85%, rgba(6, 182, 212, 0.18) 0%, transparent 45%),
    radial-gradient(circle at 50% 50%, rgba(245, 158, 11, 0.08) 0%, transparent 60%),
    linear-gradient(180deg, #0b1329 0%, #090d16 100%) !important;
  background-attachment: fixed !important;
  min-height: 100vh;
  position: relative;
}

body.auth-modern-bg::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 0);
  background-size: 32px 32px;
  pointer-events: none;
  z-index: 0;
}

.auth-card-modern {
  background: rgba(13, 20, 36, 0.88) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  border: 1px solid rgba(255, 215, 0, 0.2) !important;
  border-radius: 24px !important;
  box-shadow: 0 25px 60px -12px rgba(0, 0, 0, 0.85), 0 0 35px rgba(255, 215, 0, 0.12) !important;
  color: #f8fafc !important;
  transition: all 0.3s ease;
  position: relative;
  z-index: 1;
}

.auth-card-modern:hover {
  border-color: rgba(255, 215, 0, 0.4) !important;
  box-shadow: 0 30px 70px -15px rgba(0, 0, 0, 0.9), 0 0 45px rgba(255, 215, 0, 0.2) !important;
}

.auth-card-modern .content-top-agile h2,
.auth-card-modern h2 {
  background: linear-gradient(135deg, #ffe082 0%, #ffd700 50%, #f59e0b 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-weight: 800 !important;
  letter-spacing: -0.5px !important;
}

.auth-card-modern .content-top-agile p,
.auth-card-modern p,
.auth-card-modern label {
  color: #cbd5e1 !important;
  font-size: 0.925rem;
}

.auth-card-modern a,
.auth-card-modern .hover-warning,
.auth-card-modern .text-warning,
.auth-card-modern .text-danger {
  color: #38bdf8 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.25s ease-in-out !important;
}

.auth-card-modern a:hover,
.auth-card-modern .hover-warning:hover,
.auth-card-modern .text-warning:hover,
.auth-card-modern .text-danger:hover {
  color: #ffd700 !important;
  text-shadow: 0 0 12px rgba(255, 215, 0, 0.4) !important;
}

.auth-card-modern .form-control {
  background: rgba(26, 36, 56, 0.7) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
  border-radius: 12px !important;
  padding: 12px 16px !important;
}

.auth-card-modern .form-control::placeholder {
  color: #94a3b8 !important;
  opacity: 0.8;
}

.auth-card-modern .form-control:focus {
  background: rgba(26, 36, 56, 0.95) !important;
  border-color: #ffd700 !important;
  box-shadow: 0 0 18px rgba(255, 215, 0, 0.25) !important;
  color: #ffffff !important;
}

.auth-card-modern .input-group-text {
  background: rgba(26, 36, 56, 0.7) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-right: none !important;
  color: #ffd700 !important;
  border-top-left-radius: 12px !important;
  border-bottom-left-radius: 12px !important;
}

.auth-card-modern .input-group .form-control {
  border-left: none !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.auth-card-modern .btn-danger,
.auth-card-modern .btn-primary,
.auth-card-modern .btn-info,
.auth-card-modern button[type="submit"] {
  background: linear-gradient(135deg, #ffe082 0%, #ffd700 50%, #d4af37 100%) !important;
  border: none !important;
  color: #0b0e14 !important;
  font-weight: 800 !important;
  letter-spacing: 0.5px !important;
  border-radius: 12px !important;
  padding: 13px 24px !important;
  box-shadow: 0 4px 20px rgba(255, 215, 0, 0.35) !important;
  transition: all 0.25s ease-in-out !important;
  width: 100% !important;
  white-space: nowrap !important;
  display: block !important;
}

.auth-card-modern .btn-danger:hover,
.auth-card-modern .btn-primary:hover,
.auth-card-modern .btn-info:hover,
.auth-card-modern button[type="submit"]:hover {
  background: linear-gradient(135deg, #ffd700 0%, #f59e0b 100%) !important;
  box-shadow: 0 6px 25px rgba(255, 215, 0, 0.5) !important;
  transform: translateY(-2px);
  color: #000000 !important;
}

/* Sidebar Menu Transitions & Base Setup */
.sidebar-menu > li > a {
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  border-left: 4px solid transparent !important;
}

.sidebar-menu .treeview-menu > li > a {
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  border-left: 3px solid transparent !important;
}

/* Sidebar HOVER Item Styling (Cyan / Aqua Electric Theme) */
.sidebar-menu > li:hover:not(.active) > a {
  background: linear-gradient(90deg, rgba(0, 242, 254, 0.14) 0%, rgba(0, 242, 254, 0.02) 100%) !important;
  color: #00f2fe !important;
  border-left-color: #00f2fe !important;
  transform: translateX(4px) !important;
  box-shadow: inset 0 0 12px rgba(0, 242, 254, 0.06) !important;
}

.sidebar-menu > li:hover:not(.active) > a i,
.sidebar-menu > li:hover:not(.active) > a svg {
  color: #00f2fe !important;
  filter: drop-shadow(0 0 6px rgba(0, 242, 254, 0.6)) !important;
}

/* Submenu HOVER Item Styling */
.sidebar-menu .treeview-menu > li:hover:not(.active) > a {
  background: rgba(0, 242, 254, 0.1) !important;
  color: #00f2fe !important;
  border-left-color: #00f2fe !important;
  padding-left: 20px !important;
}

.sidebar-menu .treeview-menu > li:hover:not(.active) > a i,
.sidebar-menu .treeview-menu > li:hover:not(.active) > a svg {
  color: #00f2fe !important;
}

/* Sidebar ACTIVE Item System (Gold Metallic Theme) */
.sidebar-menu > li.active > a,
.sidebar-menu > li.active.menu-open > a {
  background: linear-gradient(90deg, rgba(243, 186, 47, 0.22) 0%, rgba(243, 186, 47, 0.05) 100%) !important;
  color: #ffd700 !important;
  border-left: 4px solid #f3ba2f !important;
  font-weight: 700 !important;
  box-shadow: inset 0 0 15px rgba(243, 186, 47, 0.1) !important;
}

.sidebar-menu > li.active > a i,
.sidebar-menu > li.active > a svg {
  color: #ffd700 !important;
  filter: drop-shadow(0 0 8px rgba(255, 215, 0, 0.6)) !important;
}

.sidebar-menu > li.active:hover > a {
  background: linear-gradient(90deg, rgba(243, 186, 47, 0.28) 0%, rgba(0, 242, 254, 0.08) 100%) !important;
  color: #fff066 !important;
}

.sidebar-menu .treeview-menu > li.active > a {
  background: rgba(243, 186, 47, 0.15) !important;
  color: #ffd700 !important;
  font-weight: 600 !important;
  border-left: 3px solid #f3ba2f !important;
}

.sidebar-menu .treeview-menu > li.active > a i,
.sidebar-menu .treeview-menu > li.active > a svg {
  color: #ffd700 !important;
}

/* Submenu Icon Sizing & Micro-interactions */
.sidebar-menu .treeview-menu > li > a i,
.sidebar-menu .treeview-menu > li > a svg {
  width: 16px !important;
  height: 16px !important;
  margin-right: 10px !important;
  vertical-align: middle !important;
  transition: transform 0.2s ease, color 0.2s ease !important;
}

.sidebar-menu .treeview-menu > li:hover > a i,
.sidebar-menu .treeview-menu > li:hover > a svg {
  transform: scale(1.18) !important;
}

/* User Profile Avatar Styling & Fit */
.avatar,
.profile-avatar-img,
#header-avatar-preview {
  object-fit: cover !important;
  border: 1.5px solid rgba(243, 186, 47, 0.4) !important;
  box-shadow: 0 0 10px rgba(243, 186, 47, 0.15) !important;
}