body.dark-theme {
  --primary: #7d8ff0;
  --accent: #a78bfa;
  --bg: #121212;
  --text-dark: #e0e0e0;
  --text-light: #a0a0a0;
  --card-bg: rgba(30, 30, 30, 0.9);
  --shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
  --border-color: rgba(255, 255, 255, 0.1);
  
  background: var(--bg);
  color: var(--text-dark);
}

.entry {
    border: 1px solid #e2e8f0;
    padding: 1rem;
    margin: 0.75rem 0;
    border-radius: 0.5rem;
    background: #ffffff;
    transition: all 0.3s ease;
  }

  /* Темная тема */
  .dark-theme-entry,
  body.dark-theme .entry {
    border-color: rgba(255, 255, 255, 0.1);
    background: rgba(30, 30, 30, 0.8);
    color: #e2e8f0;
  }

  .dark-theme-entry strong,
  body.dark-theme .entry strong {
    color: var(--accent); /* #a78bfa */
  }

  .dark-theme-entry .entry-photo,
  body.dark-theme .entry .entry-photo {
    border: 1px solid rgba(255, 255, 255, 0.1);
  }

  /* Стили для текста */
  .entry div {
    margin-bottom: 0.5rem;
    color: inherit;
  }

  /* Стили для фото */
  .entry-photo {
    max-width: 200px;
    margin-top: 0.75rem;
    border-radius: 0.375rem;
    border: 1px solid #e2e8f0;
  }

  /* Стили для кнопок (адаптированные под темную тему) */
  .entry-actions {
    display: flex;
    gap: 0.75rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }

  .dark-theme .entry-actions,
  body.dark-theme .entry-actions {
    border-top-color: rgba(255, 255, 255, 0.1);
  }

  .edit-btn, .delete-btn {
    padding: 0.5rem 1rem;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    text-decoration: none;
    transition: all 0.2s ease;
  }

  .edit-btn {
    background-color: var(--primary);
    color: white;
  }

  .delete-btn {
    background-color: #fef2f2;
    color: #dc3545;
  }


  body.dark-theme .edit-btn {
    background-color: var(--primary);
  }

  body.dark-theme .delete-btn {
    background-color: rgba(220, 53, 69, 0.2);
    color: #ff6b6b;
  }

body.dark-theme #piechart g text {
  fill: #e0e0e0;
}


body.dark-theme #piechart circle {
  fill: #7a8bf2;
}

body.dark-theme.element.style {
 border: 1px solid rgb(36, 32, 32);
    padding: 15px;
    margin: 10px 0px;
    border-radius: 5px;
   background: rgb(31, 29, 29);
   }

  .edit-btn:hover {
    background-color: #5a6bc7;
    transform: translateY(-1px);
  }

  .delete-btn:hover {
    background-color: #fee2e2;
    transform: translateY(-1px);
  }

  body.dark-theme .edit-btn:hover {
    background-color: #7d8ff0;
  }

  body.dark-theme .delete-btn:hover {
    background-color: rgba(220, 53, 69, 0.3);
  }

body.dark-theme::before,
body.dark-theme::after {
  background: rgba(167, 139, 250, 0.2);
}

body.dark-theme .Header {
  background-color: #1e1e1e;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4);
  border-bottom: 1px solid var(--border-color);
}

body.dark-theme .Header__logo,
body.dark-theme .NavBar__link {
  color: var(--primary);
}

body.dark-theme .NavBar__link:hover {
  color: var(--accent);
}

body.dark-theme .Header__button {
  background: rgba(105, 122, 217, 0.2);
}

body.dark-theme .Header__button:hover {
  background: rgba(105, 122, 217, 0.3);
}

  body.dark-theme {
    --bg: #121212;
    --text-dark: #e0e0e0;
    --text-light: #a0a0a0;
    --card-bg: rgba(30, 30, 30, 0.8);
    --shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
  }

  body.dark-theme .entry {
    border-color: rgba(255, 255, 255, 0.1);
    background: var(--card-bg);
  }

  body.dark-theme .entry-field {
    color: var(--text-dark);
  }

  body.dark-theme .entry-field strong {
    color: var(--accent);
  }

  body.dark-theme .entry-actions {
    border-top-color: rgba(255, 255, 255, 0.1);
  }

  body.dark-theme .delete-btn {
    background-color: #2a2a2a;
    border-color: #dc3545;
  }

  body.dark-theme .delete-btn:hover {
    background-color: #333;
  }

  body.dark-theme .entry-photo img {
    border-color: rgba(255, 255, 255, 0.1);
  }

