:root {
  --bs-body-bg: #0b1220;
  --bs-body-color: #e9ecef;
  
  /* Primary Green */
  --bs-primary: #00d26a; /* Neon Green */
  --bs-primary-rgb: 0, 210, 106;
  
  /* Card Styling (Minimal + Purple Hint) */
  --bs-card-bg: #151a24;
  --bs-card-border: 1px solid rgba(139, 92, 246, 0.15); /* Subtle Purple Border */
  --bs-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --bs-card-overlay: linear-gradient(145deg, rgba(21, 26, 36, 1) 0%, rgba(20, 24, 34, 1) 100%);

  /* Navigation */
  --bs-sidebar-bg: #0b1220;
  --bs-sidebar-active: rgba(0, 210, 106, 0.1);
  --bs-sidebar-active-border: #00d26a;

  /* Typography */
  --bs-font-sans-serif: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

body {
  background-color: var(--bs-body-bg);
  color: var(--bs-body-color);
  font-family: var(--bs-font-sans-serif);
}

/* Card Overrides for Minimal Aesthetic */
.card {
  background: var(--bs-card-bg);
  border: var(--bs-card-border);
  box-shadow: var(--bs-card-shadow);
  border-radius: 12px;
  /* Subtle gradient background */
  background-image: radial-gradient(circle at top right, rgba(139, 92, 246, 0.03), transparent 40%);
}

.card-header {
  background: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  padding: 1.25rem 1.5rem;
}

.card-title {
  color: #fff;
  font-weight: 600;
  font-size: 1.1rem;
  margin-bottom: 0;
}

/* Stats Card Specifics */
.stats-card {
  transition: transform 0.2s;
}
.stats-card:hover {
  transform: translateY(-2px);
  border-color: rgba(0, 210, 106, 0.3);
}

.stats-icon-wrapper {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.05);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.text-success-bright {
  color: #00d26a !important;
}

/* Topbar Search Pill */
.search-pill .form-control {
  background-color: #1a202c; /* Slightly lighter than bg */
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50px;
  color: #fff;
  padding-left: 40px; 
}
.search-pill .form-control:focus {
  background-color: #1a202c;
  border-color: var(--bs-primary);
  box-shadow: none;
}

/* Sidebar Tweaks */
.left-sidenav {
  background-color: var(--bs-sidebar-bg);
  border-right: 1px solid rgba(255, 255, 255, 0.05);
}

.metismenu .nav-item .nav-link {
  color: #94a3b8;
}

.metismenu .nav-item .nav-link:hover, 
.metismenu .nav-item .nav-link.active {
  color: #fff;
  background-color: transparent;
}

.metismenu .nav-item .nav-link.active i {
   color: var(--bs-primary);
}

/* ApexCharts Dark Theme Overrides */
.apexcharts-tooltip {
  background: #1e293b !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #fff;
}
.apexcharts-tooltip-title {
  background: #0f172a !important; 
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
