/* Dark Purple/Indigo Theme for User Pages */

body.dark-theme-user,
body.dark-theme-user .section-content-right {
  background: #1a1b3a !important;
  color: #ffffff;
}

body.dark-theme-user .main-content {
  background: #1a1b3a !important;
}

body.dark-theme-user .main-content-inner {
  background: #1a1b3a !important;
}

body.dark-theme-user .main-content-wrap {
  background: #1a1b3a !important;
}

/* Cards and Boxes */
body.dark-theme-user .wg-box {
  background: #25264a !important;
  border-color: #3a3b5c !important;
  color: #ffffff;
}

body.dark-theme-user .wg-box .title h6,
body.dark-theme-user .wg-box .title {
  color: #ffffff !important;
}

body.dark-theme-user .wg-box .title button {
  color: #ffffff !important;
}

/* Cards */
body.dark-theme-user .wg-card {
  background: #25264a !important;
  border-color: #3a3b5c !important;
  color: #ffffff;
}

body.dark-theme-user .wg-card .content h6,
body.dark-theme-user .wg-card .content {
  color: #ffffff !important;
}

body.dark-theme-user .wg-card.style-1 {
  background: #3a3b5c !important;
}

/* Text Colors */
body.dark-theme-user .text-Black {
  color: #ffffff !important;
}

body.dark-theme-user .text-Gray {
  color: #a4a4a9 !important;
}

body.dark-theme-user .text-GrayDark {
  color: #6d6d6d !important;
}

body.dark-theme-user h1,
body.dark-theme-user h2,
body.dark-theme-user h3,
body.dark-theme-user h4,
body.dark-theme-user h5,
body.dark-theme-user h6 {
  color: #ffffff !important;
}

body.dark-theme-user .f12-bold,
body.dark-theme-user .f14-bold,
body.dark-theme-user .f16-bold {
  color: #ffffff !important;
}

body.dark-theme-user .f12-medium,
body.dark-theme-user .f14-medium,
body.dark-theme-user .f16-medium {
  color: #ffffff !important;
}

body.dark-theme-user .f12-regular,
body.dark-theme-user .f14-regular,
body.dark-theme-user .f16-regular {
  color: #ffffff !important;
}

/* Input Fields */
body.dark-theme-user input[type="text"],
body.dark-theme-user input[type="number"],
body.dark-theme-user input[type="email"],
body.dark-theme-user input[type="password"],
body.dark-theme-user select,
body.dark-theme-user textarea {
  background: #1a1b3a !important;
  border-color: #3a3b5c !important;
  color: #ffffff !important;
}

body.dark-theme-user input[type="text"]::placeholder,
body.dark-theme-user input[type="number"]::placeholder,
body.dark-theme-user input[type="email"]::placeholder,
body.dark-theme-user input[type="password"]::placeholder {
  color: #6d6d6d !important;
}

body.dark-theme-user .bg-Gainsboro {
  background: #25264a !important;
  border-color: #3a3b5c !important;
}

body.dark-theme-user .bg-White {
  background: #25264a !important;
}

/* Tables */
body.dark-theme-user table {
  color: #ffffff !important;
}

body.dark-theme-user .list-transaction-head {
  background: #25264a !important;
}

body.dark-theme-user .list-transaction-head .text-White {
  color: #ffffff !important;
}

body.dark-theme-user .tf-table-item {
  background: #25264a !important;
  border-color: #3a3b5c !important;
}

body.dark-theme-user .tf-table-item:hover {
  background: #2d2e52 !important;
}

/* Header */
body.dark-theme-user .header-dashboard {
  background: #1a1b3a !important;
  border-bottom-color: #3a3b5c !important;
}

body.dark-theme-user .header-dashboard h6 {
  color: #ffffff !important;
}

body.dark-theme-user .show-search {
  background: #25264a !important;
  border-color: #3a3b5c !important;
  color: #ffffff !important;
}

/* Progress Bars */
body.dark-theme-user .tf-progress-bar {
  background: #1a1b3a !important;
}

body.dark-theme-user .tf-progress-bar span {
  background: #8b5cf6 !important;
}

/* Links */
body.dark-theme-user a {
  color: #a78bfa !important;
}

body.dark-theme-user a:hover {
  color: #c4b5fd !important;
}

/* Buttons - Keep primary colors */
body.dark-theme-user .tf-button.style-1 {
  background: #8b5cf6 !important;
  border-color: #8b5cf6 !important;
  color: #ffffff !important;
}

body.dark-theme-user .tf-button.style-1:hover {
  background: #7c3aed !important;
  border-color: #7c3aed !important;
}

/* Positive/Negative Colors */
body.dark-theme-user .text-YellowGreen,
body.dark-theme-user .text-Green {
  color: #2bc155 !important;
}

body.dark-theme-user .text-Salmon {
  color: #fd7972 !important;
}

/* Dropdowns */
body.dark-theme-user .dropdown-menu {
  background: #25264a !important;
  border-color: #3a3b5c !important;
}

body.dark-theme-user .dropdown-menu .user-item,
body.dark-theme-user .dropdown-menu li {
  color: #ffffff !important;
}

body.dark-theme-user .dropdown-menu .user-item:hover,
body.dark-theme-user .dropdown-menu li:hover {
  background: #3a3b5c !important;
}

body.dark-theme-user .header-dashboard .dropdown-menu li:hover {
  background: transparent !important;
}

/* Widget Tabs */
body.dark-theme-user .widget-menu-tab .item-title {
  color: #a4a4a9 !important;
}

body.dark-theme-user .widget-menu-tab .item-title.active {
  color: #ffffff !important;
}

body.dark-theme-user .widget-content-tab {
  background: #25264a !important;
}

/* List Items */
body.dark-theme-user .wallet-activity-item {
  background: #25264a !important;
  border-color: #3a3b5c !important;
}

body.dark-theme-user .list-wallet-activity li {
  border-color: #3a3b5c !important;
}

/* Form Labels */
body.dark-theme-user .f14-regular,
body.dark-theme-user label {
  color: #ffffff !important;
}

/* Status Boxes */
body.dark-theme-user .box-status {
  color: #ffffff !important;
}

/* Empty States */
body.dark-theme-user .text-Gray {
  color: #a4a4a9 !important;
}

/* Sidebar Menu - Enhanced Beautiful Design */
body.dark-theme-user .section-menu-left {
  background: linear-gradient(180deg, rgba(26, 27, 58, 0.98), rgba(37, 38, 74, 0.98)) !important;
  backdrop-filter: blur(20px) !important;
  border-right: 1px solid rgba(139, 92, 246, 0.2) !important;
  box-shadow: 4px 0 24px rgba(0, 0, 0, 0.2) !important;
}

body.dark-theme-user .section-menu-left::before {
  background: linear-gradient(180deg, rgba(26, 27, 58, 0.98), rgba(37, 38, 74, 0.98)) !important;
}

body.dark-theme-user .section-menu-left > .box-logo {
  background: linear-gradient(135deg, rgba(26, 27, 58, 0.95), rgba(37, 38, 74, 0.95)) !important;
  backdrop-filter: blur(10px) !important;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2) !important;
  padding: 20px !important;
  position: relative !important;
}

body.dark-theme-user .section-menu-left > .box-logo::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 20px !important;
  right: 20px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(139, 92, 246, 0.5), transparent) !important;
}

body.dark-theme-user .section-menu-left .button-show-hide {
  width: 36px !important;
  height: 36px !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(195, 136, 247, 0.15)) !important;
  border: 1px solid rgba(139, 92, 246, 0.3) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  color: #8b5cf6 !important;
}

body.dark-theme-user .section-menu-left .button-show-hide:hover {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.3), rgba(195, 136, 247, 0.25)) !important;
  border-color: rgba(139, 92, 246, 0.5) !important;
  transform: scale(1.05) !important;
  box-shadow: 0 4px 12px rgba(139, 92, 246, 0.3) !important;
}

body.dark-theme-user .section-menu-left .button-show-hide i {
  color: #8b5cf6 !important;
  font-size: 20px !important;
}

body.dark-theme-user .section-menu-left .center-heading {
  color: #8b5cf6 !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  padding: 0 20px !important;
  margin-bottom: 16px !important;
}

body.dark-theme-user .section-menu-left .menu-item {
  margin-bottom: 4px !important;
  padding: 0 12px !important;
}

body.dark-theme-user .section-menu-left .menu-item a,
body.dark-theme-user .section-menu-left .menu-item button {
  color: #a4a4a9 !important;
  padding: 12px 16px !important;
  border-radius: 12px !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  position: relative !important;
  overflow: hidden !important;
  background: transparent !important;
  border: none !important;
  width: 100% !important;
  text-align: left !important;
  cursor: pointer !important;
}

body.dark-theme-user .section-menu-left .menu-item a::before,
body.dark-theme-user .section-menu-left .menu-item button::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 3px !important;
  background: linear-gradient(180deg, #8b5cf6, #c388f7) !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
}

body.dark-theme-user .section-menu-left .menu-item a .text,
body.dark-theme-user .section-menu-left .menu-item button .text {
  color: inherit !important;
  font-weight: 500 !important;
  font-size: 14px !important;
}

body.dark-theme-user .section-menu-left .menu-item a .icon,
body.dark-theme-user .section-menu-left .menu-item button .icon {
  width: 24px !important;
  height: 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 8px !important;
  background: rgba(139, 92, 246, 0.1) !important;
  transition: all 0.3s ease !important;
}

body.dark-theme-user .section-menu-left .menu-item a .icon i,
body.dark-theme-user .section-menu-left .menu-item button .icon i {
  color: inherit !important;
  font-size: 18px !important;
  transition: all 0.3s ease !important;
}

body.dark-theme-user .section-menu-left .menu-item a:hover,
body.dark-theme-user .section-menu-left .menu-item button:hover {
  color: #ffffff !important;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(195, 136, 247, 0.1)) !important;
  transform: translateX(4px) !important;
}

body.dark-theme-user .section-menu-left .menu-item a:hover::before,
body.dark-theme-user .section-menu-left .menu-item button:hover::before {
  opacity: 1 !important;
}

body.dark-theme-user .section-menu-left .menu-item a:hover .icon,
body.dark-theme-user .section-menu-left .menu-item button:hover .icon {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.3), rgba(195, 136, 247, 0.2)) !important;
  transform: scale(1.1) !important;
}

body.dark-theme-user .section-menu-left .menu-item a:hover .text,
body.dark-theme-user .section-menu-left .menu-item a:hover .icon i,
body.dark-theme-user .section-menu-left .menu-item button:hover .text,
body.dark-theme-user .section-menu-left .menu-item button:hover .icon i {
  color: #ffffff !important;
}

body.dark-theme-user .section-menu-left .menu-item a.active,
body.dark-theme-user .section-menu-left .menu-item a.active .text,
body.dark-theme-user .section-menu-left .menu-item a.active .icon i {
  color: #8b5cf6 !important;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(195, 136, 247, 0.15)) !important;
}

body.dark-theme-user .section-menu-left .menu-item a.active::before {
  opacity: 1 !important;
}

body.dark-theme-user .section-menu-left .menu-item a.active .icon {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.3), rgba(195, 136, 247, 0.2)) !important;
  box-shadow: 0 4px 12px rgba(139, 92, 246, 0.3) !important;
}

/* Logout Button Special Styling */
body.dark-theme-user .section-menu-left .menu-item-logout {
  margin-top: 8px !important;
  padding-top: 8px !important;
  border-top: 1px solid rgba(139, 92, 246, 0.2) !important;
}

body.dark-theme-user .section-menu-left .menu-item-logout-form {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.dark-theme-user .section-menu-left .menu-item-logout-btn {
  color: #fd7972 !important;
}

body.dark-theme-user .section-menu-left .menu-item-logout-btn .icon {
  background: rgba(253, 121, 114, 0.15) !important;
}

body.dark-theme-user .section-menu-left .menu-item-logout-btn .icon i {
  color: #fd7972 !important;
}

body.dark-theme-user .section-menu-left .menu-item-logout-btn:hover {
  color: #ffffff !important;
  background: linear-gradient(135deg, rgba(253, 121, 114, 0.2), rgba(255, 107, 107, 0.15)) !important;
}

body.dark-theme-user .section-menu-left .menu-item-logout-btn:hover .icon {
  background: linear-gradient(135deg, rgba(253, 121, 114, 0.3), rgba(255, 107, 107, 0.2)) !important;
}

body.dark-theme-user .section-menu-left .menu-item-logout-btn:hover .text,
body.dark-theme-user .section-menu-left .menu-item-logout-btn:hover .icon i {
  color: #fd7972 !important;
}

/* Sidebar Bottom */
body.dark-theme-user .section-menu-left .bottom {
  background: linear-gradient(135deg, rgba(26, 27, 58, 0.95), rgba(37, 38, 74, 0.95)) !important;
  backdrop-filter: blur(10px) !important;
  border-top: 1px solid rgba(139, 92, 246, 0.2) !important;
  padding: 20px !important;
  position: relative !important;
}

body.dark-theme-user .section-menu-left .bottom::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 20px !important;
  right: 20px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(139, 92, 246, 0.5), transparent) !important;
}

body.dark-theme-user .section-menu-left .sidebar-bottom-content {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

body.dark-theme-user .section-menu-left .sidebar-bottom-icon {
  width: 48px !important;
  height: 48px !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.25), rgba(195, 136, 247, 0.15)) !important;
  border: 1px solid rgba(139, 92, 246, 0.3) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 12px rgba(139, 92, 246, 0.2) !important;
}

body.dark-theme-user .section-menu-left .sidebar-bottom-icon i {
  font-size: 24px !important;
  color: #8b5cf6 !important;
}

body.dark-theme-user .section-menu-left .sidebar-bottom-content .content {
  flex: 1 !important;
}

body.dark-theme-user .section-menu-left .sidebar-bottom-title {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin: 0 0 2px 0 !important;
  line-height: 1.2 !important;
}

body.dark-theme-user .section-menu-left .sidebar-bottom-subtitle {
  font-size: 12px !important;
  color: #a4a4a9 !important;
  margin: 0 !important;
  line-height: 1.2 !important;
}

body.dark-theme-user .section-menu-left .bottom .image {
  display: none !important;
}

/* Header Elements */
body.dark-theme-user .header-item {
  color: #ffffff !important;
}

body.dark-theme-user .header-user .name {
  color: #ffffff !important;
}

body.dark-theme-user .header-user .text-Gray {
  color: #a4a4a9 !important;
}

/* Notifications */
body.dark-theme-user .notifications-item {
  background: #25264a !important;
  border-color: #3a3b5c !important;
}

body.dark-theme-user .notifications-item .body-title-2 {
  color: #ffffff !important;
}

body.dark-theme-user .notifications-item .text-tiny {
  color: #a4a4a9 !important;
}

/* Additional Form Elements */
body.dark-theme-user .form-login fieldset {
  color: #ffffff !important;
}

body.dark-theme-user .form-login .f14-regular {
  color: #ffffff !important;
}

/* Label Styles */
body.dark-theme-user .label-01,
body.dark-theme-user .label-02 {
  color: #ffffff !important;
}

/* Counter/Number Styles */
body.dark-theme-user .counter {
  color: #ffffff !important;
}

/* Shadow None Override */
body.dark-theme-user .shadow-none {
  box-shadow: none !important;
}

/* Line Separators */
body.dark-theme-user .line1 {
  background: #3a3b5c !important;
}

/* Button Show Hide */
body.dark-theme-user .button-show-hide i {
  color: #ffffff !important;
}

/* Widget Content Inner */
body.dark-theme-user .widget-content-inner {
  background: #25264a !important;
}

body.dark-theme-user .widget-content-inner.active {
  background: #25264a !important;
}

/* List Transaction Content */
body.dark-theme-user .list-transaction-content {
  background: #25264a !important;
}

body.dark-theme-user .list-transaction-content td {
  color: #ffffff !important;
  border-color: #3a3b5c !important;
}

/* Box Status */
body.dark-theme-user .box-status.bg-YellowGreen {
  background: #2bc155 !important;
}

body.dark-theme-user .box-status.bg-LightGray {
  background: #3a3b5c !important;
}

body.dark-theme-user .box-status.type-red {
  color: #fd7972 !important;
}

/* Portfolio Breakdown */
body.dark-theme-user .card-details ul li {
  border-color: #3a3b5c !important;
}

/* Quick Actions */
body.dark-theme-user .flex.gap12 .tf-button {
  background: #25264a !important;
  border-color: #3a3b5c !important;
  color: #ffffff !important;
}

body.dark-theme-user .flex.gap12 .tf-button:hover {
  background: #3a3b5c !important;
  border-color: #8b5cf6 !important;
}

/* Dashboard Top Section */
body.dark-theme-user .dashboard-top-section {
  background: #25264a !important;
  border-radius: 20px !important;
  padding: 32px !important;
  margin-bottom: 12px !important;
  border: 1px solid #3a3b5c !important;
}

/* Dashboard Header */
body.dark-theme-user .dashboard-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 20px !important;
}

body.dark-theme-user .dashboard-user-info {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}

body.dark-theme-user .dashboard-avatar {
  width: 64px !important;
  height: 64px !important;
  border-radius: 50% !important;
  background: #8b5cf6 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  border: 3px solid #3a3b5c !important;
  flex-shrink: 0 !important;
}

body.dark-theme-user .dashboard-avatar img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

body.dark-theme-user .dashboard-avatar-initial {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 28px !important;
  font-weight: 700 !important;
}

body.dark-theme-user .dashboard-user-details {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  justify-content: center !important;
}

body.dark-theme-user .dashboard-user-name {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  letter-spacing: -0.02em !important;
}

body.dark-theme-user .dashboard-user-meta {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  line-height: 1.3 !important;
}

body.dark-theme-user .dashboard-greeting {
  font-size: 14px !important;
  color: #a4a4a9 !important;
}