body.dark-theme .card,
body.dark-theme .feature,
body.dark-theme .plan,
body.dark-theme .review,
body.dark-theme .slide,
body.dark-theme .faq details {
  background-color: var(--card-bg);
  border: 1px solid var(--border-color);
  box-shadow: var(--shadow);
  color: var(--primary);
}

body.dark-theme .hero h1 {
	color:var(--primary);
}

body.dark-theme .card:hover,
body.dark-theme .feature:hover,
body.dark-theme .plan:hover,
body.dark-theme .slide:hover {
  box-shadow: 0 8px 24px rgba(105, 122, 217, 0.2);
  transform: translateY(-2px);
}

body.dark-theme .faq details summary,
body.dark-theme .faq details p,
body.dark-theme .feature p,
body.dark-theme .plan li,
body.dark-theme .slide .description,
body.dark-theme .footer p {
  color: var(--text-light);
}

body.dark-theme .faq details summary:hover {
  background-color: rgba(105, 122, 217, 0.1);
}

body.dark-theme .section-title,
body.dark-theme .feature h3,
body.dark-theme .plan h3,
body.dark-theme .review h3,
body.dark-theme .slide h3,
body.dark-theme .h2main,
body.dark-theme footer h3 {
  color: var(--primary);
}

body.dark-theme .section-title::after {
  background: var(--accent);
}

body.dark-theme .btn-primary {
  background: var(--primary);
  color: #121212;
}

body.dark-theme .btn-primary:hover {
  background: #6a7bd9;
}

body.dark-theme .btn-secondary {
  background: transparent;
  color: var(--primary);
  border: 1px solid var(--primary);
}

body.dark-theme .btn-secondary:hover {
  background: rgba(105, 122, 217, 0.1);
}

body.dark-theme .tags a {
  background: rgba(105, 122, 217, 0.1);
  color: var(--primary);
}

body.dark-theme .tags a:hover {
  background: rgba(105, 122, 217, 0.2);
}

body.dark-theme a {
  color: white;
}

body.dark-theme a:hover {
  color: var(--accent);
}

body.dark-theme input,
body.dark-theme select,
body.dark-theme textarea {
  background: rgba(30, 30, 30, 0.8);
  border: 1px solid var(--border-color);
  color: var(--text-dark);
}

body.dark-theme input:focus,
body.dark-theme select:focus,
body.dark-theme textarea:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 2px rgba(105, 122, 217, 0.3);
}

body.dark-theme .footer {
  background: #1a1a1a;
  border-top: 1px solid var(--border-color);
}

body.dark-theme .footer-section {
  border-right: 1px solid var(--border-color);
}

body.dark-theme::-webkit-scrollbar {
  width: 8px;
}

body.dark-theme::-webkit-scrollbar-track {
  background: #1e1e1e;
}

body.dark-theme::-webkit-scrollbar-thumb {
  background: var(--primary);
  border-radius: 4px;
}


body.dark-theme .Module {
  background: #1e1e1e;
  border-left: 1px solid var(--border-color);
}

body.dark-theme .Module__nav a:hover {
  color: var(--accent);
}

body.dark-theme .theme-toggle {
  color: var(--primary);
}

body.dark-theme .prev,
body.dark-theme .next {
  background: rgba(30, 30, 30, 0.7);
  color: var(--primary);
}

body.dark-theme .prev:hover,
body.dark-theme .next:hover {
  background: rgba(105, 122, 217, 0.2);
}

body.dark-theme .scroll-top {
  background: var(--primary);
  color: #121212;
}

body.dark-theme .scroll-top:hover {
  background: #6a7bd9;
}

/* Общие стили для темной темы */
body.dark-theme {
  --primary: #7d8ff0;
  --accent: #a78bfa;
  --bg: #121212;
  --text-dark: #e0e0e0;
  --text-light: #a0a0a0;
  --card-bg: rgba(30, 30, 30, 0.9);
  --shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
  --border-color: rgba(255, 255, 255, 0.1);
  
  background: var(--bg);
  color: var(--text-dark);
}

/* Главная страница */
body.dark-theme .Header {
  background-color: #1e1e1e;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4);
  border-bottom: 1px solid var(--border-color);
}

body.dark-theme .Header__logo,
body.dark-theme .NavBar__link {
  color: var(--primary);
}

body.dark-theme .NavBar__link:hover {
  color: var(--accent);
}

body.dark-theme .hero h1 {
  color: var(--primary);
}

body.dark-theme .card,
body.dark-theme .feature,
body.dark-theme .plan,
body.dark-theme .review,
body.dark-theme .slide,
body.dark-theme .faq details {
  background-color: var(--card-bg);
  border: 1px solid var(--border-color);
  box-shadow: var(--shadow);
}

