/* =========================
   DARK MODE
========================= */

body.dark-mode {
  background: #020b18;
  color: #f4f8ff;
}

body.dark-mode .login-screen {
  background:
    linear-gradient(135deg, rgba(2, 9, 22, 0), rgba(6, 21, 42, .76)),
    url("../assets/images/hero_3.png") center / cover;
}

body.dark-mode .login-card {
  background: rgba(3, 13, 28, .94);
  border: 1px solid rgba(91, 153, 255, .2);
  box-shadow: 0 22px 58px rgba(0, 0, 0, .42);
}

body.dark-mode .login-brand {
  border-bottom: 1px solid rgba(91, 153, 255, .16);
}

body.dark-mode .login-brand h1,
body.dark-mode .login-fields label {
  color: #eef6ff;
}

body.dark-mode .login-brand h1 span,
body.dark-mode .login-brand .brand-icon {
  color: #1688ff;
}

body.dark-mode .login-brand p {
  color: #9fb1c7;
}

body.dark-mode .login-fields input {
  background: rgba(6, 21, 42, .9);
  border: 1px solid rgba(91, 153, 255, .22);
  color: #eef6ff;
}

body.dark-mode .login-fields input:focus {
  border-color: #1688ff;
  box-shadow: 0 0 0 3px rgba(22, 136, 255, .16);
}

body.dark-mode .navbar {
  background: rgba(2, 10, 24, 0.95);
  border-bottom: 1px solid rgba(59,145,255,.14);
}

body.dark-mode .logo {
  color: #2f96ff;
}

body.dark-mode .logo span {
  color: white;
}

body.dark-mode nav a {
  color: white;
}

body.dark-mode nav a.active,
body.dark-mode nav a:hover {
  color: #2295ff;
  border-bottom-color: #2295ff;
}