body.dark-theme-user .dashboard-user-meta-sep {
  color: #6b7280 !important;
  font-weight: 300 !important;
  user-select: none !important;
}

body.dark-theme-user .dashboard-user-username {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #8b5cf6 !important;
  letter-spacing: 0.06em !important;
  font-family: monospace !important;
}

/* Notification Button */
body.dark-theme-user .dashboard-notification-btn {
  background: transparent !important;
  border: none !important;
  padding: 8px !important;
  position: relative !important;
  cursor: pointer !important;
}

body.dark-theme-user .dashboard-notification-btn i {
  font-size: 26px !important;
  color: #ffffff !important;
}

body.dark-theme-user .notification-badge {
  position: absolute !important;
  top: 6px !important;
  right: 6px !important;
  width: 10px !important;
  height: 10px !important;
  background: #fd7972 !important;
  border-radius: 50% !important;
  border: 2px solid #25264a !important;
}

/* Balance Display */
body.dark-theme-user .dashboard-balance {
  text-align: center !important;
  margin-bottom: 20px !important;
}

body.dark-theme-user .dashboard-balance-main {
  font-size: 52px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin-bottom: 12px !important;
  line-height: 1.1 !important;
  letter-spacing: -1px !important;
}

body.dark-theme-user .dashboard-balance-info {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
}

body.dark-theme-user .dashboard-balance-secondary {
  font-size: 18px !important;
  color: #a4a4a9 !important;
}

body.dark-theme-user .dashboard-balance-badge {
  padding: 6px 16px !important;
  border-radius: 12px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
}

body.dark-theme-user .dashboard-balance-badge.positive {
  background: #2bc155 !important;
}

body.dark-theme-user .dashboard-balance-badge.negative {
  background: #fd7972 !important;
}

/* Action Buttons Grid */
body.dark-theme-user .dashboard-actions-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 16px !important;
}

body.dark-theme-user .dashboard-action-btn {
  background: #3a3b5c !important;
  border-radius: 18px !important;
  padding: 24px 20px !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  border: 1px solid transparent !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 120px !important;
}

body.dark-theme-user .dashboard-action-btn:hover {
  background: #4a4b6c !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 20px rgba(139, 92, 246, 0.25) !important;
  border-color: #8b5cf6 !important;
}

body.dark-theme-user .dashboard-action-icon {
  margin-bottom: 12px !important;
}

body.dark-theme-user .dashboard-action-icon i {
  font-size: 36px !important;
  color: #8b5cf6 !important;
  transition: all 0.3s ease !important;
}

body.dark-theme-user .dashboard-action-btn:hover .dashboard-action-icon i {
  color: #a78bfa !important;
  transform: scale(1.1) !important;
}

body.dark-theme-user .dashboard-action-label {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  line-height: 1.2 !important;
}

/* Responsive */
@media (max-width: 768px) {
  body.dark-theme-user .dashboard-top-section {
    padding: 24px !important;
  }

  body.dark-theme-user .dashboard-balance-main {
    font-size: 40px !important;
  }

  body.dark-theme-user .dashboard-action-btn {
    min-height: 100px !important;
    padding: 20px 16px !important;
  }

  body.dark-theme-user .dashboard-action-icon i {
    font-size: 32px !important;
  }

  body.dark-theme-user .dashboard-action-label {
    font-size: 14px !important;
  }
}

@media (max-width: 480px) {
  body.dark-theme-user .dashboard-actions-grid {
    gap: 12px !important;
  }

  body.dark-theme-user .dashboard-action-btn {
    min-height: 90px !important;
    padding: 16px 12px !important;
  }

  body.dark-theme-user .dashboard-user-name {
    font-size: 18px !important;
  }

  body.dark-theme-user .dashboard-balance-main {
    font-size: 36px !important;
  }
}

/* Dashboard Stats Cards */
body.dark-theme-user .dashboard-stat-card {
  background: #25264a !important;
  border-radius: 16px !important;
  padding: 24px !important;
  border: 1px solid #3a3b5c !important;
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  transition: all 0.3s ease !important;
}

body.dark-theme-user .dashboard-stat-card:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(139, 92, 246, 0.15) !important;
  border-color: #8b5cf6 !important;
}

body.dark-theme-user .dashboard-stat-icon {
  width: 56px !important;
  height: 56px !important;
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

body.dark-theme-user .dashboard-stat-icon i {
  font-size: 28px !important;
}

body.dark-theme-user .dashboard-stat-content {
  flex: 1 !important;
}

body.dark-theme-user .dashboard-stat-value {
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  line-height: 1.2 !important;
  margin-bottom: 4px !important;
}

body.dark-theme-user .dashboard-stat-label {
  font-size: 14px !important;
  color: #a4a4a9 !important;
  line-height: 1.2 !important;
}

/* Dashboard Section Cards */
body.dark-theme-user .dashboard-section-card {
  background: #25264a !important;
  border-radius: 20px !important;
  padding: 24px !important;
  border: 1px solid #3a3b5c !important;
  height: 100% !important;
}

body.dark-theme-user .dashboard-section-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 16px !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}

body.dark-theme-user .dashboard-section-title {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin: 0 !important;
}

/* Dashboard Tabs */
body.dark-theme-user .dashboard-tabs {
  display: flex !important;
  gap: 8px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.dark-theme-user .dashboard-tab-item {
  padding: 6px 16px !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  font-size: 14px !important;
  color: #a4a4a9 !important;
}

body.dark-theme-user .dashboard-tab-item.active {
  background: #3a3b5c !important;
  color: #ffffff !important;
}

body.dark-theme-user .dashboard-tab-item:hover {
  color: #ffffff !important;
}

/* Portfolio Breakdown */
body.dark-theme-user .dashboard-returns-summary {
  margin-top: 0 !important;
}

body.dark-theme-user .dashboard-returns-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
  margin-bottom: 24px !important;
}

body.dark-theme-user .dashboard-returns-item {
  padding: 16px !important;
  background: rgba(26, 27, 58, 0.5) !important;
  border-radius: 12px !important;
  border: 1px solid #3a3b5c !important;
}

body.dark-theme-user .dashboard-returns-label {
  font-size: 13px !important;
  color: #a4a4a9 !important;
  margin-bottom: 8px !important;
}

body.dark-theme-user .dashboard-returns-value {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
}

body.dark-theme-user .dashboard-returns-received {
  color: #2bc155 !important;
}

body.dark-theme-user .dashboard-returns-max {
  color: #8b5cf6 !important;
}

body.dark-theme-user .dashboard-returns-split {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  margin-top: 10px !important;
  font-size: 12px !important;
  color: #a4a4a9 !important;
}

body.dark-theme-user .dashboard-returns-progress-wrap {
  padding-top: 8px !important;
}

body.dark-theme-user .dashboard-returns-progress-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 10px !important;
}

body.dark-theme-user .dashboard-returns-progress-label {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #e5e7eb !important;
}

body.dark-theme-user .dashboard-returns-progress-percent {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #8b5cf6 !important;
}

body.dark-theme-user .dashboard-returns-progress-fill {
  border-radius: 8px !important;
}

body.dark-theme-user .dashboard-returns-progress-hint {
  font-size: 12px !important;
  color: #6b7280 !important;
  margin-top: 8px !important;
}

@media (max-width: 768px) {
  body.dark-theme-user .dashboard-returns-grid {
    grid-template-columns: 1fr !important;
  }
}

body.dark-theme-user .dashboard-portfolio-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

body.dark-theme-user .dashboard-portfolio-item {
  padding-bottom: 20px !important;
  border-bottom: 1px solid #3a3b5c !important;
}

body.dark-theme-user .dashboard-portfolio-item:last-child {
  border-bottom: none !important;
  padding-bottom: 0 !important;
}

body.dark-theme-user .dashboard-portfolio-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 8px !important;
}

body.dark-theme-user .dashboard-portfolio-label {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
}

body.dark-theme-user .dashboard-portfolio-percent {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #8b5cf6 !important;
}

body.dark-theme-user .dashboard-portfolio-amount {
  font-size: 16px !important;
  color: #a4a4a9 !important;
  margin-bottom: 12px !important;
}

body.dark-theme-user .dashboard-progress-bar {
  height: 8px !important;
  background: #1a1b3a !important;
  border-radius: 4px !important;
  overflow: hidden !important;
}

body.dark-theme-user .dashboard-progress-fill {
  height: 100% !important;
  border-radius: 4px !important;
  transition: width 0.3s ease !important;
}

/* Section Icon */
body.dark-theme-user .dashboard-section-icon {
  width: 40px !important;
  height: 40px !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(195, 136, 247, 0.2)) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.dark-theme-user .dashboard-section-icon i {
  font-size: 20px !important;
  color: #8b5cf6 !important;
}

/* Notices */
body.dark-theme-user .dashboard-notices-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

body.dark-theme-user .dashboard-notice-item {
  padding: 20px !important;
  background: linear-gradient(135deg, #1a1b3a 0%, #25264a 100%) !important;
  border-radius: 16px !important;
  border: 1px solid #3a3b5c !important;
  transition: all 0.3s ease !important;
  position: relative !important;
  overflow: hidden !important;
}

body.dark-theme-user .dashboard-notice-item::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 4px !important;
  height: 100% !important;
  background: linear-gradient(180deg, #8b5cf6, #c388f7) !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
}

body.dark-theme-user .dashboard-notice-item:hover {
  border-color: #8b5cf6 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(139, 92, 246, 0.2) !important;
}

body.dark-theme-user .dashboard-notice-item:hover::before {
  opacity: 1 !important;
}

body.dark-theme-user .dashboard-notice-header {
  display: flex !important;
  gap: 16px !important;
  margin-bottom: 16px !important;
  align-items: flex-start !important;
}

body.dark-theme-user .dashboard-notice-icon-wrapper {
  width: 48px !important;
  height: 48px !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.25), rgba(195, 136, 247, 0.25)) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  border: 1px solid rgba(139, 92, 246, 0.3) !important;
}

body.dark-theme-user .dashboard-notice-icon-wrapper i {
  font-size: 24px !important;
  color: #8b5cf6 !important;
}

body.dark-theme-user .dashboard-notice-content-wrapper {
  flex: 1 !important;
}

body.dark-theme-user .dashboard-notice-title {
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin-bottom: 8px !important;
  line-height: 1.4 !important;
}

body.dark-theme-user .dashboard-notice-date {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 12px !important;
  color: #a4a4a9 !important;
}

body.dark-theme-user .dashboard-notice-date i {
  font-size: 14px !important;
}

body.dark-theme-user .dashboard-notice-body {
  font-size: 14px !important;
  color: #c4c4c9 !important;
  line-height: 1.7 !important;
  margin-bottom: 16px !important;
  padding-left: 64px !important;
}

body.dark-theme-user .dashboard-notice-image {
  margin-top: 16px !important;
  padding-left: 64px !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

body.dark-theme-user .dashboard-notice-image img {
  width: 100% !important;
  border-radius: 12px !important;
  transition: transform 0.3s ease !important;
}

body.dark-theme-user .dashboard-notice-item:hover .dashboard-notice-image img {
  transform: scale(1.02) !important;
}

/* Empty State */
body.dark-theme-user .dashboard-empty-icon {
  width: 80px !important;
  height: 80px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(195, 136, 247, 0.15)) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 20px !important;
  border: 2px solid rgba(139, 92, 246, 0.2) !important;
}

body.dark-theme-user .dashboard-empty-icon i {
  font-size: 40px !important;
  color: #8b5cf6 !important;
}

body.dark-theme-user .dashboard-empty-text {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  margin-bottom: 8px !important;
}

body.dark-theme-user .dashboard-empty-subtext {
  font-size: 13px !important;
  color: #a4a4a9 !important;
}

body.dark-theme-user .dashboard-empty-state {
  text-align: center !important;
  padding: 40px 20px !important;
  color: #a4a4a9 !important;
  font-size: 14px !important;
}

/* Activity List */
body.dark-theme-user .dashboard-activity-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  margin-bottom: 20px !important;
}

body.dark-theme-user .dashboard-activity-item {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 16px !important;
  background: #1a1b3a !important;
  border-radius: 12px !important;
  border: 1px solid #3a3b5c !important;
  transition: all 0.3s ease !important;
}

body.dark-theme-user .dashboard-activity-item:hover {
  border-color: #8b5cf6 !important;
  transform: translateX(4px) !important;
}

body.dark-theme-user .dashboard-activity-icon {
  width: 48px !important;
  height: 48px !important;
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

body.dark-theme-user .dashboard-activity-icon.credit {
  background: rgba(43, 193, 85, 0.2) !important;
}

body.dark-theme-user .dashboard-activity-icon.credit i {
  color: #2bc155 !important;
  font-size: 24px !important;
}

body.dark-theme-user .dashboard-activity-icon.debit {
  background: rgba(253, 121, 114, 0.2) !important;
}

body.dark-theme-user .dashboard-activity-icon.debit i {
  color: #fd7972 !important;
  font-size: 24px !important;
}

body.dark-theme-user .dashboard-activity-content {
  flex: 1 !important;
}

body.dark-theme-user .dashboard-activity-type {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  margin-bottom: 4px !important;
}

body.dark-theme-user .dashboard-activity-date {
  font-size: 13px !important;
  color: #a4a4a9 !important;
}

body.dark-theme-user .dashboard-activity-amount {
  font-size: 16px !important;
  font-weight: 700 !important;
}

body.dark-theme-user .dashboard-activity-amount.credit {
  color: #2bc155 !important;
}

body.dark-theme-user .dashboard-activity-amount.debit {
  color: #fd7972 !important;
}

body.dark-theme-user .dashboard-view-all-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 12px !important;
  background: #3a3b5c !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  text-decoration: none !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  transition: all 0.3s ease !important;
  border: 1px solid transparent !important;
}

body.dark-theme-user .dashboard-view-all-btn:hover {
  background: #4a4b6c !important;
  border-color: #8b5cf6 !important;
  color: #ffffff !important;
}

body.dark-theme-user .dashboard-view-all-btn i {
  font-size: 16px !important;
}

/* Tab Content */
body.dark-theme-user .dashboard-tab-content {
  margin-top: 20px !important;
}

body.dark-theme-user .dashboard-tab-pane {
  display: none !important;
}

body.dark-theme-user .dashboard-tab-pane.active {
  display: block !important;
}

/* Recent Transactions List */
body.dark-theme-user .dashboard-transactions-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  margin-top: 20px !important;
}

body.dark-theme-user .dashboard-transaction-item {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 14px 16px !important;
  background: linear-gradient(135deg, #1a1b3a 0%, #25264a 100%) !important;
  border-radius: 14px !important;
  border: 1px solid #3a3b5c !important;
  transition: all 0.3s ease !important;
  position: relative !important;
  overflow: hidden !important;
}

body.dark-theme-user .dashboard-transaction-item::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 3px !important;
  height: 100% !important;
  background: linear-gradient(180deg, #8b5cf6, #c388f7) !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
}

body.dark-theme-user .dashboard-transaction-item:hover {
  border-color: #8b5cf6 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(139, 92, 246, 0.15) !important;
}

body.dark-theme-user .dashboard-transaction-item:hover::before {
  opacity: 1 !important;
}

body.dark-theme-user .dashboard-transaction-icon-wrapper {
  width: 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  border: 1px solid transparent !important;
}

body.dark-theme-user .dashboard-transaction-icon-wrapper.credit {
  background: linear-gradient(135deg, rgba(43, 193, 85, 0.25), rgba(43, 193, 85, 0.15)) !important;
  border-color: rgba(43, 193, 85, 0.3) !important;
}

body.dark-theme-user .dashboard-transaction-icon-wrapper.credit i {
  color: #2bc155 !important;
  font-size: 22px !important;
}

body.dark-theme-user .dashboard-transaction-icon-wrapper.debit {
  background: linear-gradient(135deg, rgba(253, 121, 114, 0.25), rgba(253, 121, 114, 0.15)) !important;
  border-color: rgba(253, 121, 114, 0.3) !important;
}

body.dark-theme-user .dashboard-transaction-icon-wrapper.debit i {
  color: #fd7972 !important;
  font-size: 22px !important;
}

body.dark-theme-user .dashboard-transaction-content {
  flex: 1 !important;
  min-width: 0 !important;
}

body.dark-theme-user .dashboard-transaction-main {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 6px !important;
  gap: 12px !important;
}

body.dark-theme-user .dashboard-transaction-type {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  white-space: nowrap !important;
}

body.dark-theme-user .dashboard-transaction-amount {
  font-size: 16px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

body.dark-theme-user .dashboard-transaction-amount.credit {
  color: #2bc155 !important;
}

body.dark-theme-user .dashboard-transaction-amount.debit {
  color: #fd7972 !important;
}

body.dark-theme-user .dashboard-transaction-meta {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  font-size: 12px !important;
}

body.dark-theme-user .dashboard-transaction-date-time {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  color: #a4a4a9 !important;
  white-space: nowrap !important;
}

body.dark-theme-user .dashboard-transaction-date-time i {
  font-size: 13px !important;
}

body.dark-theme-user .dashboard-transaction-separator {
  color: #3a3b5c !important;
  font-weight: 300 !important;
}

body.dark-theme-user .dashboard-transaction-balance {
  color: #8b5cf6 !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
}

body.dark-theme-user .dashboard-status-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 3px 8px !important;
  border-radius: 6px !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

body.dark-theme-user .dashboard-status-badge.credit {
  background: rgba(43, 193, 85, 0.2) !important;
  color: #2bc155 !important;
}

body.dark-theme-user .dashboard-status-badge.debit {
  background: rgba(253, 121, 114, 0.2) !important;
  color: #fd7972 !important;
}

/* Active Investments */
body.dark-theme-user .dashboard-investments-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  margin-top: 20px !important;
}

body.dark-theme-user .dashboard-investment-item {
  padding: 24px !important;
  background: linear-gradient(135deg, #1a1b3a 0%, #25264a 100%) !important;
  border-radius: 18px !important;
  border: 1px solid #3a3b5c !important;
  transition: all 0.3s ease !important;
  position: relative !important;
  overflow: hidden !important;
}

body.dark-theme-user .dashboard-investment-item::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 4px !important;
  height: 100% !important;
  background: linear-gradient(180deg, #8b5cf6, #c388f7) !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
}

body.dark-theme-user .dashboard-investment-item:hover {
  border-color: #8b5cf6 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(139, 92, 246, 0.2) !important;
}

body.dark-theme-user .dashboard-investment-item:hover::before {
  opacity: 1 !important;
}

body.dark-theme-user .dashboard-investment-header {
  display: flex !important;
  gap: 16px !important;
  margin-bottom: 20px !important;
  align-items: flex-start !important;
}

body.dark-theme-user .dashboard-investment-icon-wrapper {
  width: 56px !important;
  height: 56px !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.25), rgba(195, 136, 247, 0.25)) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  border: 1px solid rgba(139, 92, 246, 0.3) !important;
}

