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%;
}