body.dark-mode .switch-track {
  background: linear-gradient(180deg, #0d2340, #081423);
  border: 1px solid rgba(92, 160, 255, 0.22);
}

body.dark-mode .switch-thumb {
  transform: translateX(0);
  background: linear-gradient(180deg, #ffffff, #dbe8ff);
}

body.dark-mode .sun {
  opacity: 0;
  transform: translateY(10px);
}

body.dark-mode .moon {
  opacity: 1;
  transform: translateY(0);
}

body.dark-mode .hero {
  background-image:
    linear-gradient(
      90deg,
      rgba(2,9,22,.96),
      rgba(2,9,22,.58),
      rgba(2,9,22,.14)
    ),
    url("../assets/images/hero_3.png");

  background-color: #020b18;
}

body.dark-mode #rotating-headline {
  color: #ffffff;
}

body.dark-mode .fixed-line {
  color: #238cff;
}

body.dark-mode .hero p {
  color: #d6e4f7;
}

body.dark-mode .btn.primary {
  background: #1688ff;
  color: white;
  box-shadow: 0 0 28px rgba(22, 136, 255, 0.35);
}

body.dark-mode .btn.secondary {
  color: white;
  border: 1px solid rgba(121, 174, 255, 0.32);
  background: rgba(3, 17, 38, 0.56);
}

body.dark-mode .panel {
  background: linear-gradient(180deg, #031121, #020a15);
  border-right: 1px solid rgba(59, 145, 255, 0.13);
}

body.dark-mode .section-title a,
body.dark-mode .small-link,
body.dark-mode .project-card a {
  color: #1e9bff;
}

body.dark-mode .paper {
  border-top: 1px solid rgba(120, 175, 255, 0.13);
}

body.dark-mode .paper p {
  color: #1e9bff;
}

body.dark-mode .paper span {
  color: #9fb1c7;
}

body.dark-mode .recent-publications-message {
  border-top: 1px solid rgba(120, 175, 255, 0.13);
  color: #9fb1c7;
}

body.dark-mode .project-card {
  background: linear-gradient(180deg, rgba(13, 35, 65, 0.9), rgba(5, 18, 36, 0.9));
  border: 1px solid rgba(74, 146, 255, 0.13);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
}

body.dark-mode .icon {
  background: rgba(22, 136, 255, 0.13);
  color: #238cff;
}

body.dark-mode .project-card p {
  color: #c2d0e2;
}

/* =========================
   RESPONSIVE
========================= */

@media (max-width: 950px) {
  .navbar {
    height: auto;
    padding: 24px;
    flex-direction: column;
    gap: 18px;
  }

  nav {
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
    margin: 0;
  }

  .hero {
    padding-top: 150px;
  }

  .hero-content {
    margin: 40px 28px;
  }

  .content-grid,
  .project-grid {
    grid-template-columns: 1fr;
  }
}



/* ########################### ABOUT ## */
body.dark-mode {
  background: #020b18;
  color: #f4f8ff;
}

body.dark-mode .navbar {
  background: rgba(2, 10, 24, 0.95);
  border-bottom: 1px solid rgba(59, 145, 255, 0.14);
}

body.dark-mode .logo {
  color: #2f96ff;
}

body.dark-mode .logo span {
  color: #fff;
}

body.dark-mode nav a {
  color: #fff;
}

body.dark-mode nav a.active,
body.dark-mode nav a:hover {
  color: #2295ff;
  border-bottom-color: #2295ff;
}

body.dark-mode .hero {
  background-image:
    linear-gradient(
      90deg,
      rgba(2,9,22,.96),
      rgba(2,9,22,.58),
      rgba(2,9,22,.14)
    ),
    url("../assets/images/hero_3.png");

  background-color: #020b18;
}

body.dark-mode .hero-text h1 span,
body.dark-mode .accent-line,
body.dark-mode .mission h2::first-letter,
body.dark-mode .research h2::first-letter,
body.dark-mode .numbers h2::first-letter,
body.dark-mode .number-grid strong,
body.dark-mode .icon,
body.dark-mode blockquote::first-letter,
body.dark-mode blockquote span {
  color: #2295ff;
}

body.dark-mode .accent-line {
  background: #2295ff;
}

body.dark-mode .hero-text p {
  color: #c9d5e7;
}

body.dark-mode .panel,
body.dark-mode .bottom-strip {
  background: linear-gradient(180deg, rgba(8,25,50,.82), rgba(3,14,31,.92));
  border: 1px solid rgba(91,153,255,.16);
}

body.dark-mode .panel h2,
body.dark-mode .mission h2,
body.dark-mode .research h3,
body.dark-mode .number-grid span,
body.dark-mode blockquote,
body.dark-mode .values h2 {
  color: #f4f8ff;
}

body.dark-mode .mission p {
  color: #c0ccdc;
}

body.dark-mode hr,
body.dark-mode .number-grid div,
body.dark-mode .research-grid > div,
body.dark-mode blockquote {
  border-color: rgba(91,153,255,.16);
}

body.dark-mode .number-grid p {
  color: #aebbd0;
}

body.dark-mode .research p {
  color: #b4c0d2;
}

body.dark-mode .values p {
  color: #c6d0df;
}

@media (max-width: 1100px) {
  body.dark-mode blockquote {
    border-bottom-color: rgba(91,153,255,.16);
  }
}

@media (max-width: 760px) {
  body.dark-mode .number-grid div,
  body.dark-mode .research-grid > div {
    border-bottom-color: rgba(91,153,255,.16);
  }
}

/* ########################## ADMIN ######### */
body.dark-mode {
  background: #020b18;
  color: #f4f8ff;
}

body.dark-mode .sidebar {
  background: linear-gradient(180deg, #031326, #020b18);
  border-right: 1px solid rgba(91,153,255,.16);
}

body.dark-mode .brand {
  border-bottom: 1px solid rgba(91,153,255,.16);
}

body.dark-mode .brand-icon,
body.dark-mode .brand h1 span {
  color: #1688ff;
}

body.dark-mode .brand p {
  color: #9fb1c7;
}

body.dark-mode .side-nav p {
  color: #7f8ca2;
}

body.dark-mode .side-nav a,
body.dark-mode .sidebar-bottom a {
  color: #d9e6f8;
}

body.dark-mode .side-nav a.active,
body.dark-mode .side-nav a:hover {
  background: linear-gradient(90deg, #147fff, #0b3e85);
  color: white;
}

body.dark-mode .sidebar-bottom {
  border-top: 1px solid rgba(91,153,255,.16);
}

body.dark-mode .logout {
  color: #ff5f5f !important;
}

body.dark-mode .topbar {
  background: rgba(3, 13, 28, .92);
  border-bottom: 1px solid rgba(91,153,255,.14);
}

body.dark-mode .menu {
  color: white;
}

body.dark-mode .search {
  background: rgba(6, 21, 42, .9);
  border: 1px solid rgba(91,153,255,.18);
}

body.dark-mode .search input,
body.dark-mode .table-search input {
  color: white;
}

body.dark-mode .admin-publications-message {
  color: #9fb1c7;
}

body.dark-mode .admin-publication-card {
  border-bottom: 1px solid rgba(91,153,255,.14);
}

body.dark-mode .admin-publication-meta,
body.dark-mode .admin-publication-details h3 {
  color: #f4f8ff;
}

body.dark-mode .admin-publication-details .journal {
  color: #1f9bff;
}

body.dark-mode .admin-publication-details .authors {
  color: #9eacc0;
}

body.dark-mode .admin-publication-image {
  background: rgba(4, 16, 35, 0.9);
  border: 1px solid rgba(91, 153, 255, 0.18);
}

body.dark-mode .admin-publication-image::after {
  background: rgba(4, 16, 35, 0.38);
}

body.dark-mode .admin-publication-controls {
  border-top: 1px solid rgba(91,153,255,.14);
}

body.dark-mode .admin-team-card,
body.dark-mode .admin-user-card {
  background: rgba(4, 16, 35, 0.55);
  border: 1px solid rgba(91,153,255,.14);
}

body.dark-mode .admin-team-main img {
  border: 1px solid rgba(255,255,255,.18);
}

body.dark-mode .admin-team-main h3 {
  color: #f4f8ff;
}

body.dark-mode .admin-user-main h3 {
  color: #f4f8ff;
}

body.dark-mode .admin-user-meta {
  background: rgba(22,136,255,.18);
  color: #1f9bff;
}

body.dark-mode .admin-team-title {
  background: rgba(22,136,255,.22);
  color: #1f9bff;
}

body.dark-mode .admin-team-label {
  color: #1f9bff;
}

body.dark-mode .admin-team-discipline {
  color: #aebbd0;
}

body.dark-mode .admin-team-controls,
body.dark-mode .admin-user-controls {
  border-top: 1px solid rgba(91,153,255,.14);
}

body.dark-mode .edit-btn {
  color: #4da3ff;
}

body.dark-mode .delete-btn {
  color: #ff6b6b;
}

body.dark-mode .edit-btn:hover {
  background: rgba(77,163,255,.12);
  border-color: rgba(77,163,255,.3);
}

body.dark-mode .delete-btn:hover {
  background: rgba(255,107,107,.12);
  border-color: rgba(255,107,107,.34);
}

body.dark-mode .danger-icon {
  background: rgba(255, 95, 95, .12);
  color: #ff6b6b;
}

body.dark-mode .danger-button {
  background: #b93d3d;
}

body.dark-mode .search span {
  color: #8fa1b8;
}

body.dark-mode .bell {
  color: #dce8f8;
}

body.dark-mode .avatar {
  background: #1688ff;
}

body.dark-mode .admin-identity.is-admin #adminDisplayName {
  color: #ff6b6b;
}

body.dark-mode .admin-badge {
  background: rgba(255, 95, 95, .12);
  border: 1px solid rgba(255, 95, 95, .28);
  color: #ff6b6b;
}

body.dark-mode .publication-image-preview {
  background: rgba(4, 16, 35, 0.9);
  border: 1px solid rgba(91, 153, 255, 0.18);
  color: #9fb1c7;
}

body.dark-mode .user p {
  color: #9fb1c7;
}

body.dark-mode .page-header p {
  color: #a7b4c7;
}

/* body.dark-mode .tabs {
  border-bottom: 1px solid rgba(91,153,255,.16);
} */

body.dark-mode .tabs button {
  color: #b8c5d8;
}

body.dark-mode .tabs button.active {
  color: #1688ff;
  border-bottom-color: #1688ff;
}

body.dark-mode .stat-card,
body.dark-mode .panel,
body.dark-mode .table-card {
  background: linear-gradient(180deg, rgba(8,25,50,.86), rgba(3,14,31,.92));
  border: 1px solid rgba(91,153,255,.16);
}

body.dark-mode .blue {
  background: rgba(22,136,255,.2);
  color: #1688ff;
}

body.dark-mode .green {
  background: rgba(26,202,112,.18);
  color: #1aca70;
}

body.dark-mode .yellow {
  background: rgba(255,190,48,.18);
  color: #ffbe30;
}

body.dark-mode .purple {
  background: rgba(120,80,255,.22);
  color: #a385ff;
}

body.dark-mode .stat-card p {
  color: #c3cede;
}

body.dark-mode .stat-card span {
  color: #8fa1b8;
}

body.dark-mode .primary {
  background: #1688ff;
  color: white;
}

body.dark-mode .secondary,
body.dark-mode .full-btn {
  background: rgba(8,25,50,.9);
  border: 1px solid rgba(91,153,255,.2);
  color: white;
}

body.dark-mode .table-search {
  border: 1px solid rgba(91,153,255,.18);
  background: rgba(3,14,31,.86);
}

body.dark-mode th,
body.dark-mode td {
  border-bottom: 1px solid rgba(91,153,255,.12);
}

body.dark-mode th {
  color: #b6c3d5;
}

body.dark-mode .empty-row td {
  color: #8fa1b8;
}

body.dark-mode .table-footer {
  color: #a7b4c7;
}

body.dark-mode .pagination button {
  border: 1px solid rgba(91,153,255,.18);
  color: white;
}

body.dark-mode .pagination .active {
  background: rgba(22,136,255,.25);
  color: #1688ff;
}

body.dark-mode .panel a {
  color: #1688ff;
}

body.dark-mode .automation-status {
  border: 1px solid rgba(91,153,255,.14);
}

body.dark-mode .automation-status p {
  color: #8fa1b8;
}

body.dark-mode .active-status {
  color: #1aca70;
  background: rgba(26,202,112,.15);
}

body.dark-mode .automation-list li {
  color: #aab8ca;
  border-bottom: 1px solid rgba(91,153,255,.1);
}

body.dark-mode .empty-imports {
  color: #8fa1b8;
  border: 1px dashed rgba(91,153,255,.22);
}

body.dark-mode .quick-actions button {
  border: 1px solid rgba(91,153,255,.16);
  background: rgba(8,25,50,.72);
  color: white;
}

body.dark-mode .status.published {
  background: rgba(20, 160, 90, 0.18);
  color: #27d17f;
}


/* ########################## CONTACT ######### */
body.dark-mode {
  background: #020b18;
  color: #f4f8ff;
}

body.dark-mode .navbar {
  background: rgba(2, 10, 24, 0.95);
  border-bottom: 1px solid rgba(59,145,255,.14);
}

body.dark-mode .logo {
  color: #2f96ff;
}

body.dark-mode .logo span {
  color: white;
}

body.dark-mode nav a {
  color: white;
}

body.dark-mode nav a.active,
body.dark-mode nav a:hover {
  color: #2295ff;
  border-bottom-color: #2295ff;
}

body.dark-mode .hero {
  background-image:
    linear-gradient(
      90deg,
      rgba(2,9,22,.96),
      rgba(2,9,22,.58),
      rgba(2,9,22,.14)
    ),
    url("../assets/images/hero_3.png");

  background-color: #020b18;
}

body.dark-mode .hero-text h1 span,
body.dark-mode .panel h2::first-letter,
body.dark-mode .icon,
body.dark-mode .building {
  color: #2295ff;
}

body.dark-mode .accent-line {
  background: #2295ff;
}

body.dark-mode .hero-text p {
  color: #c9d5e7;
}

body.dark-mode .panel {
  background: linear-gradient(180deg, rgba(8,25,50,.84), rgba(3,14,31,.94));
  border: 1px solid rgba(91,153,255,.16);
}

body.dark-mode .info-block {
  border-bottom: 1px solid rgba(91,153,255,.16);
}

body.dark-mode .info-block h3,
body.dark-mode .address h3 {
  color: #f4f8ff;
}

body.dark-mode .info-block a,
body.dark-mode .info-block p {
  color: #1f9bff;
}

body.dark-mode .socials a {
  border: 1px solid rgba(91,153,255,.3);
  background: rgba(22,136,255,.08);
  color: #1f9bff;
}

body.dark-mode label {
  color: #d8e1ee;
}

body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select {
  background: rgba(3, 13, 28, 0.92);
  border: 1px solid rgba(91,153,255,.22);
  color: white;
}

body.dark-mode input:focus,
body.dark-mode textarea:focus,
body.dark-mode select:focus {
  border-color: #2295ff;
  box-shadow: 0 0 0 3px rgba(34,149,255,.12);
}

body.dark-mode .contact-submit {
  background: #1688ff;
  color: white;
  box-shadow: 0 0 28px rgba(22,136,255,.28);
}

body.dark-mode .map {
  border: 1px solid rgba(255,255,255,0.08);
  background: #111;
}



/* ########################## PROJECTS ######### */
body.dark-mode {
  background: #020b18;
  color: #f4f8ff;
}

body.dark-mode .navbar {
  background: rgba(2, 10, 24, 0.95);
  border-bottom: 1px solid rgba(59,145,255,.14);
}

body.dark-mode .logo {
  color: #2f96ff;
}

body.dark-mode .logo span {
  color: #fff;
}

body.dark-mode nav a {
  color: white;
}

body.dark-mode nav a.active,
body.dark-mode nav a:hover {
  color: #2295ff;
  border-bottom-color: #2295ff;
}

body.dark-mode .hero {
  background-image:
    linear-gradient(
      90deg,
      rgba(2,9,22,.96),
      rgba(2,9,22,.58),
      rgba(2,9,22,.14)
    ),
    url("../assets/images/hero_3.png");

  background-color: #020b18;
}

body.dark-mode .hero-text p {
  color: #c9d5e7;
}

body.dark-mode .filters {
  background: linear-gradient(180deg, rgba(8,24,47,.85), rgba(3,13,28,.95));
  border: 1px solid rgba(91,153,255,.16);
}

body.dark-mode .filters h2,
body.dark-mode .filter-group h3,
body.dark-mode .project-card h3 {
  color: #f4f8ff;
}

body.dark-mode .filter-group {
  border-top: 1px solid rgba(120,175,255,.14);
}

body.dark-mode .filter-group h3 span {
  color: #2295ff;
}

body.dark-mode label {
  color: #b9c5d7;
}

body.dark-mode input {
  accent-color: #1688ff;
}

body.dark-mode .results-top {
  color: #c6d0df;
}

body.dark-mode .sort button {
  background: rgba(4,16,35,.9);
  border: 1px solid rgba(91,153,255,.18);
  color: #dce8f8;
}

body.dark-mode .project-card {
  background: linear-gradient(180deg, rgba(8,25,50,.86), rgba(3,14,31,.9));
  border: 1px solid rgba(91,153,255,.15);
}

body.dark-mode .icon {
  background: rgba(22,136,255,.13);
  color: #1f9bff;
}

body.dark-mode .ongoing {
  background: rgba(22,136,255,.18);
  color: #1f9bff;
}

body.dark-mode .completed {
  background: rgba(23,180,109,.18);
  color: #4be08c;
}

body.dark-mode .upcoming {
  background: rgba(113,80,255,.25);
  color: #b39cff;
}

body.dark-mode .project-card p {
  color: #b7c3d4;
}

body.dark-mode .meta {
  color: #95a4b9;
}

body.dark-mode .pagination button {
  color: #c8d5e6;
}

body.dark-mode .pagination .current,
body.dark-mode .pagination button:hover {
  background: rgba(22,136,255,.22);
  color: #1f9bff;
}



/* ########################## PUBLICATIONS ######### */
body.dark-mode {
  background: #020b18;
  color: #f4f8ff;
}

body.dark-mode .navbar {
  background: rgba(2, 10, 24, 0.95);
  border-bottom: 1px solid rgba(59, 145, 255, 0.14);
}

body.dark-mode .logo {
  color: #2f96ff;
}

body.dark-mode .logo span {
  color: white;
}

body.dark-mode nav a {
  color: #fff;
}

body.dark-mode nav a.active,
body.dark-mode nav a:hover {
  color: #2295ff;
  border-bottom-color: #2295ff;
}

body.dark-mode .hero {
  background-image:
    linear-gradient(
      90deg,
      rgba(2,9,22,.96),
      rgba(2,9,22,.58),
      rgba(2,9,22,.14)
    ),
    url("../assets/images/hero_3.png");

  background-color: #020b18;
}

body.dark-mode .hero-text p {
  color: #c9d5e7;
}

body.dark-mode .filters {
  background: linear-gradient(180deg, rgba(8, 24, 47, 0.85), rgba(3, 13, 28, 0.95));
  border: 1px solid rgba(91, 153, 255, 0.16);
}

body.dark-mode .filters h2,
body.dark-mode .filter-group h3,
body.dark-mode .publication-card h3,
body.dark-mode .publication-meta {
  color: #f4f8ff;
}

body.dark-mode .filter-group {
  border-top: 1px solid rgba(120, 175, 255, 0.14);
}

body.dark-mode .filter-group h3 span {
  color: #2295ff;
}

body.dark-mode label {
  color: #b9c5d7;
}

body.dark-mode input {
  accent-color: #1688ff;
}

body.dark-mode .results-top {
  color: #c6d0df;
}

body.dark-mode .sort button {
  background: rgba(4, 16, 35, 0.9);
  border: 1px solid rgba(91, 153, 255, 0.18);
  color: #dce8f8;
}

body.dark-mode .publication-card {
  background: linear-gradient(180deg, rgba(8, 25, 50, 0.8), rgba(3, 14, 31, 0.86));
  border: 1px solid rgba(91, 153, 255, 0.15);
}

body.dark-mode .publications-message {
  background: linear-gradient(180deg, rgba(8, 25, 50, 0.8), rgba(3, 14, 31, 0.86));
  border: 1px solid rgba(91, 153, 255, 0.15);
  color: #c6d0df;
}

body.dark-mode .publications-message-loading {
  color: #1f9bff;
}

body.dark-mode .journal {
  color: #1f9bff;
}

body.dark-mode .authors {
  color: #9eacc0;
}

body.dark-mode time {
  color: #aeb9c9;
}

body.dark-mode .publication-image {
  background: rgba(4, 16, 35, 0.9);
  border: 1px solid rgba(91, 153, 255, 0.18);
}

body.dark-mode .publication-image::after {
  background: rgba(4, 16, 35, 0.38);
}

body.dark-mode .pagination button {
  color: #c8d5e6;
}

body.dark-mode .pagination .current,
body.dark-mode .pagination button:not(:disabled):hover {
  background: rgba(22, 136, 255, 0.18);
  color: #1f9bff;
}



/* ########################## TEAM ######### */
body.dark-mode {
  background: #020b18;
  color: #f4f8ff;
}

body.dark-mode .navbar {
  background: rgba(2, 10, 24, 0.95);
  border-bottom: 1px solid rgba(59, 145, 255, 0.14);
}

body.dark-mode .logo {
  color: #2f96ff;
}

body.dark-mode .logo span {
  color: white;
}

body.dark-mode nav a {
  color: white;
}

body.dark-mode nav a.active,
body.dark-mode nav a:hover {
  color: #2295ff;
  border-bottom-color: #2295ff;
}

body.dark-mode .hero {
  background-image:
    linear-gradient(
      90deg,
      rgba(2,9,22,.96),
      rgba(2,9,22,.58),
      rgba(2,9,22,.14)
    ),
    url("../assets/images/hero_3.png");

  background-color: #020b18;
}

body.dark-mode .accent-line {
  background: #2295ff;
}

body.dark-mode .hero-text p {
  color: #c9d5e7;
}

body.dark-mode .tabs {
  border-right: 1px solid rgba(91, 153, 255, 0.12);
}

body.dark-mode .tabs button {
  color: #c7d2e2;
  border-right: 1px solid rgba(91, 153, 255, 0.12);
}

body.dark-mode .tabs button.active {
  color: #2295ff;
  border: 1px solid rgba(34,149,255,.5);
}

body.dark-mode .tabs span {
  color: #2295ff;
}

body.dark-mode .search {
  color: #98a8bd;
  border: 1px solid rgba(91,153,255,.2);
  background: rgba(4,16,35,.85);
}

body.dark-mode .member-card {
  background: linear-gradient(180deg, rgba(8,25,50,.86), rgba(3,14,31,.92));
  border: 1px solid rgba(91,153,255,.16);
}

body.dark-mode .member-card img {
  border: 1px solid rgba(255,255,255,.18);
}

body.dark-mode .member-card h3,
body.dark-mode .member-name-button {
  color: #f4f8ff;
}

body.dark-mode .member-name-button:hover,
body.dark-mode .member-name-button:focus-visible {
  color: #1f9bff;
}

body.dark-mode .member-card h3 span {
  background: rgba(22,136,255,.22);
  color: #1f9bff;
}

body.dark-mode .role-badge {
  background: rgba(22,136,255,.22);
  color: #1f9bff;
}

body.dark-mode .role {
  color: #c2ccda;
}

body.dark-mode .interest {
  color: #1f9bff;
}

body.dark-mode .research-interests {
  color: #c8d5e6;
}

body.dark-mode .research-interests.empty {
  color: #9fb1c7;
}

body.dark-mode .member-card p {
  color: #aebbd0;
}

body.dark-mode .links {
  color: #d8e6f7;
}

body.dark-mode .links a,
body.dark-mode .links span {
  background: rgba(22,136,255,.08);
  border: 1px solid rgba(91,153,255,.2);
  color: #1f9bff;
}

body.dark-mode .links span {
  color: #9fb1c7;
}

body.dark-mode .team-message {
  background: linear-gradient(180deg, rgba(8,25,50,.86), rgba(3,14,31,.92));
  border: 1px solid rgba(91,153,255,.16);
  color: #aebbd0;
}

body.dark-mode .team-modal-card {
  background: linear-gradient(180deg, rgba(8,25,50,.96), rgba(3,14,31,.98));
  border: 1px solid rgba(91,153,255,.24);
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.42);
}

body.dark-mode .team-modal-close {
  background: rgba(12,31,60,.9);
  border: 1px solid rgba(91,153,255,.24);
  color: #1f9bff;
}

body.dark-mode .team-modal-image {
  border: 1px solid rgba(255,255,255,.2);
}

body.dark-mode .team-modal-details h2 {
  color: #f4f8ff;
}

body.dark-mode .team-modal-bio {
  border-top: 1px solid rgba(91,153,255,.18);
}

body.dark-mode .team-modal-bio h3 {
  color: #1f9bff;
}

body.dark-mode .team-modal-bio p {
  color: #c8d5e6;
}

body.dark-mode .stats {
  background: linear-gradient(180deg, rgba(8,25,50,.8), rgba(3,14,31,.9));
  border: 1px solid rgba(91,153,255,.16);
}

body.dark-mode .stats div {
  border-right: 1px solid rgba(91,153,255,.15);
}

body.dark-mode .stats strong {
  color: #2295ff;
}

body.dark-mode .stats span {
  color: white;
}

body.dark-mode .stats p {
  color: #9faec3;
}

@media (max-width: 750px) {
  body.dark-mode .stats div {
    border-right: 0;
    border-bottom: 1px solid rgba(91,153,255,.15);
  }
}