body.dark-theme-user .dashboard-investment-icon-wrapper i {
  font-size: 28px !important;
  color: #8b5cf6 !important;
}

body.dark-theme-user .dashboard-investment-header-content {
  flex: 1 !important;
}

body.dark-theme-user .dashboard-investment-name {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin-bottom: 6px !important;
}

body.dark-theme-user .dashboard-investment-cap {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 13px !important;
  color: #a4a4a9 !important;
}

body.dark-theme-user .dashboard-investment-cap i {
  font-size: 14px !important;
}

body.dark-theme-user .dashboard-investment-stats {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 12px !important;
  margin-bottom: 20px !important;
}

body.dark-theme-user .dashboard-investment-stat-card {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 16px !important;
  background: #1a1b3a !important;
  border-radius: 12px !important;
  border: 1px solid #3a3b5c !important;
}

body.dark-theme-user .dashboard-investment-stat-icon {
  width: 40px !important;
  height: 40px !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

body.dark-theme-user .dashboard-investment-stat-icon i {
  font-size: 20px !important;
}

body.dark-theme-user .dashboard-investment-stat-content {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

body.dark-theme-user .dashboard-investment-stat-label {
  font-size: 12px !important;
  color: #a4a4a9 !important;
}

body.dark-theme-user .dashboard-investment-stat-value {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
}

body.dark-theme-user .dashboard-investment-progress-wrapper {
  margin-top: 16px !important;
}

body.dark-theme-user .dashboard-investment-remaining {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 13px !important;
  color: #a4a4a9 !important;
  margin-top: 12px !important;
}

body.dark-theme-user .dashboard-investment-remaining i {
  font-size: 14px !important;
}

/* Responsive for Transactions and Investments */
@media (max-width: 768px) {
  body.dark-theme-user .dashboard-transaction-item {
    padding: 12px !important;
  }

  body.dark-theme-user .dashboard-transaction-main {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;
  }

  body.dark-theme-user .dashboard-transaction-meta {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;
  }

  body.dark-theme-user .dashboard-transaction-separator {
    display: none !important;
  }

  body.dark-theme-user .dashboard-investment-stats {
    grid-template-columns: 1fr !important;
  }

  body.dark-theme-user .dashboard-investment-header {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
}

/* Investment Page Styles */
body.dark-theme-user .investment-wizard-form {
  margin-top: 24px !important;
}

body.dark-theme-user .investment-wizard-tabs {
  margin-top: 24px !important;
}

body.dark-theme-user .investment-wizard-content {
  margin-top: 24px !important;
}

body.dark-theme-user .dashboard-section-subtitle {
  font-size: 14px !important;
  color: #a4a4a9 !important;
  margin-top: 4px !important;
}

body.dark-theme-user .dashboard-success-message {
  padding: 12px 16px !important;
  background: rgba(43, 193, 85, 0.15) !important;
  border: 1px solid rgba(43, 193, 85, 0.3) !important;
  border-radius: 12px !important;
  color: #2bc155 !important;
  font-size: 14px !important;
  margin-top: 16px !important;
}

body.dark-theme-user .dashboard-error-message {
  padding: 12px 16px !important;
  background: rgba(253, 121, 114, 0.15) !important;
  border: 1px solid rgba(253, 121, 114, 0.3) !important;
  border-radius: 12px !important;
  color: #fd7972 !important;
  font-size: 14px !important;
  margin-top: 16px !important;
}

/* Investment Plans Grid */
body.dark-theme-user .investment-plans-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
  gap: 20px !important;
}

body.dark-theme-user .investment-plan-card {
  padding: 24px !important;
  background: linear-gradient(135deg, #1a1b3a 0%, #25264a 100%) !important;
  border-radius: 18px !important;
  border: 1px solid #3a3b5c !important;
  transition: all 0.3s ease !important;
  position: relative !important;
  overflow: hidden !important;
}

body.dark-theme-user .investment-plan-card::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 4px !important;
  height: 100% !important;
  background: linear-gradient(180deg, #8b5cf6, #c388f7) !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
}

body.dark-theme-user .investment-plan-card:hover {
  border-color: #8b5cf6 !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 24px rgba(139, 92, 246, 0.25) !important;
}

body.dark-theme-user .investment-plan-card:hover::before {
  opacity: 1 !important;
}

body.dark-theme-user .investment-plan-header {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  margin-bottom: 20px !important;
}

body.dark-theme-user .investment-plan-icon {
  width: 56px !important;
  height: 56px !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.25), rgba(195, 136, 247, 0.25)) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(139, 92, 246, 0.3) !important;
}

body.dark-theme-user .investment-plan-icon i {
  font-size: 28px !important;
  color: #8b5cf6 !important;
}

body.dark-theme-user .investment-plan-info {
  flex: 1 !important;
}

body.dark-theme-user .investment-plan-name {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin-bottom: 4px !important;
}

body.dark-theme-user .investment-plan-rate {
  font-size: 14px !important;
  color: #8b5cf6 !important;
  font-weight: 600 !important;
}

body.dark-theme-user .investment-plan-details {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  margin-bottom: 20px !important;
  padding: 16px !important;
  background: #1a1b3a !important;
  border-radius: 12px !important;
  border: 1px solid #3a3b5c !important;
}

body.dark-theme-user .investment-plan-detail-item {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

body.dark-theme-user .investment-plan-detail-label {
  font-size: 13px !important;
  color: #a4a4a9 !important;
}

body.dark-theme-user .investment-plan-detail-value {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
}

body.dark-theme-user .investment-plan-progress {
  margin-bottom: 20px !important;
}

body.dark-theme-user .investment-plan-growth {
  font-size: 12px !important;
  color: #a4a4a9 !important;
  margin-top: 8px !important;
  text-align: center !important;
}

body.dark-theme-user .investment-plan-select-btn {
  width: 100% !important;
  padding: 14px !important;
  background: linear-gradient(135deg, #8b5cf6, #c388f7) !important;
  border: none !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

body.dark-theme-user .investment-plan-select-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(139, 92, 246, 0.4) !important;
}

body.dark-theme-user .investment-plan-select-btn:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}

/* Investment Confirm Section */
body.dark-theme-user .investment-confirm-details {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

body.dark-theme-user .investment-confirm-item {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 16px !important;
  background: #1a1b3a !important;
  border-radius: 12px !important;
  border: 1px solid #3a3b5c !important;
}

body.dark-theme-user .investment-confirm-label {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 14px !important;
  color: #a4a4a9 !important;
}

body.dark-theme-user .investment-confirm-label i {
  font-size: 18px !important;
  color: #8b5cf6 !important;
}

body.dark-theme-user .investment-confirm-value {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
}

body.dark-theme-user .investment-confirm-btn {
  width: 100% !important;
  padding: 16px !important;
  background: linear-gradient(135deg, #8b5cf6, #c388f7) !important;
  border: none !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  margin-top: 8px !important;
}

body.dark-theme-user .investment-confirm-btn:hover:not(:disabled) {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(139, 92, 246, 0.4) !important;
}

body.dark-theme-user .investment-confirm-btn:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}

/* Investment Help Section */
body.dark-theme-user .investment-help-content {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

body.dark-theme-user .investment-help-text {
  font-size: 14px !important;
  color: #a4a4a9 !important;
  line-height: 1.6 !important;
}

body.dark-theme-user .investment-help-actions {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

body.dark-theme-user .investment-help-btn {
  width: 100% !important;
  padding: 14px !important;
  background: #3a3b5c !important;
  border: 1px solid #3a3b5c !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  text-decoration: none !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

body.dark-theme-user .investment-help-btn:hover {
  background: #4a4b6c !important;
  border-color: #8b5cf6 !important;
  transform: translateY(-2px) !important;
}

body.dark-theme-user .investment-back-btn {
  width: 100% !important;
  padding: 14px !important;
  background: transparent !important;
  border: 1px solid #3a3b5c !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

body.dark-theme-user .investment-back-btn:hover {
  border-color: #8b5cf6 !important;
  background: rgba(139, 92, 246, 0.1) !important;
}

/* Investment History */
body.dark-theme-user .investment-history-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  margin-top: 20px !important;
}

body.dark-theme-user .investment-history-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 16px !important;
  padding: 20px !important;
  background: linear-gradient(135deg, #1a1b3a 0%, #25264a 100%) !important;
  border-radius: 16px !important;
  border: 1px solid #3a3b5c !important;
  transition: all 0.3s ease !important;
  position: relative !important;
  overflow: hidden !important;
}

body.dark-theme-user .investment-history-item::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 4px !important;
  height: 100% !important;
  background: linear-gradient(180deg, #8b5cf6, #c388f7) !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
}

body.dark-theme-user .investment-history-item:hover {
  border-color: #8b5cf6 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(139, 92, 246, 0.2) !important;
}

body.dark-theme-user .investment-history-item:hover::before {
  opacity: 1 !important;
}

body.dark-theme-user .investment-history-icon {
  width: 52px !important;
  height: 52px !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.25), rgba(195, 136, 247, 0.25)) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  border: 1px solid rgba(139, 92, 246, 0.3) !important;
}

body.dark-theme-user .investment-history-icon i {
  font-size: 26px !important;
  color: #8b5cf6 !important;
}

body.dark-theme-user .investment-history-content {
  flex: 1 !important;
}

body.dark-theme-user .investment-history-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  margin-bottom: 12px !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

body.dark-theme-user .investment-history-plan {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
}

body.dark-theme-user .investment-history-date {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 12px !important;
  color: #a4a4a9 !important;
}

body.dark-theme-user .investment-history-date i {
  font-size: 14px !important;
}

body.dark-theme-user .investment-history-details {
  display: flex !important;
  gap: 16px !important;
  margin-bottom: 16px !important;
  flex-wrap: wrap !important;
}

body.dark-theme-user .investment-history-amount {
  font-size: 14px !important;
  color: #ffffff !important;
  font-weight: 600 !important;
}

body.dark-theme-user .investment-history-roi {
  font-size: 14px !important;
  color: #8b5cf6 !important;
  font-weight: 600 !important;
}

body.dark-theme-user .investment-history-progress {
  margin-top: 12px !important;
}

body.dark-theme-user .investment-history-progress-text {
  font-size: 12px !important;
  color: #a4a4a9 !important;
  margin-top: 8px !important;
  text-align: center !important;
}

body.dark-theme-user .investment-history-status {
  display: flex !important;
  align-items: flex-start !important;
}

body.dark-theme-user .dashboard-status-badge.active {
  background: rgba(43, 193, 85, 0.2) !important;
  color: #2bc155 !important;
}

body.dark-theme-user .dashboard-status-badge.cancelled {
  background: rgba(253, 121, 114, 0.2) !important;
  color: #fd7972 !important;
}

body.dark-theme-user .dashboard-status-badge.completed {
  background: rgba(175, 192, 255, 0.2) !important;
  color: #afc0ff !important;
}

body.dark-theme-user .investment-pagination {
  margin-top: 24px !important;
  display: flex !important;
  justify-content: center !important;
}

/* Responsive */
@media (max-width: 768px) {
  body.dark-theme-user .investment-plans-grid {
    grid-template-columns: 1fr !important;
  }

  body.dark-theme-user .investment-history-item {
    flex-direction: column !important;
  }

  body.dark-theme-user .investment-history-header {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
}

/* Withdrawal Page Styles */
body.dark-theme-user .withdrawal-form {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  margin-top: 24px !important;
}

body.dark-theme-user .withdrawal-form-group {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

body.dark-theme-user .withdrawal-form-label {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
}

body.dark-theme-user .withdrawal-form-label i {
  font-size: 18px !important;
  color: #8b5cf6 !important;
}

body.dark-theme-user .withdrawal-balance-info {
  font-size: 13px !important;
  color: #a4a4a9 !important;
  margin-bottom: 4px !important;
}

body.dark-theme-user .withdrawal-balance-info strong {
  color: #8b5cf6 !important;
  font-weight: 700 !important;
}

body.dark-theme-user .withdrawal-form-input {
  padding: 14px 16px !important;
  background: #1a1b3a !important;
  border: 1px solid #3a3b5c !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  font-size: 14px !important;
  transition: all 0.3s ease !important;
}

body.dark-theme-user .withdrawal-form-input:focus {
  outline: none !important;
  border-color: #8b5cf6 !important;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1) !important;
}

body.dark-theme-user .withdrawal-form-input::placeholder {
  color: #6d6d6d !important;
}

body.dark-theme-user .withdrawal-submit-btn {
  width: 100% !important;
  padding: 16px !important;
  background: linear-gradient(135deg, #8b5cf6, #c388f7) !important;
  border: none !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  margin-top: 8px !important;
}

body.dark-theme-user .withdrawal-submit-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(139, 92, 246, 0.4) !important;
}

/* Deposit wallet address (under amount column) */
body.dark-theme-user .deposit-wallet-address {
  margin-top: 16px !important;
  padding: 16px !important;
  background: rgba(26, 27, 58, 0.6) !important;
  border: 1px solid rgba(139, 92, 246, 0.2) !important;
  border-radius: 12px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

body.dark-theme-user .deposit-wallet-label {
  font-size: 13px !important;
  color: #a4a4a9 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

body.dark-theme-user .deposit-wallet-label i {
  font-size: 16px !important;
  color: #8b5cf6 !important;
}

body.dark-theme-user .deposit-wallet-row {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}

body.dark-theme-user .deposit-wallet-value {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  word-break: break-all !important;
  font-family: monospace !important;
  letter-spacing: 0.5px !important;
  flex: 1 !important;
  min-width: 0 !important;
}

body.dark-theme-user .deposit-wallet-copy-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 8px 14px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  background: rgba(139, 92, 246, 0.25) !important;
  border: 1px solid rgba(139, 92, 246, 0.4) !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: background 0.2s, border-color 0.2s !important;
}

body.dark-theme-user .deposit-wallet-copy-btn:hover {
  background: rgba(139, 92, 246, 0.4) !important;
  border-color: rgba(139, 92, 246, 0.6) !important;
}

body.dark-theme-user .deposit-wallet-copy-btn.deposit-wallet-copy-done {
  background: linear-gradient(135deg, #2bc155, #4ade80) !important;
  border-color: rgba(43, 193, 85, 0.5) !important;
  color: #ffffff !important;
}

body.dark-theme-user .deposit-wallet-copy-btn i {
  font-size: 16px !important;
}

body.dark-theme-user .deposit-wallet-note {
  font-size: 12px !important;
  color: #6b7280 !important;
  margin-top: 4px !important;
}

/* Withdrawal Info Section */
body.dark-theme-user .withdrawal-info-content {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  margin-top: 24px !important;
}

body.dark-theme-user .withdrawal-info-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 16px !important;
  padding: 16px !important;
  background: #1a1b3a !important;
  border-radius: 12px !important;
  border: 1px solid #3a3b5c !important;
}

body.dark-theme-user .withdrawal-info-icon {
  width: 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

body.dark-theme-user .withdrawal-info-icon i {
  font-size: 22px !important;
}

body.dark-theme-user .withdrawal-info-text {
  flex: 1 !important;
}

body.dark-theme-user .withdrawal-info-title {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin-bottom: 4px !important;
}

body.dark-theme-user .withdrawal-info-desc {
  font-size: 13px !important;
  color: #a4a4a9 !important;
  line-height: 1.5 !important;
}

/* Withdrawal History */
body.dark-theme-user .withdrawal-history-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  margin-top: 20px !important;
}

body.dark-theme-user .withdrawal-history-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 16px !important;
  padding: 20px !important;
  background: linear-gradient(135deg, #1a1b3a 0%, #25264a 100%) !important;
  border-radius: 16px !important;
  border: 1px solid #3a3b5c !important;
  transition: all 0.3s ease !important;
  position: relative !important;
  overflow: hidden !important;
}

body.dark-theme-user .withdrawal-history-item::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 4px !important;
  height: 100% !important;
  background: linear-gradient(180deg, #8b5cf6, #c388f7) !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
}

body.dark-theme-user .withdrawal-history-item:hover {
  border-color: #8b5cf6 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(139, 92, 246, 0.2) !important;
}

body.dark-theme-user .withdrawal-history-item:hover::before {
  opacity: 1 !important;
}

body.dark-theme-user .withdrawal-history-icon {
  width: 52px !important;
  height: 52px !important;
  border-radius: 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  border: 1px solid rgba(139, 92, 246, 0.3) !important;
}

body.dark-theme-user .withdrawal-history-icon i {
  font-size: 26px !important;
}

body.dark-theme-user .withdrawal-history-content {
  flex: 1 !important;
}

body.dark-theme-user .withdrawal-history-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  margin-bottom: 12px !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

body.dark-theme-user .withdrawal-history-amount {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
}

body.dark-theme-user .withdrawal-history-date {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 12px !important;
  color: #a4a4a9 !important;
}

body.dark-theme-user .withdrawal-history-date i {
  font-size: 14px !important;
}

body.dark-theme-user .withdrawal-history-details {
  display: flex !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
}

body.dark-theme-user .withdrawal-history-address,
body.dark-theme-user .withdrawal-history-gateway {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 13px !important;
  color: #a4a4a9 !important;
}

body.dark-theme-user .withdrawal-history-address i,
body.dark-theme-user .withdrawal-history-gateway i {
  font-size: 14px !important;
  color: #8b5cf6 !important;
}

body.dark-theme-user .withdrawal-history-status {
  display: flex !important;
  align-items: flex-start !important;
}

body.dark-theme-user .dashboard-status-badge.pending {
  background: rgba(175, 192, 255, 0.2) !important;
  color: #afc0ff !important;
}

body.dark-theme-user .dashboard-status-badge.approved {
  background: rgba(43, 193, 85, 0.2) !important;
  color: #2bc155 !important;
}

body.dark-theme-user .dashboard-status-badge.processing {
  background: rgba(139, 92, 246, 0.2) !important;
  color: #8b5cf6 !important;
}

body.dark-theme-user .dashboard-status-badge.paid {
  background: rgba(43, 193, 85, 0.2) !important;
  color: #2bc155 !important;
}

body.dark-theme-user .dashboard-status-badge.rejected {
  background: rgba(253, 121, 114, 0.2) !important;
  color: #fd7972 !important;
}

body.dark-theme-user .withdrawal-pagination {
  margin-top: 24px !important;
  display: flex !important;
  justify-content: center !important;
}

/* Deposit History (same UI as Withdrawal History) */
body.dark-theme-user .deposit-history-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  margin-top: 20px !important;
}

body.dark-theme-user .deposit-history-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 16px !important;
  padding: 20px !important;
  background: linear-gradient(135deg, #1a1b3a 0%, #25264a 100%) !important;
  border-radius: 16px !important;
  border: 1px solid #3a3b5c !important;
  transition: all 0.3s ease !important;
  position: relative !important;
  overflow: hidden !important;
}

body.dark-theme-user .deposit-history-item::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 4px !important;
  height: 100% !important;
  background: linear-gradient(180deg, #8b5cf6, #c388f7) !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
}

body.dark-theme-user .deposit-history-item:hover {
  border-color: #8b5cf6 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(139, 92, 246, 0.2) !important;
}

body.dark-theme-user .deposit-history-item:hover::before {
  opacity: 1 !important;
}

body.dark-theme-user .deposit-history-icon {
  width: 52px !important;
  height: 52px !important;
  border-radius: 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  border: 1px solid rgba(139, 92, 246, 0.3) !important;
}

body.dark-theme-user .deposit-history-icon i {
  font-size: 26px !important;
}

body.dark-theme-user .deposit-history-content {
  flex: 1 !important;
}

body.dark-theme-user .deposit-history-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  margin-bottom: 12px !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

body.dark-theme-user .deposit-history-amount {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
}

body.dark-theme-user .deposit-history-date {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 12px !important;
  color: #a4a4a9 !important;
}

body.dark-theme-user .deposit-history-date i {
  font-size: 14px !important;
}

body.dark-theme-user .deposit-history-details {
  display: flex !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
}

body.dark-theme-user .deposit-history-tx {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 13px !important;
  color: #a4a4a9 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.dark-theme-user .deposit-history-tx i {
  font-size: 14px !important;
  color: #8b5cf6 !important;
  flex-shrink: 0 !important;
}

body.dark-theme-user .deposit-history-status {
  display: flex !important;
  align-items: flex-start !important;
}

body.dark-theme-user .deposit-pagination {
  margin-top: 24px !important;
  display: flex !important;
  justify-content: center !important;
}

/* Responsive */
@media (max-width: 768px) {
  body.dark-theme-user .withdrawal-history-item {
    flex-direction: column !important;
  }

  body.dark-theme-user .withdrawal-history-header {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  body.dark-theme-user .withdrawal-history-details {
    flex-direction: column !important;
    gap: 8px !important;
  }

  body.dark-theme-user .deposit-history-item {
    flex-direction: column !important;
  }

  body.dark-theme-user .deposit-history-header {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  body.dark-theme-user .deposit-history-details {
    flex-direction: column !important;
    gap: 8px !important;
  }
}

/* Transaction Page Styles */
body.dark-theme-user .transaction-filter-form {
  margin-top: 24px !important;
}

body.dark-theme-user .transaction-filter-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 20px !important;
  margin-bottom: 20px !important;
}

body.dark-theme-user .transaction-filter-group {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

body.dark-theme-user .transaction-filter-label {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
}

body.dark-theme-user .transaction-filter-label i {
  font-size: 18px !important;
  color: #8b5cf6 !important;
}

body.dark-theme-user .transaction-filter-input {
  padding: 14px 16px !important;
  background: #1a1b3a !important;
  border: 1px solid #3a3b5c !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  font-size: 14px !important;
  transition: all 0.3s ease !important;
}

body.dark-theme-user .transaction-filter-input:focus {
  outline: none !important;
  border-color: #8b5cf6 !important;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1) !important;
}

body.dark-theme-user .transaction-filter-input::placeholder {
  color: #6d6d6d !important;
}

body.dark-theme-user .transaction-filter-btn {
  width: 100% !important;
  padding: 14px !important;
  background: linear-gradient(135deg, #8b5cf6, #c388f7) !important;
  border: none !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

body.dark-theme-user .transaction-filter-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(139, 92, 246, 0.4) !important;
}

/* Transaction Ledger List */
body.dark-theme-user .transaction-ledger-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  margin-top: 20px !important;
}

body.dark-theme-user .transaction-ledger-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 16px !important;
  padding: 20px !important;
  background: linear-gradient(135deg, #1a1b3a 0%, #25264a 100%) !important;
  border-radius: 16px !important;
  border: 1px solid #3a3b5c !important;
  transition: all 0.3s ease !important;
  position: relative !important;
  overflow: hidden !important;
}

body.dark-theme-user .transaction-ledger-item::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 4px !important;
  height: 100% !important;
  background: linear-gradient(180deg, #8b5cf6, #c388f7) !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
}

body.dark-theme-user .transaction-ledger-item:hover {
  border-color: #8b5cf6 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(139, 92, 246, 0.2) !important;
}

body.dark-theme-user .transaction-ledger-item:hover::before {
  opacity: 1 !important;
}

body.dark-theme-user .transaction-ledger-icon-wrapper {
  width: 52px !important;
  height: 52px !important;
  border-radius: 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  border: 1px solid transparent !important;
}

body.dark-theme-user .transaction-ledger-icon-wrapper.credit {
  background: linear-gradient(135deg, rgba(43, 193, 85, 0.25), rgba(43, 193, 85, 0.15)) !important;
  border-color: rgba(43, 193, 85, 0.3) !important;
}

body.dark-theme-user .transaction-ledger-icon-wrapper.credit i {
  color: #2bc155 !important;
  font-size: 26px !important;
}

body.dark-theme-user .transaction-ledger-icon-wrapper.debit {
  background: linear-gradient(135deg, rgba(253, 121, 114, 0.25), rgba(253, 121, 114, 0.15)) !important;
  border-color: rgba(253, 121, 114, 0.3) !important;
}

body.dark-theme-user .transaction-ledger-icon-wrapper.debit i {
  color: #fd7972 !important;
  font-size: 26px !important;
}

body.dark-theme-user .transaction-ledger-content {
  flex: 1 !important;
  min-width: 0 !important;
}

body.dark-theme-user .transaction-ledger-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 8px !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}

body.dark-theme-user .transaction-ledger-type {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
}

body.dark-theme-user .transaction-ledger-amount {
  font-size: 18px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

body.dark-theme-user .transaction-ledger-amount.credit {
  color: #2bc155 !important;
}

body.dark-theme-user .transaction-ledger-amount.debit {
  color: #fd7972 !important;
}

body.dark-theme-user .transaction-ledger-description {
  font-size: 14px !important;
  color: #a4a4a9 !important;
  margin-bottom: 10px !important;
  line-height: 1.5 !important;
}

body.dark-theme-user .transaction-ledger-meta {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  font-size: 12px !important;
}

body.dark-theme-user .transaction-ledger-date {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  color: #a4a4a9 !important;
  white-space: nowrap !important;
}

body.dark-theme-user .transaction-ledger-date i {
  font-size: 13px !important;
}

body.dark-theme-user .transaction-ledger-separator {
  color: #3a3b5c !important;
  font-weight: 300 !important;
}

body.dark-theme-user .transaction-ledger-balance {
  color: #8b5cf6 !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
}

body.dark-theme-user .transaction-pagination {
  margin-top: 24px !important;
  display: flex !important;
  justify-content: center !important;
}

/* Responsive */
@media (max-width: 992px) {
  body.dark-theme-user .transaction-filter-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 768px) {
  body.dark-theme-user .transaction-ledger-item {
    flex-direction: column !important;
  }

  body.dark-theme-user .transaction-ledger-header {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  body.dark-theme-user .transaction-ledger-meta {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;
  }

  body.dark-theme-user .transaction-ledger-separator {
    display: none !important;
  }
}

/* Referrals Page Styles */
body.dark-theme-user .referral-link-section {
  margin-top: 24px !important;
}

body.dark-theme-user .referral-link-label {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 14px !important;
  color: #a4a4a9 !important;
  margin-bottom: 12px !important;
}

body.dark-theme-user .referral-link-label i {
  font-size: 18px !important;
  color: #8b5cf6 !important;
}

body.dark-theme-user .referral-link-container {
  display: flex !important;
  gap: 12px !important;
  align-items: center !important;
}

body.dark-theme-user .referral-link-input {
  flex: 1 !important;
  padding: 14px 16px !important;
  background: #1a1b3a !important;
  border: 1px solid #3a3b5c !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-family: monospace !important;
}

body.dark-theme-user .referral-link-input:focus {
  outline: none !important;
  border-color: #8b5cf6 !important;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1) !important;
}

body.dark-theme-user .referral-link-copy-btn {
  padding: 14px 24px !important;
  background: linear-gradient(135deg, #8b5cf6, #c388f7) !important;
  border: none !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  white-space: nowrap !important;
}

body.dark-theme-user .referral-link-copy-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(139, 92, 246, 0.4) !important;
}

body.dark-theme-user .referral-content-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 24px !important;
}

body.dark-theme-user .referral-content-col {
  display: flex !important;
  flex-direction: column !important;
}

/* Referred Users List */
body.dark-theme-user .referral-users-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  margin-top: 20px !important;
}

body.dark-theme-user .referral-user-item {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 20px !important;
  background: linear-gradient(135deg, #1a1b3a 0%, #25264a 100%) !important;
  border-radius: 16px !important;
  border: 1px solid #3a3b5c !important;
  transition: all 0.3s ease !important;
}

body.dark-theme-user .referral-user-item:hover {
  border-color: #8b5cf6 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(139, 92, 246, 0.2) !important;
}

body.dark-theme-user .referral-user-avatar {
  width: 52px !important;
  height: 52px !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, #8b5cf6, #c388f7) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  flex-shrink: 0 !important;
}

body.dark-theme-user .referral-user-content {
  flex: 1 !important;
  min-width: 0 !important;
}

body.dark-theme-user .referral-user-name {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin-bottom: 4px !important;
}

body.dark-theme-user .referral-user-email {
  font-size: 14px !important;
  color: #a4a4a9 !important;
  margin-bottom: 8px !important;
  word-break: break-all !important;
}

body.dark-theme-user .referral-user-date {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 12px !important;
  color: #8b5cf6 !important;
}

body.dark-theme-user .referral-user-date i {
  font-size: 13px !important;
}

/* Referral Earnings List */
body.dark-theme-user .referral-earnings-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  margin-top: 20px !important;
}

body.dark-theme-user .referral-earning-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 16px !important;
  padding: 20px !important;
  background: linear-gradient(135deg, #1a1b3a 0%, #25264a 100%) !important;
  border-radius: 16px !important;
  border: 1px solid #3a3b5c !important;
  transition: all 0.3s ease !important;
  position: relative !important;
  overflow: hidden !important;
}

body.dark-theme-user .referral-earning-item::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 4px !important;
  height: 100% !important;
  background: linear-gradient(180deg, #2bc155, #4ade80) !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
}

body.dark-theme-user .referral-earning-item:hover {
  border-color: #2bc155 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(43, 193, 85, 0.2) !important;
}

body.dark-theme-user .referral-earning-item:hover::before {
  opacity: 1 !important;
}

body.dark-theme-user .referral-earning-icon {
  width: 52px !important;
  height: 52px !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, rgba(43, 193, 85, 0.25), rgba(43, 193, 85, 0.15)) !important;
  border: 1px solid rgba(43, 193, 85, 0.3) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

body.dark-theme-user .referral-earning-icon i {
  color: #2bc155 !important;
  font-size: 26px !important;
}

body.dark-theme-user .referral-earning-content {
  flex: 1 !important;
  min-width: 0 !important;
}

body.dark-theme-user .referral-earning-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 8px !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}

body.dark-theme-user .referral-earning-investment {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
}

body.dark-theme-user .referral-earning-investment i {
  font-size: 16px !important;
  color: #8b5cf6 !important;
}

body.dark-theme-user .referral-earning-amount {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #2bc155 !important;
  white-space: nowrap !important;
}

body.dark-theme-user .referral-earning-date {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  font-size: 12px !important;
  color: #a4a4a9 !important;
}

body.dark-theme-user .referral-earning-date i {
  font-size: 13px !important;
}

body.dark-theme-user .referral-pagination {
  margin-top: 24px !important;
  display: flex !important;
  justify-content: center !important;
}

/* Responsive */
@media (max-width: 992px) {
  body.dark-theme-user .referral-content-grid {
    grid-template-columns: 1fr !important;
  }

  body.dark-theme-user .referral-link-container {
    flex-direction: column !important;
  }

  body.dark-theme-user .referral-link-copy-btn {
    width: 100% !important;
    justify-content: center !important;
  }
}

@media (max-width: 768px) {
  body.dark-theme-user .referral-earning-header {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
}

/* Profile Page Styles */
body.dark-theme-user .profile-content-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 24px !important;
}

body.dark-theme-user .profile-content-col {
  display: flex !important;
  flex-direction: column !important;
}

body.dark-theme-user .profile-content-col-full {
  grid-column: 1 / -1 !important;
}

body.dark-theme-user .profile-form-wrapper {
  margin-top: 24px !important;
}

body.dark-theme-user .profile-form-description {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  padding: 16px !important;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(139, 92, 246, 0.05)) !important;
  border: 1px solid rgba(139, 92, 246, 0.2) !important;
  border-radius: 12px !important;
  font-size: 14px !important;
  color: #a4a4a9 !important;
  margin-bottom: 24px !important;
  line-height: 1.6 !important;
}

body.dark-theme-user .profile-form-description i {
  font-size: 18px !important;
  color: #8b5cf6 !important;
  flex-shrink: 0 !important;
  margin-top: 2px !important;
}

body.dark-theme-user .profile-form-description.danger {
  background: linear-gradient(135deg, rgba(253, 121, 114, 0.1), rgba(253, 121, 114, 0.05)) !important;
  border-color: rgba(253, 121, 114, 0.2) !important;
}

body.dark-theme-user .profile-form-description.danger i {
  color: #fd7972 !important;
}

body.dark-theme-user .profile-form {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

body.dark-theme-user .profile-form-group {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

body.dark-theme-user .profile-form-label {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
}

body.dark-theme-user .profile-form-label i {
  font-size: 18px !important;
  color: #8b5cf6 !important;
}

body.dark-theme-user .profile-form-input {
  padding: 14px 16px !important;
  background: #1a1b3a !important;
  border: 1px solid #3a3b5c !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  font-size: 14px !important;
  transition: all 0.3s ease !important;
  width: 100% !important;
}

body.dark-theme-user .profile-form-input:focus {
  outline: none !important;
  border-color: #8b5cf6 !important;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1) !important;
}

body.dark-theme-user .profile-form-input::placeholder {
  color: #6d6d6d !important;
}

body.dark-theme-user .profile-form-input-readonly {
  cursor: default !important;
  opacity: 0.9 !important;
  background: rgba(26, 27, 58, 0.7) !important;
  border-color: #3a3b5c !important;
}

body.dark-theme-user .profile-form-input-readonly:focus {
  border-color: #3a3b5c !important;
  box-shadow: none !important;
}

body.dark-theme-user .profile-form-hint {
  font-size: 12px !important;
  color: #6b7280 !important;
  margin-top: 6px !important;
}

body.dark-theme-user .profile-form-email-notice {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px 14px !important;
  margin-bottom: 10px !important;
  background: rgba(139, 92, 246, 0.15) !important;
  border: 1px solid rgba(139, 92, 246, 0.3) !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  color: #a4a4a9 !important;
  line-height: 1.4 !important;
}

body.dark-theme-user .profile-form-email-notice i {
  font-size: 18px !important;
  color: #8b5cf6 !important;
  flex-shrink: 0 !important;
}

body.dark-theme-user .profile-form-password-wrapper {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
}

body.dark-theme-user .profile-form-password-input {
  padding-right: 50px !important;
}

body.dark-theme-user .profile-form-password-toggle {
  position: absolute !important;
  right: 12px !important;
  background: transparent !important;
  border: none !important;
  color: #a4a4a9 !important;
  cursor: pointer !important;
  padding: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: color 0.3s ease !important;
  font-size: 20px !important;
}

body.dark-theme-user .profile-form-password-toggle:hover {
  color: #8b5cf6 !important;
}

body.dark-theme-user .profile-form-error {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 13px !important;
  color: #fd7972 !important;
  margin-top: 4px !important;
}

body.dark-theme-user .profile-form-error i {
  font-size: 16px !important;
}

body.dark-theme-user .profile-form-error-message {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 12px 16px !important;
  background: rgba(253, 121, 114, 0.1) !important;
  border: 1px solid rgba(253, 121, 114, 0.3) !important;
  border-radius: 12px !important;
  font-size: 14px !important;
  color: #fd7972 !important;
  margin-bottom: 20px !important;
}

body.dark-theme-user .profile-form-error-message i {
  font-size: 18px !important;
}

body.dark-theme-user .profile-form-warning {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  padding: 12px 16px !important;
  background: rgba(255, 193, 7, 0.1) !important;
  border: 1px solid rgba(255, 193, 7, 0.3) !important;
  border-radius: 12px !important;
  margin-top: 8px !important;
}

body.dark-theme-user .profile-form-warning i {
  font-size: 18px !important;
  color: #ffc107 !important;
  flex-shrink: 0 !important;
  margin-top: 2px !important;
}

body.dark-theme-user .profile-form-warning-text {
  font-size: 14px !important;
  color: #ffc107 !important;
  margin-bottom: 8px !important;
}

body.dark-theme-user .profile-form-verify-btn {
  padding: 8px 16px !important;
  background: rgba(255, 193, 7, 0.2) !important;
  border: 1px solid rgba(255, 193, 7, 0.4) !important;
  border-radius: 8px !important;
  color: #ffc107 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

body.dark-theme-user .profile-form-verify-btn:hover {
  background: rgba(255, 193, 7, 0.3) !important;
  transform: translateY(-1px) !important;
}

body.dark-theme-user .profile-form-success {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 12px 16px !important;
  background: rgba(43, 193, 85, 0.1) !important;
  border: 1px solid rgba(43, 193, 85, 0.3) !important;
  border-radius: 12px !important;
  font-size: 14px !important;
  color: #2bc155 !important;
  margin-top: 8px !important;
}

body.dark-theme-user .profile-form-success i {
  font-size: 18px !important;
}

body.dark-theme-user .profile-form-actions {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  margin-top: 8px !important;
}

body.dark-theme-user .profile-form-submit-btn {
  padding: 14px 28px !important;
  background: linear-gradient(135deg, #8b5cf6, #c388f7) !important;
  border: none !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

body.dark-theme-user .profile-form-submit-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(139, 92, 246, 0.4) !important;
}

body.dark-theme-user .profile-form-delete-btn {
  width: 100% !important;
  padding: 16px !important;
  background: linear-gradient(135deg, #fd7972, #ff6b6b) !important;
  border: none !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
}

body.dark-theme-user .profile-form-delete-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(253, 121, 114, 0.4) !important;
}

body.dark-theme-user .profile-form-success-message {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 14px !important;
  color: #2bc155 !important;
  font-weight: 500 !important;
}

body.dark-theme-user .profile-form-success-message i {
  font-size: 18px !important;
}

body.dark-theme-user .dashboard-section-icon.danger {
  background: linear-gradient(135deg, rgba(253, 121, 114, 0.25), rgba(253, 121, 114, 0.15)) !important;
  border-color: rgba(253, 121, 114, 0.3) !important;
}

body.dark-theme-user .dashboard-section-icon.danger i {
  color: #fd7972 !important;
}

/* Responsive */
@media (max-width: 992px) {
  body.dark-theme-user .profile-content-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Games Page Styles */
body.dark-theme-user .games-banner-section {
  margin-top: 24px !important;
}

body.dark-theme-user .dashboard-lucky-draw-poster .games-banner-section {
  margin-top: 0 !important;
}

body.dark-theme-user .dashboard-lucky-draw-poster {
  border-radius: 16px !important;
  overflow: hidden !important;
  transition: opacity 0.25s ease !important;
}

body.dark-theme-user .dashboard-lucky-draw-poster:hover {
  opacity: 0.95 !important;
}

body.dark-theme-user .games-banner-image-wrapper {
  position: relative !important;
  width: 100% !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  border: 1px solid #3a3b5c !important;
}

body.dark-theme-user .games-banner-image {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  object-fit: cover !important;
}

body.dark-theme-user .games-banner-overlay {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.6), rgba(26, 27, 58, 0.7)) !important;
  z-index: 1 !important;
  padding: 40px !important;
}

body.dark-theme-user .games-banner-content {
  text-align: center !important;
  max-width: 600px !important;
  z-index: 2 !important;
}

body.dark-theme-user .games-banner-title {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  font-size: 36px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin-bottom: 16px !important;
}

body.dark-theme-user .games-banner-title i {
  font-size: 40px !important;
  color: #8b5cf6 !important;
}

body.dark-theme-user .games-banner-description {
  font-size: 18px !important;
  color: #a4a4a9 !important;
  margin-bottom: 32px !important;
  line-height: 1.6 !important;
}

body.dark-theme-user .games-banner-button {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 16px 32px !important;
  background: linear-gradient(135deg, #8b5cf6, #c388f7) !important;
  border: none !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 12px rgba(139, 92, 246, 0.3) !important;
}

body.dark-theme-user .games-banner-button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(139, 92, 246, 0.5) !important;
}

body.dark-theme-user .games-banner-button i {
  font-size: 18px !important;
}

/* Zeta Token banner – image more visible (lighter overlay) */
body.dark-theme-user .zeta-token-banner .games-banner-overlay {
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.25), rgba(26, 27, 58, 0.4)) !important;
}

body.dark-theme-user .zeta-token-banner .games-banner-image {
  opacity: 1 !important;
}

/* Zeta Lucky Draw banner – lighter overlay */
body.dark-theme-user .zeta-lucky-draw-banner .games-banner-overlay {
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.25), rgba(26, 27, 58, 0.4)) !important;
}

body.dark-theme-user .zeta-lucky-draw-banner .games-banner-image {
  opacity: 1 !important;
}

/* Brochures page */
body.dark-theme-user .brochures-page-card {
  padding: 28px 24px !important;
}

body.dark-theme-user .brochures-page-header {
  margin-bottom: 24px !important;
  padding-bottom: 20px !important;
  border-bottom: 1px solid rgba(58, 59, 92, 0.6) !important;
}

body.dark-theme-user .brochures-page-header .dashboard-section-subtitle {
  font-size: 14px !important;
  color: #a4a4a9 !important;
  line-height: 1.5 !important;
  margin-top: 6px !important;
}

body.dark-theme-user .brochures-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

body.dark-theme-user .brochure-item {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  padding: 22px 24px !important;
  background: rgba(26, 27, 58, 0.5) !important;
  border: 1px solid #3a3b5c !important;
  border-radius: 16px !important;
  text-decoration: none !important;
  color: inherit !important;
  transition: all 0.25s ease !important;
}

body.dark-theme-user .brochure-item:hover {
  border-color: rgba(139, 92, 246, 0.5) !important;
  background: rgba(37, 38, 74, 0.9) !important;
  box-shadow: 0 8px 28px rgba(139, 92, 246, 0.18) !important;
  transform: translateY(-1px) !important;
}

body.dark-theme-user .brochure-item:hover .brochure-item-arrow {
  transform: translateX(4px) !important;
}

body.dark-theme-user .brochure-item-icon {
  width: 52px !important;
  height: 52px !important;
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.25), rgba(195, 136, 247, 0.15)) !important;
  border: 1px solid rgba(139, 92, 246, 0.3) !important;
  border-radius: 14px !important;
  color: #8b5cf6 !important;
  font-size: 26px !important;
  transition: transform 0.25s ease !important;
}

body.dark-theme-user .brochure-item:hover .brochure-item-icon {
  transform: scale(1.05) !important;
}

body.dark-theme-user .brochure-item-content {
  flex: 1 !important;
  min-width: 0 !important;
}

body.dark-theme-user .brochure-item-title {
  font-size: 17px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  margin-bottom: 6px !important;
  line-height: 1.3 !important;
}

body.dark-theme-user .brochure-item-preview {
  font-size: 13px !important;
  color: #a4a4a9 !important;
  line-height: 1.5 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

body.dark-theme-user .brochure-item-badge {
  display: inline-block !important;
  padding: 2px 8px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  color: #8b5cf6 !important;
  background: rgba(139, 92, 246, 0.2) !important;
  border-radius: 6px !important;
}

body.dark-theme-user .brochure-item-cta {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #8b5cf6 !important;
  margin-right: 4px !important;
}

body.dark-theme-user .brochure-item-arrow {
  font-size: 22px !important;
  color: #8b5cf6 !important;
  transition: transform 0.25s ease !important;
  flex-shrink: 0 !important;
}

/* Brochures empty state */
body.dark-theme-user .brochures-empty {
  text-align: center !important;
  padding: 48px 24px !important;
  background: rgba(26, 27, 58, 0.4) !important;
  border: 1px dashed #3a3b5c !important;
  border-radius: 16px !important;
}

body.dark-theme-user .brochures-empty-icon {
  width: 64px !important;
  height: 64px !important;
  margin: 0 auto 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(139, 92, 246, 0.15) !important;
  border-radius: 16px !important;
  color: #8b5cf6 !important;
  font-size: 32px !important;
}

body.dark-theme-user .brochures-empty-title {
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  margin-bottom: 8px !important;
}

body.dark-theme-user .brochures-empty-text {
  font-size: 14px !important;
  color: #a4a4a9 !important;
  line-height: 1.5 !important;
  max-width: 320px !important;
  margin: 0 auto !important;
}

body.dark-theme-user .brochure-back-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #8b5cf6 !important;
  text-decoration: none !important;
  font-size: 14px !important;
  margin-bottom: 16px !important;
}

body.dark-theme-user .brochure-back-link:hover {
  color: #c388f7 !important;
}

body.dark-theme-user .brochure-title {
  font-size: 28px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin-bottom: 24px !important;
}

body.dark-theme-user .brochure-body.user-html {
  font-size: 16px !important;
  line-height: 1.7 !important;
  color: #e4e4e7 !important;
}

body.dark-theme-user .brochure-body.user-html p {
  margin-bottom: 16px !important;
}

body.dark-theme-user .brochure-body.user-html h2 {
  font-size: 22px !important;
  margin-top: 24px !important;
  margin-bottom: 12px !important;
  color: #ffffff !important;
}

body.dark-theme-user .brochure-empty {
  color: #a4a4a9 !important;
  font-style: italic !important;
}

body.dark-theme-user .brochure-pdf-actions {
  margin-bottom: 16px !important;
}

body.dark-theme-user .brochure-pdf-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 12px 20px !important;
  background: linear-gradient(135deg, #8b5cf6, #c388f7) !important;
  color: #ffffff !important;
  text-decoration: none !important;
  border-radius: 12px !important;
  font-weight: 600 !important;
  transition: all 0.25s ease !important;
}

body.dark-theme-user .brochure-pdf-link:hover {
  opacity: 0.95 !important;
  box-shadow: 0 6px 20px rgba(139, 92, 246, 0.4) !important;
}

body.dark-theme-user .brochure-pdf-embed {
  width: 100% !important;
  height: 80vh !important;
  min-height: 500px !important;
  border: 1px solid #3a3b5c !important;
  border-radius: 16px !important;
  background: #1a1b3a !important;
}

/* Telegram floating link (user dashboard) */
.telegram-float {
  position: fixed !important;
  bottom: 24px !important;
  right: 24px !important;
  z-index: 999 !important;
  width: 56px !important;
  height: 56px !important;
  display: block !important;
  border-radius: 50% !important;
  text-decoration: none !important;
  box-shadow: 0 4px 16px rgba(0, 136, 204, 0.45) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  overflow: hidden !important;
}

.telegram-float .telegram-float-icon {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: contain !important;
  vertical-align: middle !important;
}

.telegram-float:hover {
  transform: scale(1.1) !important;
  box-shadow: 0 6px 24px rgba(0, 136, 204, 0.55) !important;
}

/* Zeta Token modal (coming soon popup) */
body.dark-theme-user .zeta-token-modal .modal-content {
  background: linear-gradient(135deg, #1a1b3a 0%, #25264a 100%) !important;
  border: 1px solid #3a3b5c !important;
  border-radius: 20px !important;
  box-shadow: 0 25px 80px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(139, 92, 246, 0.1) !important;
}

body.dark-theme-user .zeta-token-modal .modal-header {
  border-bottom: 1px solid #3a3b5c !important;
  padding: 24px 24px 20px !important;
}

body.dark-theme-user .zeta-token-modal-header-inner {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}

body.dark-theme-user .zeta-token-modal-icon {
  width: 56px !important;
  height: 56px !important;
  border-radius: 14px !important;
  background: rgba(139, 92, 246, 0.25) !important;
  border: 1px solid rgba(139, 92, 246, 0.4) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.dark-theme-user .zeta-token-modal-icon i {
  font-size: 28px !important;
  color: #8b5cf6 !important;
}

body.dark-theme-user .zeta-token-modal .modal-title {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin: 0 !important;
}

body.dark-theme-user .zeta-token-modal-badge {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #8b5cf6 !important;
  margin: 4px 0 0 !important;
  letter-spacing: 0.5px !important;
}

body.dark-theme-user .zeta-token-modal-close {
  filter: invert(1) !important;
  opacity: 0.7 !important;
}

body.dark-theme-user .zeta-token-modal .modal-body {
  padding: 24px !important;
  color: #e5e7eb !important;
}

body.dark-theme-user .zeta-token-modal-intro {
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: #a4a4a9 !important;
  margin-bottom: 24px !important;
}

body.dark-theme-user .zeta-token-modal-benefits {
  margin-bottom: 20px !important;
}

body.dark-theme-user .zeta-token-modal-benefits-title {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  margin-bottom: 14px !important;
}

body.dark-theme-user .zeta-token-modal-benefits-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.dark-theme-user .zeta-token-modal-benefits-list li {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  padding: 10px 0 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: #a4a4a9 !important;
}

body.dark-theme-user .zeta-token-modal-benefits-list li i {
  font-size: 18px !important;
  color: #2bc155 !important;
  flex-shrink: 0 !important;
  margin-top: 2px !important;
}

body.dark-theme-user .zeta-token-modal-benefits-list li strong {
  color: #e5e7eb !important;
}

body.dark-theme-user .zeta-token-modal-outro {
  font-size: 14px !important;
  color: #6b7280 !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

body.dark-theme-user .games-info-content {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
  margin-top: 24px !important;
}

body.dark-theme-user .games-info-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 16px !important;
  padding: 24px !important;
  background: linear-gradient(135deg, #1a1b3a 0%, #25264a 100%) !important;
  border-radius: 16px !important;
  border: 1px solid #3a3b5c !important;
  transition: all 0.3s ease !important;
}

body.dark-theme-user .games-info-item:hover {
  border-color: #8b5cf6 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(139, 92, 246, 0.2) !important;
}

body.dark-theme-user .games-info-icon {
  width: 56px !important;
  height: 56px !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.25), rgba(139, 92, 246, 0.15)) !important;
  border: 1px solid rgba(139, 92, 246, 0.3) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

body.dark-theme-user .games-info-icon i {
  font-size: 28px !important;
  color: #8b5cf6 !important;
}

body.dark-theme-user .games-info-text {
  flex: 1 !important;
}

body.dark-theme-user .games-info-title {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin-bottom: 8px !important;
}

body.dark-theme-user .games-info-description {
  font-size: 14px !important;
  color: #a4a4a9 !important;
  line-height: 1.6 !important;
}

/* Responsive */
@media (max-width: 992px) {
  body.dark-theme-user .games-info-content {
    grid-template-columns: 1fr !important;
  }

  body.dark-theme-user .games-banner-title {
    font-size: 28px !important;
  }

  body.dark-theme-user .games-banner-title i {
    font-size: 32px !important;
  }

  body.dark-theme-user .games-banner-description {
    font-size: 16px !important;
  }
}

@media (max-width: 768px) {
  body.dark-theme-user .games-banner-overlay {
    padding: 24px !important;
  }

  body.dark-theme-user .games-banner-title {
    font-size: 24px !important;
    flex-direction: column !important;
    gap: 8px !important;
  }

  body.dark-theme-user .games-banner-description {
    font-size: 14px !important;
    margin-bottom: 24px !important;
  }

  body.dark-theme-user .games-banner-button {
    padding: 14px 24px !important;
    font-size: 14px !important;
  }

  body.dark-theme-user .games-info-item {
    flex-direction: column !important;
    text-align: center !important;
  }
}

/* Games Coming Soon Page Styles */
body.dark-theme-user .coming-soon-container {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  min-height: 60vh !important;
}

body.dark-theme-user .coming-soon-content {
  text-align: center !important;
  padding: 60px 40px !important;
  max-width: 800px !important;
  margin: 0 auto !important;
}

body.dark-theme-user .coming-soon-icon-wrapper {
  position: relative !important;
  display: inline-block !important;
  margin-bottom: 32px !important;
}

body.dark-theme-user .coming-soon-icon {
  width: 120px !important;
  height: 120px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #8b5cf6, #c388f7) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  z-index: 2 !important;
  box-shadow: 0 8px 32px rgba(139, 92, 246, 0.4) !important;
}

body.dark-theme-user .coming-soon-icon i {
  font-size: 60px !important;
  color: #ffffff !important;
}

body.dark-theme-user .coming-soon-pulse {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 120px !important;
  height: 120px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.4), rgba(195, 136, 247, 0.4)) !important;
  animation: pulse 2s infinite !important;
  z-index: 1 !important;
}

@keyframes pulse {
  0% {
    transform: translate(-50%, -50%) scale(1) !important;
    opacity: 1 !important;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.5) !important;
    opacity: 0 !important;
  }
}

body.dark-theme-user .coming-soon-title {
  font-size: 42px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin-bottom: 20px !important;
  background: linear-gradient(135deg, #ffffff, #a4a4a9) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

body.dark-theme-user .coming-soon-description {
  font-size: 18px !important;
  color: #a4a4a9 !important;
  margin-bottom: 48px !important;
  line-height: 1.8 !important;
  max-width: 600px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.dark-theme-user .coming-soon-features {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
  margin-bottom: 48px !important;
}

body.dark-theme-user .coming-soon-feature-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 32px 24px !important;
  background: linear-gradient(135deg, #1a1b3a 0%, #25264a 100%) !important;
  border-radius: 16px !important;
  border: 1px solid #3a3b5c !important;
  transition: all 0.3s ease !important;
}

body.dark-theme-user .coming-soon-feature-item:hover {
  border-color: #8b5cf6 !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 24px rgba(139, 92, 246, 0.2) !important;
}

body.dark-theme-user .coming-soon-feature-icon {
  width: 64px !important;
  height: 64px !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.25), rgba(139, 92, 246, 0.15)) !important;
  border: 1px solid rgba(139, 92, 246, 0.3) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.dark-theme-user .coming-soon-feature-icon i {
  font-size: 32px !important;
  color: #8b5cf6 !important;
}

body.dark-theme-user .coming-soon-feature-text {
  text-align: center !important;
}

body.dark-theme-user .coming-soon-feature-title {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin-bottom: 6px !important;
}

body.dark-theme-user .coming-soon-feature-desc {
  font-size: 14px !important;
  color: #a4a4a9 !important;
  line-height: 1.5 !important;
}

body.dark-theme-user .coming-soon-back-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 16px 32px !important;
  background: linear-gradient(135deg, #8b5cf6, #c388f7) !important;
  border: none !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 12px rgba(139, 92, 246, 0.3) !important;
}

body.dark-theme-user .coming-soon-back-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(139, 92, 246, 0.5) !important;
}

body.dark-theme-user .coming-soon-back-btn i {
  font-size: 18px !important;
}

/* Responsive */
@media (max-width: 992px) {
  body.dark-theme-user .coming-soon-features {
    grid-template-columns: 1fr !important;
  }

  body.dark-theme-user .coming-soon-title {
    font-size: 32px !important;
  }

  body.dark-theme-user .coming-soon-description {
    font-size: 16px !important;
  }
}

@media (max-width: 768px) {
  body.dark-theme-user .coming-soon-content {
    padding: 40px 24px !important;
  }

  body.dark-theme-user .coming-soon-icon {
    width: 100px !important;
    height: 100px !important;
  }

  body.dark-theme-user .coming-soon-icon i {
    font-size: 50px !important;
  }

  body.dark-theme-user .coming-soon-pulse {
    width: 100px !important;
    height: 100px !important;
  }

  body.dark-theme-user .coming-soon-title {
    font-size: 28px !important;
  }

  body.dark-theme-user .coming-soon-description {
    font-size: 14px !important;
    margin-bottom: 32px !important;
  }

  body.dark-theme-user .coming-soon-feature-item {
    padding: 24px 20px !important;
  }

  body.dark-theme-user .coming-soon-back-btn {
    padding: 14px 24px !important;
    font-size: 14px !important;
  }
}

/* Enhanced Dashboard Beauty Styles */
body.dark-theme-user .dashboard-top-section {
  background: linear-gradient(135deg, rgba(26, 27, 58, 0.95), rgba(37, 38, 74, 0.95)) !important;
  backdrop-filter: blur(10px) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(139, 92, 246, 0.1) !important;
  position: relative !important;
  overflow: hidden !important;
}

body.dark-theme-user .dashboard-top-section::before {
  content: '' !important;
  position: absolute !important;
  top: -50% !important;
  right: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: radial-gradient(circle, rgba(139, 92, 246, 0.1) 0%, transparent 70%) !important;
  animation: rotate 20s linear infinite !important;
  pointer-events: none !important;
}

@keyframes rotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

body.dark-theme-user .dashboard-avatar {
  background: linear-gradient(135deg, #8b5cf6, #c388f7) !important;
  border: 3px solid rgba(139, 92, 246, 0.3) !important;
  box-shadow: 0 4px 16px rgba(139, 92, 246, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.1) !important;
  transition: all 0.3s ease !important;
}

body.dark-theme-user .dashboard-avatar:hover {
  transform: scale(1.05) !important;
  box-shadow: 0 6px 24px rgba(139, 92, 246, 0.6), inset 0 0 30px rgba(255, 255, 255, 0.15) !important;
}

body.dark-theme-user .dashboard-balance-main {
  background: linear-gradient(135deg, #ffffff, #e0e0e0) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  text-shadow: 0 0 30px rgba(139, 92, 246, 0.3) !important;
  animation: glow 2s ease-in-out infinite alternate !important;
}

@keyframes glow {
  from { filter: drop-shadow(0 0 5px rgba(139, 92, 246, 0.3)); }
  to { filter: drop-shadow(0 0 15px rgba(139, 92, 246, 0.6)); }
}

body.dark-theme-user .dashboard-action-btn {
  background: linear-gradient(135deg, rgba(58, 59, 92, 0.8), rgba(37, 38, 74, 0.8)) !important;
  backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(139, 92, 246, 0.2) !important;
  position: relative !important;
  overflow: hidden !important;
}

body.dark-theme-user .dashboard-action-btn::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(90deg, transparent, rgba(139, 92, 246, 0.2), transparent) !important;
  transition: left 0.5s ease !important;
}

body.dark-theme-user .dashboard-action-btn:hover::before {
  left: 100% !important;
}

body.dark-theme-user .dashboard-action-btn:hover {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(195, 136, 247, 0.2)) !important;
  border-color: rgba(139, 92, 246, 0.5) !important;
  box-shadow: 0 12px 32px rgba(139, 92, 246, 0.4), inset 0 0 20px rgba(139, 92, 246, 0.1) !important;
}

body.dark-theme-user .dashboard-stat-card {
  background: linear-gradient(135deg, rgba(26, 27, 58, 0.95), rgba(37, 38, 74, 0.95)) !important;
  backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(139, 92, 246, 0.2) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2), inset 0 0 20px rgba(139, 92, 246, 0.05) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  position: relative !important;
  overflow: hidden !important;
}

body.dark-theme-user .dashboard-stat-card::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, #8b5cf6, #c388f7, #8b5cf6) !important;
  background-size: 200% 100% !important;
  animation: shimmer 3s linear infinite !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
}

