body {
  font-family: 'Jost', sans-serif;
  background: #f4f6fa;
  transition: background 0.3s, color 0.3s;
}

.ttb-client-header {
  background: #2196f3;
  color: #fff;
}

.ttb-client-sidebar {
  width: 250px;
  min-height: 100vh;
  background: #ffffff;
  padding: 1rem;
  border-right: 1px solid #ddd;
}

.ttb-client-sidebar .nav-link {
  color: #000;
  font-weight: 500;
  padding: 8px 12px;
}
.ttb-client-sidebar .nav-link:hover,
.ttb-client-sidebar .nav-link:focus {
  background: #f0f0f0;
  border-radius: 6px;
}

.ttb-client-footer {
  background: #2196f3;
  color: #fff;
}

.dark-mode {
  background: #121212;
  color: #e0e0e0;
}
.dark-mode .ttb-client-header,
.dark-mode .ttb-client-footer {
  background: #0d47a1;
}
.dark-mode .ttb-client-sidebar {
  background: #1e1e1e;
}
.dark-mode .ttb-client-sidebar .nav-link {
  color: #e0e0e0;
}
.ttb-login-bg {
  background: linear-gradient(to right, #ffffffd5, #e3f2fd), url('../assets/img/growth-bg-shap.png');
  background-size: cover;
  background-position: center;
}
body.ttb-signup-body {
  background: #0f1625;
  color: #fff;
  font-family: 'Jost', sans-serif;
}
.ttb-signup-card {
  max-width: 500px;
  background: #1a1e27;
  margin: auto;
  border-radius: 16px;
  box-shadow: 0 0 25px rgba(0,0,0,0.5);
  padding: 2rem;
}
.ttb-signup-card input, .ttb-signup-card select, .ttb-signup-card textarea {
  background: #252b36;
  color: #fff;
  border: 1px solid #444;
  border-radius: 10px;
}
.ttb-signup-card input:focus {
  border-color: #2196f3;
  box-shadow: 0 0 5px #2196f3;
}
.ttb-signup-logo {
  width: 180px;
  margin: 0 auto 1rem;
  display: block;
}
.ttb-dashboard-main h3 {
  font-weight: 700;
  font-style: italic;
}

.ttb-card {
  border-radius: 12px;
  background: #1a1e27 !important;
}

.ttb-card h6 {
  font-weight: 600;
  font-size: 16px;
}

.ttb-card h3 {
  font-weight: 800;
}
.ttb-client-sidebar {
  width: 240px;
  min-height: 100vh;
  background: #1a1e27;
  padding: 1rem;
  color: #fff;
}

.ttb-dashboard-main {
  background: #0f1625;
  min-height: 100vh;
  color: #fff;
}
/* Default light mode */
body {
  background: #f5f8ff;
  color: #111;
}

.ttb-client-sidebar {
  background: #fff;
  color: #111;
}

.dark-mode {
  background: #0f1625 !important;
  color: #fff !important;
}

.dark-mode .ttb-client-sidebar {
  background: #1a1e27;
  color: #fff;
}

.dark-mode .card {
  background: #2a2d39;
  color: #fff;
}
/* Default light mode */
.ttb-dashboard-main {
  background: #f5f8ff;
  color: #111;
}

/* Override when dark mode is toggled */
body.dark-mode .ttb-dashboard-main {
  background: #0f1625;
  color: #fff;
}
/* Default (light mode) */
.ttb-table {
  background-color: #fff;
  color: #000;
}

body.dark-mode .ttb-table {
  background-color: #1a1e27;
  color: #fff;
}

body.dark-mode .ttb-table td,
body.dark-mode .ttb-table th {
  border-color: #333;
}
.ttb-dashboard-wrapper {
  display: flex;
  flex-wrap: nowrap;
  width: 90%;
  overflow-x: hidden;
}

.ttb-dashboard-main {
  flex-grow: 1;
  max-width: 90%;
  overflow-x: auto;
}
.ttb-client-sidebar {
  width: 250px;
  min-width: 250px;
  max-width: 250px;
  background: #1c1f26;
  height: 100vh;
  overflow-y: auto;
  flex-shrink: 0;
}
/* Sidebar Base */
.ttb-client-sidebar {
  width: 250px;
  height: 100vh;
  overflow-y: auto;
  padding: 20px 0;
  background-color: var(--sidebar-bg);
  transition: background-color 0.3s ease;
}

/* Text Colors */
.ttb-client-sidebar .nav-link {
  color: var(--sidebar-text);
}

.ttb-client-sidebar .nav-link:hover {
  background-color: var(--sidebar-hover);
  color: var(--sidebar-hover-text);
}

/* Light Mode Defaults */
:root {
  --sidebar-bg: #ffffff;
  --sidebar-text: #212529;
  --sidebar-hover: #f0f0f0;
  --sidebar-hover-text: #000000;
}

/* Dark Mode */
[data-theme='dark'] {
  --sidebar-bg: #1c1c1c;
  --sidebar-text: #e0e0e0;
  --sidebar-hover: #333;
  --sidebar-hover-text: #ffffff;
}