body[data-bs-theme="dark"] {
    background-color: #1e1e1e;
}

body[data-bs-theme="dark"] .card {
    background-color: #2b2b2b;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

body[data-bs-theme="light"] .card {
    background-color: #ffffff;
    box-shadow: 0 0 6px rgba(0,0,0,0.05);
}

.card {
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

nav.navbar {
    transition: background-color 0.3s ease;
}

body[data-bs-theme="dark"] nav.navbar {
    background-color: #151515 !important;
}

/* Светлая тема */
html[data-bs-theme="light"] .custom-stats-card {
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

/* Тёмная тема */
html[data-bs-theme="dark"] .custom-stats-card {
  background-color: #2b2b2b;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

.task-card {
  position: relative;
  transition: box-shadow 0.3s ease;
}

.task-card.fade-out {
  opacity: 0;
}

.task-card:hover {
  box-shadow: 0 0 12px rgba(0,0,0,0.15);
}

.task-ui-placeholder {
  transition: background-color 0.2s ease;
  flex-direction: column;
}

.preview-screenshot {
  max-height: 250px;
  object-fit: contain;
  cursor: pointer;
  transition: transform 0.3s ease;
}
.preview-screenshot:hover {
  transform: scale(1.02);
}

.chart-wrapper {
  width: 100%;
  max-height: 300px;
  height: 300px;
  position: relative;
}
.chart-wrapper canvas {
  width: 100% !important;
  height: 100% !important;
  max-height: 100%;
}