body.dark-theme-user .dashboard-stat-card:hover::after {
  opacity: 1 !important;
}

@keyframes shimmer {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}

body.dark-theme-user .dashboard-stat-card:hover {
  transform: translateY(-6px) scale(1.02) !important;
  border-color: rgba(139, 92, 246, 0.5) !important;
  box-shadow: 0 12px 40px rgba(139, 92, 246, 0.3), inset 0 0 30px rgba(139, 92, 246, 0.1) !important;
}

body.dark-theme-user .dashboard-stat-icon {
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}

body.dark-theme-user .dashboard-stat-card:hover .dashboard-stat-icon {
  transform: scale(1.1) rotate(5deg) !important;
  box-shadow: 0 6px 20px rgba(139, 92, 246, 0.4) !important;
}

body.dark-theme-user .dashboard-section-card {
  background: linear-gradient(135deg, rgba(26, 27, 58, 0.95), rgba(37, 38, 74, 0.95)) !important;
  backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(139, 92, 246, 0.15) !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.25), inset 0 0 20px rgba(139, 92, 246, 0.05) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  position: relative !important;
}

body.dark-theme-user .dashboard-section-card:hover {
  border-color: rgba(139, 92, 246, 0.4) !important;
  box-shadow: 0 8px 32px rgba(139, 92, 246, 0.2), inset 0 0 30px rgba(139, 92, 246, 0.08) !important;
  transform: translateY(-2px) !important;
}