/* Страница "О нас" */
body.dark-theme .AboutUs {
  background-color: var(--bg);
}

body.dark-theme .AboutUs__inner_navig a {
  color: var(--primary);
}

body.dark-theme .AboutUs__inner_navig p {
  color: var(--text-light);
}

body.dark-theme .Banner {
  background-color: rgba(30, 30, 30, 0.7);
}

body.dark-theme .Banner__description,
body.dark-theme .Banner__title {
  color: var(--primary);
}

body.dark-theme .content_box {
  background-color: var(--card-bg);
  border: 1px solid var(--border-color);
  box-shadow: var(--shadow);
}

body.dark-theme .content_box_text h1 {
  color: var(--primary);
}

body.dark-theme .content_box_text p {
  color: var(--text-light);
}

body.dark-theme .Mission__inner_content h1 span {
  color: var(--accent);
}

body.dark-theme .Mission__inner_content p {
  color: var(--text-light);
}

body.dark-theme .profile-card {
  background-color: var(--card-bg);
  border: 1px solid var(--border-color);
}

body.dark-theme .support__inner_navig a {
  color: var(--primary);
}

body.dark-theme .stat-card {
  background-color: var(--card-bg);
  border: 1px solid var(--border-color);
}

body.dark-theme .stat-value {
  color: var(--primary);
}

body.dark-theme #finance-form {
  background-color: var(--card-bg);
}

body.dark-theme input,
body.dark-theme select,
body.dark-theme textarea {
  background: rgba(30, 30, 30, 0.8);
  border: 1px solid var(--border-color);
  color: var(--text-dark);
}

body.dark-theme .entry {
  background-color: var(--card-bg);
  border: 1px solid var(--border-color);
}


body.dark-theme .Contacts {
  background-color: var(--bg);
}

body.dark-theme .Contacts h1 {
  color: var(--primary);
}

body.dark-theme .Contacts__inner_navig a {
  color: var(--primary);
}

body.dark-theme .contacts_phone_text p,
body.dark-theme .contacts_mail_text p {
  color: var(--text-light);
}

body.dark-theme .form-group input {
  background: rgba(30, 30, 30, 0.8);
  border: 1px solid var(--border-color);
  color: var(--text-dark);
}

body.dark-theme .error {
  color: #ff6b6b;
}

body.dark-theme .btn-primary {
  background: var(--primary);
  color: #121212;
}

body.dark-theme .btn-primary:hover {
  background: #6a7bd9;
}

body.dark-theme .btn-secondary {
  background: transparent;
  color: var(--primary);
  border: 1px solid var(--primary);
}

body.dark-theme .btn-secondary:hover {
  background: rgba(105, 122, 217, 0.1);
}


body.page-account.dark-theme a {
  color: white;
}


body.dark-theme a:hover {
  color: var(--accent);
}

body.dark-theme a {
    color: white;
}

body.dark-theme::-webkit-scrollbar {
  width: 8px;
}

body.dark-theme::-webkit-scrollbar-track {
  background: #1e1e1e;
}

body.dark-theme::-webkit-scrollbar-thumb {
  background: var(--primary);
  border-radius: 4px;
}


body.auth-page.dark-theme .container,
body.register-page.dark-theme .container {
	background-color: #1e1e1e;
	color: #f0f0f0;
	box-shadow: 0 0 12px rgba(255, 255, 255, 0.05);
}

body.dark-theme.auth-container .container {
	background-color: #1e1e1e;
	color: #f0f0f0;
	box-shadow: 0 0 12px rgba(255, 255, 255, 0.05);
}

body.dark-theme.auth-container input {
	background-color: #2a2a2a;
	color: #f0f0f0;
	border: 1px solid #444;
}

body.dark-theme.auth-container input:focus {
	border-color: var(--accent);
}

body.dark-theme.auth-container button {
	background-color: var(--accent);
	color: #fff;
}

body.dark-theme.auth-container button:hover {
	background-color: #8a9ae6;
}


body.dark-theme h1 {
	color: #a78bfa;
}

body.dark-theme label {
	color: #c2c2c2;
}

body.dark-theme input {
	background-color: #2a2a2a;
	color: #ffffff;
	border: 1px solid #444;
}

body.dark-theme input:focus {
	border-color: #697ad9;
}

body.dark-theme .error {
	color: #f36a6a;
}

body.dark-theme button {
	background-color: #697ad9;
	color: white;
}

body.dark-theme button:hover {
	background-color: #5c6ecf;
}

body.dark-theme .register-link,
body.dark-theme .forgot-password a {
	color: #a78bfa;
}

body.dark-theme .register-link a:hover,
body.dark-theme .forgot-password a:hover {
	text-decoration: underline;
}