body.dark-theme-user .dashboard-section-icon {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.25), rgba(195, 136, 247, 0.15)) !important;
  border: 1px solid rgba(139, 92, 246, 0.3) !important;
  box-shadow: 0 4px 12px rgba(139, 92, 246, 0.2), inset 0 0 10px rgba(139, 92, 246, 0.1) !important;
  transition: all 0.3s ease !important;
}

body.dark-theme-user .dashboard-section-card:hover .dashboard-section-icon {
  transform: scale(1.1) !important;
  box-shadow: 0 6px 20px rgba(139, 92, 246, 0.4), inset 0 0 15px rgba(139, 92, 246, 0.2) !important;
}

body.dark-theme-user .dashboard-portfolio-item,
body.dark-theme-user .dashboard-notice-item,
body.dark-theme-user .dashboard-activity-item,
body.dark-theme-user .dashboard-transaction-item,
body.dark-theme-user .dashboard-investment-item {
  background: linear-gradient(135deg, rgba(26, 27, 58, 0.6), rgba(37, 38, 74, 0.6)) !important;
  backdrop-filter: blur(5px) !important;
  border: 1px solid rgba(139, 92, 246, 0.15) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

body.dark-theme-user .dashboard-portfolio-item:hover,
body.dark-theme-user .dashboard-notice-item:hover,
body.dark-theme-user .dashboard-activity-item:hover,
body.dark-theme-user .dashboard-transaction-item:hover,
body.dark-theme-user .dashboard-investment-item:hover {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(195, 136, 247, 0.1)) !important;
  border-color: rgba(139, 92, 246, 0.4) !important;
  transform: translateX(4px) !important;
  box-shadow: 0 4px 16px rgba(139, 92, 246, 0.2) !important;
}

body.dark-theme-user .dashboard-progress-bar {
  background: rgba(58, 59, 92, 0.5) !important;
  backdrop-filter: blur(5px) !important;
  box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

body.dark-theme-user .dashboard-progress-fill {
  box-shadow: 0 0 10px rgba(139, 92, 246, 0.5), inset 0 0 10px rgba(255, 255, 255, 0.1) !important;
  transition: width 1s cubic-bezier(0.4, 0, 0.2, 1) !important;
  position: relative !important;
  overflow: hidden !important;
}

body.dark-theme-user .dashboard-progress-fill::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent) !important;
  animation: progressShine 2s infinite !important;
}

@keyframes progressShine {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}

body.dark-theme-user .dashboard-balance-badge {
  box-shadow: 0 4px 12px rgba(43, 193, 85, 0.3) !important;
  animation: pulse 2s ease-in-out infinite !important;
}

body.dark-theme-user .dashboard-balance-badge.negative {
  box-shadow: 0 4px 12px rgba(253, 121, 114, 0.3) !important;
}

@keyframes pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.05); }
}

body.dark-theme-user .dashboard-tab-item {
  transition: all 0.3s ease !important;
  position: relative !important;
}

body.dark-theme-user .dashboard-tab-item.active::after {
  content: '' !important;
  position: absolute !important;
  bottom: -2px !important;
  left: 0 !important;
  right: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, #8b5cf6, #c388f7) !important;
  box-shadow: 0 0 10px rgba(139, 92, 246, 0.6) !important;
  animation: tabGlow 2s ease-in-out infinite !important;
}

@keyframes tabGlow {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.7; }
}

body.dark-theme-user .dashboard-view-all-btn {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(195, 136, 247, 0.2)) !important;
  border: 1px solid rgba(139, 92, 246, 0.3) !important;
  transition: all 0.3s ease !important;
}

body.dark-theme-user .dashboard-view-all-btn:hover {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.4), rgba(195, 136, 247, 0.4)) !important;
  border-color: rgba(139, 92, 246, 0.6) !important;
  box-shadow: 0 4px 16px rgba(139, 92, 246, 0.4) !important;
  transform: translateX(4px) !important;
}

/* Smooth fade-in animation for cards */
body.dark-theme-user .dashboard-stat-card,
body.dark-theme-user .dashboard-section-card {
  animation: fadeInUp 0.6s ease-out backwards !important;
}

body.dark-theme-user .dashboard-stat-card:nth-child(1) { animation-delay: 0.1s !important; }
body.dark-theme-user .dashboard-stat-card:nth-child(2) { animation-delay: 0.2s !important; }
body.dark-theme-user .dashboard-stat-card:nth-child(3) { animation-delay: 0.3s !important; }
body.dark-theme-user .dashboard-stat-card:nth-child(4) { animation-delay: 0.4s !important; }

@keyframes fadeInUp {
  from {
    opacity: 0 !important;
    transform: translateY(20px) !important;
  }
  to {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }
}

/* Enhanced empty states */
body.dark-theme-user .dashboard-empty-state {
  padding: 60px 20px !important;
  background: linear-gradient(135deg, rgba(26, 27, 58, 0.3), rgba(37, 38, 74, 0.3)) !important;
  border-radius: 16px !important;
  border: 2px dashed rgba(139, 92, 246, 0.3) !important;
}

body.dark-theme-user .dashboard-empty-icon {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(195, 136, 247, 0.1)) !important;
  border: 1px solid rgba(139, 92, 246, 0.3) !important;
  box-shadow: 0 4px 16px rgba(139, 92, 246, 0.2) !important;
}

/* Enhanced status badges */
body.dark-theme-user .dashboard-status-badge {
  box-shadow: 0 2px 8px rgba(43, 193, 85, 0.3) !important;
  backdrop-filter: blur(5px) !important;
}

body.dark-theme-user .dashboard-status-badge.debit {
  box-shadow: 0 2px 8px rgba(253, 121, 114, 0.3) !important;
}

/* Improved investment stat cards */
body.dark-theme-user .dashboard-investment-stat-card {
  background: linear-gradient(135deg, rgba(26, 27, 58, 0.6), rgba(37, 38, 74, 0.6)) !important;
  backdrop-filter: blur(5px) !important;
  border: 1px solid rgba(139, 92, 246, 0.15) !important;
  transition: all 0.3s ease !important;
}

body.dark-theme-user .dashboard-investment-stat-card:hover {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(195, 136, 247, 0.15)) !important;
  border-color: rgba(139, 92, 246, 0.4) !important;
  transform: scale(1.05) !important;
  box-shadow: 0 4px 16px rgba(139, 92, 246, 0.3) !important;
}

/* Enhanced Beautiful Header Styles */
body.dark-theme-user .header-dashboard {
  background: linear-gradient(135deg, rgba(26, 27, 58, 0.95), rgba(37, 38, 74, 0.95)) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2) !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2), inset 0 -1px 0 rgba(139, 92, 246, 0.1) !important;
  position: relative !important;
  overflow: hidden !important;
}

body.dark-theme-user .header-dashboard::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(139, 92, 246, 0.5), transparent) !important;
  animation: headerShine 3s linear infinite !important;
}

@keyframes headerShine {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}

body.dark-theme-user .header-dashboard .wrap {
  position: relative !important;
  z-index: 1 !important;
}

body.dark-theme-user .header-dashboard .header-center {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.dark-theme-user .header-dashboard .header-logo-link {
  display: flex !important;
  align-items: center !important;
  text-decoration: none !important;
  transition: opacity 0.3s ease !important;
}

body.dark-theme-user .header-dashboard .header-logo-link:hover {
  opacity: 0.9 !important;
}

body.dark-theme-user .header-dashboard .header-logo-img {
  max-height: 40px !important;
  width: auto !important;
  object-fit: contain !important;
  display: block !important;
}

body.dark-theme-user .header-dashboard h6 {
  color: #ffffff !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  background: linear-gradient(135deg, #ffffff, #e0e0e0) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  margin: 0 !important;
}

body.dark-theme-user .header-dashboard .button-show-hide {
  width: 40px !important;
  height: 40px !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(195, 136, 247, 0.15)) !important;
  border: 1px solid rgba(139, 92, 246, 0.3) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  color: #8b5cf6 !important;
}

body.dark-theme-user .header-dashboard .button-show-hide:hover {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.3), rgba(195, 136, 247, 0.25)) !important;
  border-color: rgba(139, 92, 246, 0.5) !important;
  transform: scale(1.05) !important;
  box-shadow: 0 4px 12px rgba(139, 92, 246, 0.3) !important;
}

body.dark-theme-user .header-dashboard .button-show-hide i {
  font-size: 20px !important;
  color: #8b5cf6 !important;
  transition: all 0.3s ease !important;
}

body.dark-theme-user .header-dashboard .button-show-hide:hover i {
  color: #c388f7 !important;
  transform: rotate(90deg) !important;
}

/* Search Form - Fixed and Properly Sized */
body.dark-theme-user .header-dashboard .header-left {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  flex: 0 1 auto !important;
  min-width: 0 !important;
}

body.dark-theme-user .header-dashboard .form-search {
  min-width: 200px !important;
  max-width: 320px !important;
  width: 320px !important;
  flex: 0 0 auto !important;
  position: relative !important;
  display: flex !important;
  align-items: stretch !important;
  background: linear-gradient(135deg, rgba(26, 27, 58, 0.8), rgba(37, 38, 74, 0.8)) !important;
  backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(139, 92, 246, 0.2) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  height: 44px !important;
}

body.dark-theme-user .header-dashboard .form-search:focus-within {
  border-color: rgba(139, 92, 246, 0.5) !important;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1), 0 4px 16px rgba(139, 92, 246, 0.2) !important;
  background: linear-gradient(135deg, rgba(26, 27, 58, 0.95), rgba(37, 38, 74, 0.95)) !important;
}

body.dark-theme-user .header-dashboard .form-search fieldset {
  margin: 0 !important;
  border: none !important;
  padding: 0 !important;
  flex: 1 1 auto !important;
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  position: relative !important;
}

body.dark-theme-user .header-dashboard .show-search {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 16px !important;
  color: #ffffff !important;
  font-size: 14px !important;
  transition: all 0.3s ease !important;
  width: 100% !important;
  height: 100% !important;
  box-sizing: border-box !important;
  outline: none !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

body.dark-theme-user .header-dashboard .show-search::placeholder {
  color: #6d6d6d !important;
}

body.dark-theme-user .header-dashboard .show-search:focus {
  outline: none !important;
}

body.dark-theme-user .header-dashboard .form-search .button-submit {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 10px !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
  width: auto !important;
  min-width: 48px !important;
  background: transparent !important;
  border-left: 1px solid rgba(139, 92, 246, 0.2) !important;
}

body.dark-theme-user .header-dashboard .form-search .button-submit button {
  width: 32px !important;
  height: 32px !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.3), rgba(195, 136, 247, 0.2)) !important;
  border: 1px solid rgba(139, 92, 246, 0.3) !important;
  color: #8b5cf6 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.dark-theme-user .header-dashboard .form-search .button-submit button:hover {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.5), rgba(195, 136, 247, 0.4)) !important;
  border-color: rgba(139, 92, 246, 0.6) !important;
  transform: scale(1.1) !important;
  box-shadow: 0 4px 12px rgba(139, 92, 246, 0.4) !important;
}

body.dark-theme-user .header-dashboard .form-search .button-submit button i {
  font-size: 16px !important;
  color: #8b5cf6 !important;
}

/* Header Grid */
body.dark-theme-user .header-dashboard .header-grid {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}

body.dark-theme-user .header-dashboard .header-btn {
  position: relative !important;
}

body.dark-theme-user .header-dashboard .header-item {
  width: 40px !important;
  height: 40px !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(195, 136, 247, 0.15)) !important;
  border: 1px solid rgba(139, 92, 246, 0.3) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  position: relative !important;
}

body.dark-theme-user .header-dashboard .header-item::after {
  content: '' !important;
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  width: 8px !important;
  height: 8px !important;
  background: #fd7972 !important;
  border-radius: 50% !important;
  border: 2px solid rgba(26, 27, 58, 0.95) !important;
  animation: pulseDot 2s ease-in-out infinite !important;
}

@keyframes pulseDot {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.2); opacity: 0.8; }
}

body.dark-theme-user .header-dashboard .header-item:hover {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.3), rgba(195, 136, 247, 0.25)) !important;
  border-color: rgba(139, 92, 246, 0.5) !important;
  transform: scale(1.05) !important;
  box-shadow: 0 4px 12px rgba(139, 92, 246, 0.3) !important;
}

body.dark-theme-user .header-dashboard .header-item i {
  font-size: 18px !important;
  color: #8b5cf6 !important;
  transition: all 0.3s ease !important;
}

body.dark-theme-user .header-dashboard .header-item:hover i {
  color: #c388f7 !important;
  transform: rotate(10deg) !important;
}

body.dark-theme-user .header-dashboard .line1 {
  width: 1px !important;
  height: 32px !important;
  background: linear-gradient(180deg, transparent, rgba(139, 92, 246, 0.3), transparent) !important;
}

/* Header User */
body.dark-theme-user .header-dashboard .header-user {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 8px 12px !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, rgba(26, 27, 58, 0.6), rgba(37, 38, 74, 0.6)) !important;
  backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(139, 92, 246, 0.2) !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
}

body.dark-theme-user .header-dashboard .header-user:hover {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(195, 136, 247, 0.15)) !important;
  border-color: rgba(139, 92, 246, 0.4) !important;
  box-shadow: 0 4px 16px rgba(139, 92, 246, 0.2) !important;
  transform: translateY(-2px) !important;
}

body.dark-theme-user .header-dashboard .header-user .image {
  width: 40px !important;
  height: 40px !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  border: 2px solid rgba(139, 92, 246, 0.3) !important;
  background: linear-gradient(135deg, #8b5cf6, #c388f7) !important;
  box-shadow: 0 4px 12px rgba(139, 92, 246, 0.3) !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.dark-theme-user .header-dashboard .header-user .image i {
  font-size: 20px !important;
  color: #ffffff !important;
}

body.dark-theme-user .header-dashboard .header-user:hover .image {
  border-color: rgba(139, 92, 246, 0.6) !important;
  box-shadow: 0 6px 20px rgba(139, 92, 246, 0.5) !important;
  transform: scale(1.05) !important;
}

body.dark-theme-user .header-dashboard .header-user .image img {
  display: none !important;
}

body.dark-theme-user .header-dashboard .header-user .content {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

body.dark-theme-user .header-dashboard .header-user .name {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  line-height: 1.2 !important;
}

body.dark-theme-user .header-dashboard .header-user .text-Gray {
  font-size: 12px !important;
  color: #a4a4a9 !important;
  line-height: 1.2 !important;
}

/* Dropdown Menus */
body.dark-theme-user .header-dashboard .popup-wrap.user .dropdown-menu {
  background: linear-gradient(135deg, rgba(26, 27, 58, 0.98), rgba(37, 38, 74, 0.98)) !important;
  backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(139, 92, 246, 0.3) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(139, 92, 246, 0.1) !important;
  padding: 8px !important;
  z-index: 1050 !important;
  min-width: 200px !important;
  width: 200px !important;
  position: absolute !important;
  top: 100% !important;
  right: 0 !important;
  left: auto !important;
  margin-top: 8px !important;
}

body.dark-theme-user .header-dashboard .popup-wrap.user .dropdown-menu.show {
  display: flex !important;
  flex-direction: column !important;
  visibility: visible !important;
  opacity: 1 !important;
  animation: dropdownFadeIn 0.3s ease-out !important;
}

@keyframes dropdownFadeIn {
  from {
    opacity: 0 !important;
    transform: translateY(-10px) !important;
  }
  to {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }
}

body.dark-theme-user .header-dashboard .dropdown-menu h6 {
  padding: 12px 16px !important;
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #8b5cf6 !important;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2) !important;
}

body.dark-theme-user .header-dashboard .popup-wrap.user {
  position: relative !important;
}

body.dark-theme-user .header-dashboard .popup-wrap.user .dropdown {
  position: relative !important;
}

body.dark-theme-user .header-dashboard .dropdown-menu .user-item,
body.dark-theme-user .header-dashboard .dropdown-menu .notifications-item {
  padding: 12px 16px !important;
  border-radius: 12px !important;
  margin: 4px 0 !important;
  transition: all 0.3s ease !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  text-align: left !important;
  color: #ffffff !important;
  cursor: pointer !important;
}

body.dark-theme-user .header-dashboard .dropdown-menu .user-item i {
  font-size: 18px !important;
  color: #8b5cf6 !important;
  flex-shrink: 0 !important;
}

body.dark-theme-user .header-dashboard .dropdown-menu .user-item button {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  width: 100% !important;
  text-align: left !important;
  color: inherit !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

body.dark-theme-user .header-dashboard .dropdown-menu .user-item button i {
  font-size: 18px !important;
  color: #8b5cf6 !important;
  flex-shrink: 0 !important;
}

body.dark-theme-user .header-dashboard .dropdown-menu .user-item:hover,
body.dark-theme-user .header-dashboard .dropdown-menu .notifications-item:hover {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(195, 136, 247, 0.1)) !important;
  border-color: rgba(139, 92, 246, 0.3) !important;
  transform: translateX(4px) !important;
}

body.dark-theme-user .header-dashboard .dropdown-menu .user-item:hover i,
body.dark-theme-user .header-dashboard .dropdown-menu .user-item:hover button i {
  color: #c388f7 !important;
}

body.dark-theme-user .header-dashboard .header-user-dropdown-btn {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

body.dark-theme-user .header-dashboard .header-user-dropdown-btn:focus,
body.dark-theme-user .header-dashboard .header-user-dropdown-btn:active,
body.dark-theme-user .header-dashboard .header-user-dropdown-btn:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

body.dark-theme-user .header-dashboard .popup-wrap.user .dropdown-toggle::after {
  display: none !important;
}

body.dark-theme-user .header-dashboard .popup-wrap.user .dropdown-toggle[aria-expanded="true"] {
  opacity: 1 !important;
}

body.dark-theme-user .header-dashboard .popup-wrap.user {
  position: relative !important;
}

body.dark-theme-user .header-dashboard .popup-wrap.user .dropdown {
  position: relative !important;
}

body.dark-theme-user .header-dashboard .popup-wrap.user .dropdown-menu.show .user-item {
  padding: 12px 16px !important;
  margin: 4px 0 !important;
  gap: 12px !important;
  height: auto !important;
  min-height: 44px !important;
}

body.dark-theme-user .header-dashboard .dropdown-menu .user-item .body-title-2,
body.dark-theme-user .header-dashboard .dropdown-menu .notifications-item .body-title-2 {
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  margin: 0 !important;
}

body.dark-theme-user .header-dashboard .dropdown-menu li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.dark-theme-user .header-dashboard .dropdown-menu li a {
  color: #ffffff !important;
  text-decoration: none !important;
  display: block !important;
}

body.dark-theme-user .header-dashboard .dropdown-menu .user-item,
body.dark-theme-user .header-dashboard .dropdown-menu .user-item button,
body.dark-theme-user .header-dashboard .dropdown-menu .user-item .body-title-2 {
  color: #ffffff !important;
}

body.dark-theme-user .header-dashboard .dropdown-menu .user-item:hover,
body.dark-theme-user .header-dashboard .dropdown-menu .user-item:hover button,
body.dark-theme-user .header-dashboard .dropdown-menu .user-item:hover .body-title-2 {
  color: #ffffff !important;
}

body.dark-theme-user .header-dashboard .dropdown-menu .notifications-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
}

body.dark-theme-user .header-dashboard .dropdown-menu .notifications-item .image {
  width: 40px !important;
  height: 40px !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.25), rgba(195, 136, 247, 0.15)) !important;
  border: 1px solid rgba(139, 92, 246, 0.3) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

body.dark-theme-user .header-dashboard .dropdown-menu .notifications-item .image i {
  font-size: 20px !important;
  color: #8b5cf6 !important;
}

body.dark-theme-user .header-dashboard .dropdown-menu .notifications-item .text-tiny {
  color: #a4a4a9 !important;
  font-size: 12px !important;
  margin-top: 4px !important;
}

/* Responsive */
@media (max-width: 1200px) {
  body.dark-theme-user .header-dashboard .form-search {
    max-width: 280px !important;
    width: 280px !important;
  }
}

@media (max-width: 768px) {
  body.dark-theme-user .header-dashboard .form-search {
    max-width: 200px !important;
    width: 200px !important;
    min-width: 180px !important;
  }

  body.dark-theme-user .header-dashboard .header-user .content {
    display: none !important;
  }

  body.dark-theme-user .header-dashboard h6 {
    font-size: 16px !important;
  }
}

/* ============================================
   LOGIN PAGE STYLES
   ============================================ */

body.dark-theme-user #wrapper {
  background: #1a1b3a !important;
}

body.dark-theme-user .sign-in-wrap {
  background: #0a0a15 !important;
  min-height: 100vh;
  min-height: -webkit-fill-available;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  position: relative;
  overflow: hidden;
}

body.dark-theme-user .sign-in-wrap::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:
    radial-gradient(circle at 20% 30%, rgba(139, 92, 246, 0.15) 0%, transparent 50%),
    radial-gradient(circle at 80% 70%, rgba(99, 102, 241, 0.1) 0%, transparent 50%);
  pointer-events: none;
  z-index: 0;
}

body.dark-theme-user .sign-in-wrap::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -20%;
  width: 800px;
  height: 800px;
  background: radial-gradient(circle, rgba(139, 92, 246, 0.15) 0%, transparent 70%);
  border-radius: 50%;
  animation: float 20s ease-in-out infinite;
}

body.dark-theme-user .sign-in-wrap::after {
  content: '';
  position: absolute;
  bottom: -30%;
  left: -10%;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(99, 102, 241, 0.1) 0%, transparent 70%);
  border-radius: 50%;
  animation: float 15s ease-in-out infinite reverse;
}

@media (max-width: 768px) {
  body.dark-theme-user .sign-in-wrap::before,
  body.dark-theme-user .sign-in-wrap::after {
    display: none; /* Hide animated backgrounds on mobile for better performance */
  }
}

@keyframes float {
  0%, 100% {
    transform: translate(0, 0) rotate(0deg);
  }
  33% {
    transform: translate(30px, -30px) rotate(120deg);
  }
  66% {
    transform: translate(-20px, 20px) rotate(240deg);
  }
}

body.dark-theme-user .sign-in-box {
  width: 100%;
  max-width: 520px;
  position: relative;
  z-index: 1;
}

body.dark-theme-user .login-container {
  background: rgba(20, 21, 40, 0.98);
  backdrop-filter: blur(30px);
  border: 1px solid rgba(139, 92, 246, 0.15);
  border-radius: 28px;
  padding: 56px 48px;
  box-shadow:
    0 25px 80px rgba(0, 0, 0, 0.6),
    0 0 0 1px rgba(255, 255, 255, 0.05) inset,
    0 0 120px rgba(139, 92, 246, 0.08);
  animation: slideUp 0.5s ease-out;
  position: relative;
  overflow: hidden;
}

body.dark-theme-user .login-container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(139, 92, 246, 0.5), transparent);
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

body.dark-theme-user .login-brand {
  text-align: center;
  margin-bottom: 44px;
}

body.dark-theme-user .login-brand-logo {
  margin: 0 auto 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: logoFadeIn 0.6s ease-out;
}

@keyframes logoFadeIn {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

body.dark-theme-user .login-logo-img {
  max-width: 220px;
  height: auto;
  display: block;
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.3));
  transition: transform 0.3s ease, filter 0.3s ease;
}

body.dark-theme-user .login-logo-img:hover {
  transform: scale(1.05);
  filter: drop-shadow(0 6px 20px rgba(0, 0, 0, 0.4));
}

body.dark-theme-user .login-brand-subtitle {
  font-size: 16px;
  color: #9ca3af;
  margin: 0;
  font-weight: 400;
  line-height: 1.5;
}

body.dark-theme-user .sign-in-box .left::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle at 50% 50%, rgba(139, 92, 246, 0.08) 0%, transparent 70%);
  pointer-events: none;
  animation: rotate 30s linear infinite;
}

@media (max-width: 768px) {
  body.dark-theme-user .sign-in-box .left::before {
    animation: none; /* Disable rotation animation on mobile */
    opacity: 0.5; /* Reduce opacity for better performance */
  }
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

body.dark-theme-user .sign-in-box .left .content {
  position: relative;
  z-index: 1;
  max-width: 100%;
  width: 100%;
}

body.dark-theme-user .login-logo-wrapper {
  margin-bottom: 40px;
  text-align: center;
  animation: fadeInDown 0.8s ease-out;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

body.dark-theme-user .login-logo {
  max-width: 200px;
  height: auto;
  filter: brightness(1.2) drop-shadow(0 0 20px rgba(139, 92, 246, 0.3));
  transition: transform 0.3s ease;
}

body.dark-theme-user .login-logo:hover {
  transform: scale(1.05);
}

body.dark-theme-user .login-header {
  margin-bottom: 40px;
  text-align: center;
  animation: fadeInUp 0.8s ease-out 0.2s both;
}

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

body.dark-theme-user .login-heading {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 36px;
  font-weight: 700;
  color: #ffffff !important;
  margin-bottom: 12px;
  background: linear-gradient(135deg, #ffffff 0%, #8b5cf6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

body.dark-theme-user .login-heading span {
  background: linear-gradient(135deg, #ffffff 0%, #8b5cf6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

body.dark-theme-user .login-heading-icon {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%);
  border-radius: 8px;
  animation: pulse 2s ease-in-out infinite;
}

body.dark-theme-user .login-heading-icon i {
  font-size: 20px;
  color: #ffffff;
}

body.dark-theme-user .login-subtitle {
  font-size: 16px;
  color: #a4a4a9 !important;
  font-weight: 400;
}

body.dark-theme-user .sign-in-inner {
  margin-top: 20px;
  padding: 45px 50px !important;
  border-radius: 24px !important;
  background: rgba(37, 38, 74, 0.4) !important;
  background-color: rgba(37, 38, 74, 0.4) !important;
  backdrop-filter: blur(15px);
  border: 1px solid rgba(139, 92, 246, 0.15);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4),
              inset 0 1px 0 rgba(255, 255, 255, 0.05);
  animation: fadeInUp 0.8s ease-out 0.4s both;
  position: relative;
  overflow: hidden;
  width: 100%;
}

body.dark-theme-user .sign-in-inner::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(139, 92, 246, 0.5), transparent);
  animation: shimmer 3s ease-in-out infinite;
}

@keyframes shimmer {
  0%, 100% {
    transform: translateX(-100%);
  }
  50% {
    transform: translateX(100%);
  }
}

/* Override old styles.css white background */
body.dark-theme-user .sign-in-box {
  background-color: transparent !important;
  /* background: linear-gradient(135deg, #25264a 0%, #1a1b3a 100%) !important; */
}

body.dark-theme-user .sign-in-box .left .sign-in-inner {
  background-color: rgba(37, 38, 74, 0.6) !important;
  background: rgba(37, 38, 74, 0.6) !important;
}

body.dark-theme-user .sign-in-box .left .content .sub,
body.dark-theme-user .sub.f12-regular.text-GrayDark {
  text-align: left !important;
  margin-bottom: 32px;
  color: #a4a4a9 !important;
}

/* Override old form styles */
body.dark-theme-user .sign-in-inner h4 {
  color: #ffffff !important;
  font-size: 24px;
  font-weight: 600;
}

body.dark-theme-user .sign-in-inner fieldset {
  border: none;
  padding: 0;
  margin: 0;
}

body.dark-theme-user .sign-in-inner fieldset .f14-regular {
  color: #ffffff !important;
  font-weight: 500;
}

body.dark-theme-user .sign-in-inner input.bg-Gainsboro,
body.dark-theme-user .sign-in-inner input.flex-grow,
body.dark-theme-user .sign-in-inner input.password-input {
  background: rgba(58, 59, 92, 0.5) !important;
  border: 1px solid #3a3b5c !important;
  border-radius: 12px;
  padding: 14px 16px;
  color: #ffffff !important;
  width: 100%;
}

body.dark-theme-user .sign-in-inner input.bg-Gainsboro::placeholder,
body.dark-theme-user .sign-in-inner input.flex-grow::placeholder,
body.dark-theme-user .sign-in-inner input.password-input::placeholder {
  color: #6b7280 !important;
}

body.dark-theme-user .sign-in-inner input.bg-Gainsboro:focus,
body.dark-theme-user .sign-in-inner input.flex-grow:focus,
body.dark-theme-user .sign-in-inner input.password-input:focus {
  outline: none;
  border-color: #8b5cf6 !important;
  background: rgba(58, 59, 92, 0.8) !important;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1);
}

body.dark-theme-user .sign-in-inner .show-pass {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #a4a4a9;
  cursor: pointer;
}

body.dark-theme-user .sign-in-inner fieldset.password {
  position: relative;
}

body.dark-theme-user .sign-in-inner .tf-cart-checkbox {
  display: flex;
  align-items: center;
  gap: 10px;
}

body.dark-theme-user .sign-in-inner .tf-cart-checkbox .f14-regular {
  color: #a4a4a9 !important;
}

body.dark-theme-user .sign-in-inner .tf-button.style-1 {
  background: linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%) !important;
  border: none !important;
  color: #ffffff !important;
  padding: 16px;
  border-radius: 12px;
  font-weight: 600;
  box-shadow: 0 4px 15px rgba(139, 92, 246, 0.3);
}

body.dark-theme-user .sign-in-inner .tf-button.style-1:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(139, 92, 246, 0.4);
}

body.dark-theme-user .sign-in-inner .flex.justify-between .f14-regular {
  color: #a4a4a9 !important;
}

body.dark-theme-user .sign-in-inner .flex.justify-between a.f14-regular,
body.dark-theme-user .sign-in-inner .flex.justify-between a.f14-bold {
  color: #8b5cf6 !important;
  text-decoration: none;
}

body.dark-theme-user .sign-in-inner .flex.justify-between a.f14-regular:hover,
body.dark-theme-user .sign-in-inner .flex.justify-between a.f14-bold:hover {
  color: #a78bfa !important;
}

body.dark-theme-user .sign-in-inner .f12-regular.text-Salmon {
  color: #f87171 !important;
  font-size: 12px;
  margin-top: 4px;
}

body.dark-theme-user .sign-in-inner .flex.justify-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}

body.dark-theme-user .sign-in-inner .flex.justify-between .f14-regular {
  color: #a4a4a9 !important;
}

body.dark-theme-user .sign-in-inner .flex.justify-between a.f14-regular,
body.dark-theme-user .sign-in-inner .flex.justify-between a.f14-bold {
  color: #8b5cf6 !important;
  text-decoration: none;
  transition: color 0.3s ease;
}

body.dark-theme-user .sign-in-inner .flex.justify-between a.f14-regular:hover,
body.dark-theme-user .sign-in-inner .flex.justify-between a.f14-bold:hover {
  color: #a78bfa !important;
}

body.dark-theme-user .login-form-title {
  font-size: 24px;
  font-weight: 600;
  color: #ffffff !important;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  gap: 10px;
}

body.dark-theme-user .login-form-title i {
  font-size: 24px;
  color: #8b5cf6;
}

body.dark-theme-user .login-alert {
  padding: 14px 16px;
  border-radius: 12px;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 500;
  animation: slideDown 0.3s ease-out;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

body.dark-theme-user .login-alert-success {
  background: rgba(34, 197, 94, 0.15);
  border: 1px solid rgba(34, 197, 94, 0.3);
  color: #4ade80 !important;
}

body.dark-theme-user .login-alert-success i {
  font-size: 18px;
  color: #4ade80;
}

body.dark-theme-user .login-alert-error {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
  color: #f87171 !important;
}

body.dark-theme-user .login-alert-error i {
  font-size: 18px;
  color: #f87171;
}

body.dark-theme-user .login-form {
  display: flex;
  flex-direction: column;
  gap: 26px;
}

body.dark-theme-user .login-form-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

body.dark-theme-user .login-form-label {
  font-size: 14px;
  font-weight: 600;
  color: #e5e7eb !important;
  display: block;
  margin-bottom: 10px;
  letter-spacing: 0.2px;
}

body.dark-theme-user .login-input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}

body.dark-theme-user .login-input-icon {
  position: absolute;
  left: 16px;
  font-size: 18px;
  color: #6b7280;
  z-index: 2;
  pointer-events: none;
  transition: color 0.3s ease;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

body.dark-theme-user .login-form-input:focus ~ .login-input-icon,
body.dark-theme-user .login-input-wrapper:focus-within .login-input-icon {
  color: #8b5cf6;
}

body.dark-theme-user .login-form-input {
  width: 100%;
  padding: 15px 18px 15px 50px;
  background: rgba(15, 16, 30, 0.9) !important;
  border: 1.5px solid rgba(58, 59, 92, 0.7) !important;
  border-radius: 14px;
  color: #ffffff !important;
  font-size: 15px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
  box-sizing: border-box;
}

body.dark-theme-user .login-form-input:hover {
  border-color: rgba(139, 92, 246, 0.4) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);
}

body.dark-theme-user .login-form-input.login-form-password-input {
  padding-right: 48px !important;
}

body.dark-theme-user .login-form-input::placeholder {
  color: #6b7280 !important;
  opacity: 1;
}

body.dark-theme-user .login-form-input::-webkit-input-placeholder {
  color: #6b7280 !important;
  opacity: 1;
}

body.dark-theme-user .login-form-input::-moz-placeholder {
  color: #6b7280 !important;
  opacity: 1;
}

body.dark-theme-user .login-form-input:-ms-input-placeholder {
  color: #6b7280 !important;
  opacity: 1;
}

body.dark-theme-user .login-form-input:focus {
  outline: none;
  border-color: #8b5cf6 !important;
  background: rgba(15, 16, 30, 1) !important;
  box-shadow:
    0 0 0 4px rgba(139, 92, 246, 0.15),
    0 6px 20px rgba(139, 92, 246, 0.2);
  transform: translateY(-1px);
}

body.dark-theme-user .login-form-input:focus + .login-input-icon,
body.dark-theme-user .login-form-input:focus ~ .login-input-icon {
  color: #8b5cf6;
}

body.dark-theme-user .login-form-input:focus ~ .login-input-icon {
  color: #8b5cf6;
}

body.dark-theme-user .login-form-password-toggle {
  position: absolute;
  right: 12px;
  background: transparent;
  border: none;
  color: #6b7280;
  cursor: pointer;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.3s ease;
  z-index: 10;
  border-radius: 6px;
}

body.dark-theme-user .login-form-password-toggle:hover {
  color: #8b5cf6;
  background: rgba(139, 92, 246, 0.1);
}

body.dark-theme-user .login-form-password-toggle i {
  font-size: 20px;
}

body.dark-theme-user .login-form-error {
  font-size: 12px;
  color: #f87171 !important;
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 4px;
}

body.dark-theme-user .login-form-error i {
  font-size: 14px;
}

body.dark-theme-user .login-form-options {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: -4px;
}

body.dark-theme-user .login-forgot-link {
  font-size: 14px;
  color: #8b5cf6 !important;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
  padding: 4px 8px;
  border-radius: 6px;
}

body.dark-theme-user .login-forgot-link:hover {
  color: #a78bfa !important;
  background: rgba(139, 92, 246, 0.1);
}

body.dark-theme-user .login-checkbox-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  user-select: none;
  transition: transform 0.2s ease;
}

body.dark-theme-user .login-checkbox-wrapper:hover {
  transform: translateX(2px);
}

body.dark-theme-user .login-checkbox {
  display: none;
}

body.dark-theme-user .login-checkbox-custom {
  width: 20px;
  height: 20px;
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(15, 16, 30, 0.8);
  transition: all 0.3s ease;
  flex-shrink: 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

body.dark-theme-user .login-checkbox-custom i {
  font-size: 14px;
  color: #ffffff;
  opacity: 0;
  transition: opacity 0.3s ease;
}

body.dark-theme-user .login-checkbox:checked + .login-checkbox-custom {
  background: linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%);
  border-color: #8b5cf6;
  box-shadow: 0 4px 12px rgba(139, 92, 246, 0.4);
}

body.dark-theme-user .login-checkbox:checked + .login-checkbox-custom i {
  opacity: 1;
}

body.dark-theme-user .login-checkbox-label {
  font-size: 14px;
  color: #d1d5db !important;
  font-weight: 500;
}

body.dark-theme-user .login-submit-btn {
  width: 100%;
  padding: 17px 20px;
  background: linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%) !important;
  border: none;
  border-radius: 14px;
  color: #ffffff !important;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 10px;
  box-shadow: 0 6px 24px rgba(139, 92, 246, 0.4);
  position: relative;
  overflow: hidden;
  letter-spacing: 0.3px;
}

body.dark-theme-user .login-submit-btn span {
  position: relative;
  z-index: 1;
}

body.dark-theme-user .login-submit-btn i {
  position: relative;
  z-index: 1;
  font-size: 18px;
  transition: transform 0.3s ease;
}

body.dark-theme-user .login-submit-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 32px rgba(139, 92, 246, 0.5);
}

body.dark-theme-user .login-submit-btn:hover i {
  transform: translateX(5px);
}

body.dark-theme-user .login-submit-btn:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(139, 92, 246, 0.3);
}

body.dark-theme-user .login-divider {
  margin: 36px 0 28px;
  text-align: center;
  position: relative;
}

body.dark-theme-user .login-divider::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(139, 92, 246, 0.3), transparent);
}

body.dark-theme-user .login-divider span {
  position: relative;
  background: rgba(20, 21, 40, 0.98);
  padding: 0 20px;
  color: #6b7280;
  font-size: 14px;
  font-weight: 500;
}

body.dark-theme-user .login-signup {
  text-align: center;
  font-size: 15px;
  color: #9ca3af;
  line-height: 1.6;
}

body.dark-theme-user .login-signup-link {
  color: #8b5cf6 !important;
  text-decoration: none;
  font-weight: 700;
  margin-left: 6px;
  transition: all 0.3s ease;
  padding: 2px 4px;
  border-radius: 4px;
}

body.dark-theme-user .login-signup-link:hover {
  color: #a78bfa !important;
  background: rgba(139, 92, 246, 0.1);
}

/* Register page – larger fonts */
body.dark-theme-user .register-page .login-brand-subtitle {
  font-size: 19px !important;
}

body.dark-theme-user .register-page .login-form-label {
  font-size: 17px !important;
}

body.dark-theme-user .register-page .login-form-input {
  font-size: 17px !important;
  padding: 17px 20px 17px 52px !important;
}

body.dark-theme-user .register-page .login-form-input.login-form-password-input {
  padding-right: 50px !important;
}

body.dark-theme-user .register-page .login-input-icon {
  font-size: 20px !important;
  left: 18px !important;
}

body.dark-theme-user .register-page .login-form-error {
  font-size: 14px !important;
}

body.dark-theme-user .register-page .login-form-error i {
  font-size: 16px !important;
}

body.dark-theme-user .register-page .login-submit-btn {
  font-size: 18px !important;
  padding: 19px 22px !important;
}

body.dark-theme-user .register-page .login-submit-btn i {
  font-size: 20px !important;
}

body.dark-theme-user .register-page .login-divider span {
  font-size: 16px !important;
}

body.dark-theme-user .register-page .login-signup {
  font-size: 17px !important;
}

body.dark-theme-user .register-page .login-signup-link {
  font-size: 17px !important;
}

body.dark-theme-user .register-page .login-alert {
  font-size: 15px !important;
}

body.dark-theme-user .register-page .login-alert i {
  font-size: 20px !important;
}

/* Login page – larger fonts */
body.dark-theme-user .login-page .login-brand-subtitle {
  font-size: 19px !important;
}

body.dark-theme-user .login-page .login-form-label {
  font-size: 17px !important;
}

body.dark-theme-user .login-page .login-form-input {
  font-size: 17px !important;
  padding: 17px 20px 17px 52px !important;
}

body.dark-theme-user .login-page .login-form-input.login-form-password-input {
  padding-right: 50px !important;
}

body.dark-theme-user .login-page .login-input-icon {
  font-size: 20px !important;
  left: 18px !important;
}

body.dark-theme-user .login-page .login-form-error {
  font-size: 14px !important;
}

body.dark-theme-user .login-page .login-form-error i {
  font-size: 16px !important;
}

body.dark-theme-user .login-page .login-checkbox-label {
  font-size: 16px !important;
}

body.dark-theme-user .login-page .login-forgot-link {
  font-size: 16px !important;
}

body.dark-theme-user .login-page .login-submit-btn {
  font-size: 18px !important;
  padding: 19px 22px !important;
}

body.dark-theme-user .login-page .login-submit-btn i {
  font-size: 20px !important;
}

body.dark-theme-user .login-page .login-divider span {
  font-size: 16px !important;
}

body.dark-theme-user .login-page .login-signup {
  font-size: 17px !important;
}

body.dark-theme-user .login-page .login-signup-link {
  font-size: 17px !important;
}

body.dark-theme-user .login-page .login-alert {
  font-size: 15px !important;
}

body.dark-theme-user .login-page .login-alert i {
  font-size: 20px !important;
}

body.dark-theme-user .login-footer-link {
  font-size: 14px;
  color: #8b5cf6 !important;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.3s ease;
  padding: 8px 12px;
  border-radius: 8px;
  margin: 0 auto;
}

body.dark-theme-user .login-footer-link:hover {
  color: #a78bfa !important;
  background: rgba(139, 92, 246, 0.1);
  transform: translateY(-1px);
}

body.dark-theme-user .login-footer-link:hover {
  color: #a78bfa !important;
}

body.dark-theme-user .login-footer-link i {
  font-size: 16px;
}

body.dark-theme-user .login-footer-text {
  font-size: 14px;
  color: #a4a4a9 !important;
  margin-top: 4px;
}

body.dark-theme-user .login-footer-link-bold {
  color: #8b5cf6 !important;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  padding: 2px 4px;
  border-radius: 4px;
}

body.dark-theme-user .login-footer-link-bold:hover {
  color: #a78bfa !important;
  background: rgba(139, 92, 246, 0.1);
}

/* Responsive */
@media (max-width: 768px) {
  body.dark-theme-user .sign-in-wrap {
    padding: 20px 16px;
    min-height: 100vh;
    min-height: -webkit-fill-available;
    align-items: flex-start;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  body.dark-theme-user .sign-in-box {
    max-width: 100%;
  }

  body.dark-theme-user .login-container {
    padding: 44px 36px;
    border-radius: 24px;
  }

  body.dark-theme-user .login-brand {
    margin-bottom: 32px;
  }

  body.dark-theme-user .login-logo-img {
    max-width: 180px;
  }

  body.dark-theme-user .login-brand-subtitle {
    font-size: 14px;
  }

  body.dark-theme-user .login-form {
    gap: 20px;
  }

  body.dark-theme-user .login-form-input {
    padding: 14px 16px 14px 48px;
    font-size: 16px;
    -webkit-appearance: none;
    appearance: none;
  }

  body.dark-theme-user .login-input-icon {
    left: 14px;
    font-size: 17px;
    width: 18px;
    height: 18px;
  }

  body.dark-theme-user .login-form-input.login-form-password-input {
    padding-right: 46px !important;
  }

  body.dark-theme-user .login-form-password-toggle {
    right: 10px;
  }

  body.dark-theme-user .login-form-password-toggle {
    right: 10px;
    padding: 8px;
  }

  body.dark-theme-user .login-form-password-toggle i {
    font-size: 18px;
  }

  body.dark-theme-user .login-form-options {
    flex-wrap: wrap;
    gap: 12px;
  }

  body.dark-theme-user .login-submit-btn {
    padding: 15px;
    font-size: 16px;
  }

  body.dark-theme-user .login-divider {
    margin: 28px 0 20px;
  }
}

@media (max-width: 576px) {
  body.dark-theme-user .sign-in-wrap {
    padding: 15px 12px;
    padding-top: 20px;
    padding-bottom: 20px;
    min-height: 100vh;
    min-height: -webkit-fill-available; /* iOS fix */
  }

  body.dark-theme-user .sign-in-box {
    max-width: 100%;
    border-radius: 18px;
  }

  body.dark-theme-user .sign-in-box .left {
    padding: 35px 24px;
  }

  body.dark-theme-user .login-logo-wrapper {
    margin-bottom: 24px;
  }

  body.dark-theme-user .login-logo {
    max-width: 120px;
  }

  body.dark-theme-user .login-header {
    margin-bottom: 24px;
  }

  body.dark-theme-user .login-heading {
    font-size: 24px;
    gap: 10px;
  }

  body.dark-theme-user .login-heading-icon {
    width: 28px;
    height: 28px;
  }

  body.dark-theme-user .login-heading-icon i {
    font-size: 18px;
  }

  body.dark-theme-user .login-subtitle {
    font-size: 14px;
  }

  body.dark-theme-user .sign-in-inner {
    padding: 28px 20px !important;
    border-radius: 18px !important;
  }

  body.dark-theme-user .login-form-title {
    font-size: 18px;
    margin-bottom: 20px;
  }

  body.dark-theme-user .login-form-title i {
    font-size: 18px;
  }

  body.dark-theme-user .login-alert {
    padding: 12px 14px;
    font-size: 13px;
    margin-bottom: 18px;
  }

  body.dark-theme-user .login-form {
    gap: 16px;
  }

  body.dark-theme-user .login-form-group {
    gap: 8px;
  }

  body.dark-theme-user .login-form-label {
    font-size: 13px;
    gap: 6px;
  }

  body.dark-theme-user .login-form-label i {
    font-size: 15px;
  }

  body.dark-theme-user .login-form-input {
    padding: 13px 14px 13px 46px;
    font-size: 16px; /* Prevents zoom on iOS */
    border-radius: 10px;
    -webkit-appearance: none; /* Remove iOS default styling */
    appearance: none;
  }

  body.dark-theme-user .login-input-icon {
    left: 12px;
    font-size: 16px;
    width: 18px;
    height: 18px;
  }

  body.dark-theme-user .login-form-input.login-form-password-input {
    padding-right: 46px !important;
  }

}