diff --git a/docs/TZ.md b/docs/TZ.md
index d18ea3e..d72549d 100644
--- a/docs/TZ.md
+++ b/docs/TZ.md
@@ -4,7 +4,7 @@
 
 | | |
 |---|---|
-| Версия ТЗ | 0.6 |
+| Версия ТЗ | 0.7 |
 | Дата | 2026-09-20 |
 | Статус | На обсуждении |
 
@@ -57,7 +57,7 @@
   1. **«Да, всё верно»** — принять предложенные метаданные одним действием;
   2. **отредактировать** — изменить предложенное вручную, затем утвердить.
 - Задача считается утверждённой (`approved`) только после явного действия пользователя.
-- Механизм предсказания — см. 3.10 и раздел открытых вопросов.
+- Механизм предсказания — см. 3.11 и раздел открытых вопросов.
 
 ### 3.3. Содержание и редактирование задачи
 
@@ -106,13 +106,21 @@
   «дерево» убрано (проба 0.5 показала, что оно мешает — возможен возврат позже).
   Связь подзадачи с родителем (`parent_task_id`) в модели данных сохраняется.
 
-### 3.7. Проекты
+### 3.7. Главная страница (дашборд + стек)
+
+- Главная совмещает два блока: **дашборд активного** сверху и **стек входящих** снизу.
+- Дашборд: «В работе», «Просрочено», дедлайны на неделю, «Следующие» (to_do по
+  приоритету, топ-5); сайдбар — сводка по статусам и активные проекты с прогрессом.
+- Пустые секции дашборда не показываются; при отсутствии и активных, и проектов —
+  нейтральное пустое состояние.
+
+### 3.8. Проекты
 
 - Статус **актуальности** проекта (активен / приостановлен / закрыт).
 - **Приоритет** проекта.
 - **Заметка к проекту**: Markdown-поле для ссылок на ресурсы проекта и прочего контекста.
 
-### 3.8. Режим выбора («3 варианта»)
+### 3.9. Режим выбора («3 варианта»)
 
 Анти-прокрастинационный режим: пользователь указывает доступное время (например, «3 часа»), система предлагает **3 варианта задач**, подходящих под это время; пользователь выбирает один и выполняет сразу.
 
@@ -120,7 +128,7 @@
 - Варианты должны быть осмысленно разными (не три дубликата).
 - После выбора — прямой переход к выполнению задачи (отметка начала, быстрый доступ к описанию).
 
-### 3.9. MCP-интерфейс
+### 3.10. MCP-интерфейс
 
 - Собственный **MCP-сервер** как часть backend.
 - Инструменты (первичный набор, расширяется):
@@ -131,16 +139,16 @@
 - Аутентификация агентов — через SSO-механизм (токен, выданный централизованной системой; детали после предоставления данных SSO).
 - Агент действует от имени пользователя; отдельной мультитенантности нет.
 
-### 3.10. Локальные AI-функции
+### 3.11. Локальные AI-функции
 
 - Автодетализация (3.2) выполняется **маленькой LLM, запущенной локально через Ollama**:
   - модель и параметры — **конфигурацией приложения**, без зашивки в код;
   - LLM классифицирует текст задачи: предлагает теги из справочника, проект/категорию, приоритет;
   - результат — черновые метаданные для утверждения (3.2), не окончательное решение.
 - Все вызовы LLM — на собственном сервере, данные не покидают VPS.
-- Спекулярные LLM-сценарии вне метаданных — не в скоупе: большинство ИИ-задач выполняют внешние агенты через MCP (3.9).
+- Спекулярные LLM-сценарии вне метаданных — не в скоупе: большинство ИИ-задач выполняют внешние агенты через MCP (3.10).
 
-### 3.11. Мультиязычность
+### 3.12. Мультиязычность
 
 - UI поддерживает три языка: **ru** (базовый/fallback), **en**, **uk**.
 - Язык по умолчанию берётся из gnexus auth (`profile.locale` из SSO-профиля, scope `profile`).
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 128b07e..643c70a 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -13,7 +13,7 @@
 const accountUrl = ref('')
 
 const navItems = computed(() => [
-  { id: 'stack', label: t('nav.stack'), icon: 'ph-tray', to: '/stack' },
+  { id: 'home', label: t('nav.home'), icon: 'ph-house', to: '/stack' },
   { id: 'list', label: t('nav.list'), icon: 'ph-list-bullets', to: '/list' },
   { id: 'projects', label: t('nav.projects'), icon: 'ph-folders', to: '/projects' },
   { id: 'options', label: t('nav.options'), icon: 'ph-shuffle', to: '/options' },
diff --git a/frontend/src/components/Dashboard.vue b/frontend/src/components/Dashboard.vue
new file mode 100644
index 0000000..c19f3ce
--- /dev/null
+++ b/frontend/src/components/Dashboard.vue
@@ -0,0 +1,279 @@
+<script setup lang="ts">
+// Дашборд на главной (стек + дашборд совмещены): активные задачи по секциям —
+// «В работе», «Просрочено», дедлайны недели, «Следующие» — плюс сводка
+// по статусам и активным проектам в сайдбаре. Данные приходят от родителя
+// (StackView грузит все задачи один раз и фильтрует стек).
+import { computed } from 'vue'
+import { useI18n } from 'vue-i18n'
+import type { Project, Task } from '../api'
+import {
+  deadlineLabel,
+  deadlineOverdue,
+  priorityLabel,
+  priorityVariant,
+} from '../taskui'
+
+const props = defineProps<{
+  tasks: Task[]
+  projects: Project[]
+}>()
+
+const { t } = useI18n()
+
+// Активные = утверждённые и не закрытые (raw/detailed живут в стеке)
+const openApproved = computed(() =>
+  props.tasks.filter(
+    (task) => task.detail_state === 'approved' && task.status !== 'done' && task.status !== 'cancelled',
+  ),
+)
+
+const inProgress = computed(() => openApproved.value.filter((task) => task.status === 'in_progress'))
+
+const overdue = computed(() => openApproved.value.filter((task) => deadlineOverdue(task)))
+
+// Дедлайны с конкретной датой в ближайшую неделю (просроченные уже в своей секции)
+function withinWeek(task: Task): boolean {
+  if (!task.deadline_date || deadlineOverdue(task)) return false
+  const limit = new Date()
+  limit.setDate(limit.getDate() + 7)
+  return task.deadline_date <= limit.toISOString().slice(0, 10)
+}
+
+const upcoming = computed(() => openApproved.value.filter(withinWeek))
+
+// «Следующие»: к выполнению, по убыванию приоритета (без приоритета — в конце)
+const priority = (task: Task) => task.priority ?? -1
+
+const next = computed(() =>
+  openApproved.value
+    .filter((task) => task.status === 'to_do')
+    .sort((a, b) => priority(b) - priority(a))
+    .slice(0, 5),
+)
+
+const sections = computed(() =>
+  [
+    { key: 'inProgress', icon: 'ph-circle-half', variant: 'accent', tasks: inProgress.value },
+    { key: 'overdue', icon: 'ph-alarm', variant: 'error', tasks: overdue.value },
+    { key: 'deadlines', icon: 'ph-calendar-check', variant: 'warning', tasks: upcoming.value },
+    { key: 'next', icon: 'ph-list-checks', variant: 'neutral', tasks: next.value },
+  ].filter((s) => s.tasks.length > 0),
+)
+
+// Сводка по статусам (открытые + стек на детализацию)
+const overviewRows = computed(() => {
+  const all = props.tasks
+  const open = all.filter((task) => task.status !== 'done' && task.status !== 'cancelled')
+  const rows: { key: string; icon: string; term: string; value: number; warn?: boolean }[] = [
+    {
+      key: 'stack',
+      icon: 'ph-tray',
+      term: t('nav.stack'),
+      value: all.filter((task) => task.detail_state === 'raw').length,
+    },
+    { key: 'inProgress', icon: 'ph-circle-half', term: t('home.inProgress'), value: inProgress.value.length },
+    { key: 'toDo', icon: 'ph-square', term: t('home.next'), value: next.value.length },
+    {
+      key: 'deferred',
+      icon: 'ph-pause-circle',
+      term: t('taskui.status.deferred'),
+      value: open.filter((task) => task.status === 'deferred').length,
+    },
+  ]
+  if (overdue.value.length)
+    rows.push({
+      key: 'overdue',
+      icon: 'ph-alarm',
+      term: t('home.overdue'),
+      value: overdue.value.length,
+      warn: true,
+    })
+  return rows
+})
+
+// Активные проекты: сколько открыто и сколько сделано всего
+const projectRows = computed(() =>
+  props.projects
+    .filter((project) => project.relevance_status === 'active')
+    .map((project) => {
+      const list = props.tasks.filter(
+        (task) => task.project?.id === project.id && task.detail_state === 'approved',
+      )
+      const done = list.filter((task) => task.status === 'done').length
+      const open = list.filter((task) => task.status !== 'done' && task.status !== 'cancelled').length
+      return { project, open, done, total: list.length }
+    })
+    .filter((row) => row.total > 0)
+    .sort((a, b) => b.open - a.open),
+)
+
+const hasAnything = computed(() => sections.value.length > 0 || projectRows.value.length > 0)
+</script>
+
+<template>
+  <div class="dash">
+    <GnEmptyState
+      v-if="!hasAnything"
+      icon="ph-sun"
+      :title="t('home.clearTitle')"
+      :text="t('home.clearText')"
+    />
+
+    <div v-else class="dash-grid">
+      <div class="dash-main">
+        <GnCard v-for="section in sections" :key="section.key" class="dash-card">
+          <template #title>
+            <span class="card-title-icon"><i :class="`ph ${section.icon}`" aria-hidden="true" /></span>
+            {{ t(`home.${section.key}`) }}
+            <GnBadge :variant="section.variant">{{ section.tasks.length }}</GnBadge>
+          </template>
+          <div class="dash-tasks">
+            <div v-for="task in section.tasks" :key="`${section.key}-${task.id}`" class="dash-task">
+              <RouterLink class="dash-task-title" :to="`/tasks/${task.id}`">{{ task.title }}</RouterLink>
+              <div class="dash-task-badges">
+                <GnBadge v-if="task.priority !== null" :variant="priorityVariant(task.priority)">
+                  <i class="ph ph-flag" aria-hidden="true" />{{ priorityLabel(task.priority) }}
+                </GnBadge>
+                <GnBadge
+                  v-if="deadlineLabel(task)"
+                  :variant="deadlineOverdue(task) ? 'error' : 'warning'"
+                >
+                  <i class="ph ph-alarm" aria-hidden="true" />{{ deadlineLabel(task) }}
+                </GnBadge>
+                <GnBadge v-if="task.project" variant="neutral">
+                  <i class="ph ph-folder" aria-hidden="true" />{{ task.project.name }}
+                </GnBadge>
+                <GnBadge v-if="task.task_type === 'recurring'" variant="info">
+                  <i class="ph ph-repeat" aria-hidden="true" />{{ t('taskui.recur.recurring') }}
+                </GnBadge>
+              </div>
+            </div>
+          </div>
+        </GnCard>
+      </div>
+
+      <aside class="dash-side">
+        <GnCard class="dash-card">
+          <template #title>
+            <span class="card-title-icon"><i class="ph ph-chart-bar" aria-hidden="true" /></span>
+            {{ t('home.overview') }}
+          </template>
+          <div class="dash-rows">
+            <div v-for="row in overviewRows" :key="row.key" class="dash-row" :class="{ warn: row.warn }">
+              <i :class="`ph ${row.icon}`" aria-hidden="true" />
+              <span class="dash-term">{{ row.term }}</span>
+              <GnBadge variant="neutral">{{ row.value }}</GnBadge>
+            </div>
+          </div>
+        </GnCard>
+
+        <GnCard v-if="projectRows.length" class="dash-card">
+          <template #title>
+            <span class="card-title-icon"><i class="ph ph-folders" aria-hidden="true" /></span>
+            {{ t('home.projects') }}
+          </template>
+          <div class="dash-rows">
+            <RouterLink
+              v-for="row in projectRows"
+              :key="row.project.id"
+              class="dash-row proj-row"
+              :to="`/projects/${row.project.id}`"
+            >
+              <i class="ph ph-folder" aria-hidden="true" />
+              <span class="dash-term">{{ row.project.name }}</span>
+              <GnBadge variant="neutral" :title="t('projectPage.progress', { done: row.done, total: row.total })">
+                <i class="ph ph-check" aria-hidden="true" />{{ row.done }}/{{ row.total }}
+              </GnBadge>
+              <GnBadge v-if="row.open" variant="info">{{ row.open }}</GnBadge>
+            </RouterLink>
+          </div>
+        </GnCard>
+      </aside>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.dash-grid {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) 340px;
+  gap: 1.5rem;
+  align-items: start;
+  margin-bottom: 2rem;
+}
+@media (max-width: 960px) {
+  .dash-grid {
+    grid-template-columns: 1fr;
+  }
+}
+.dash-main > * + *,
+.dash-side > * + * {
+  margin-top: 1.5rem;
+}
+.dash-tasks {
+  display: flex;
+  flex-direction: column;
+}
+.dash-task {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.35rem 0.75rem;
+  align-items: center;
+  padding: 0.55rem 0;
+}
+.dash-task + .dash-task {
+  border-top: 1px solid var(--border, #2a2f45);
+}
+.dash-task-title {
+  font-weight: 600;
+  color: inherit;
+  text-decoration: none;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 100%;
+}
+.dash-task-title:hover {
+  color: var(--accent, #7aa2f7);
+}
+.dash-task-badges {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.3rem;
+  align-items: center;
+}
+.dash-rows {
+  display: flex;
+  flex-direction: column;
+  gap: 0.55rem;
+}
+.dash-row {
+  display: flex;
+  gap: 0.6rem;
+  align-items: center;
+  font-size: 0.95rem;
+}
+.dash-row > i {
+  flex: 0 0 1.25rem;
+  text-align: center;
+  color: var(--accent, #7aa2f7);
+  font-size: 1.05em;
+}
+.dash-term {
+  color: var(--text-muted, #888);
+  flex: 1 1 auto;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.dash-row.warn > i {
+  color: var(--danger, #f7768e);
+}
+.proj-row {
+  text-decoration: none;
+  color: inherit;
+}
+.proj-row:hover .dash-term {
+  color: var(--accent, #7aa2f7);
+}
+</style>
\ No newline at end of file
diff --git a/frontend/src/locales/en.ts b/frontend/src/locales/en.ts
index 1b1c9da..bd6fbd7 100644
--- a/frontend/src/locales/en.ts
+++ b/frontend/src/locales/en.ts
@@ -34,12 +34,26 @@
     account: 'Account',
     signOut: 'Sign out',
     task: 'Task',
+    home: 'Home',
     stack: 'Inbox stack',
     list: 'Task list',
     projects: 'Projects',
     options: '3 options',
     settings: 'Settings',
   },
+  home: {
+    title: 'Home',
+    stackCount: 'in stack: {n}',
+    activeCount: 'active: {n}',
+    inProgress: 'In progress',
+    overdue: 'Overdue',
+    deadlines: 'Deadlines this week',
+    next: 'Up next',
+    overview: 'Overview',
+    projects: 'Active projects',
+    clearTitle: 'All clear',
+    clearText: 'No active tasks — a good moment to work through the stack.',
+  },
   stack: {
     title: 'Inbox stack',
     count: 'Tasks in stack: {n}',
diff --git a/frontend/src/locales/ru.ts b/frontend/src/locales/ru.ts
index 1f6694f..517a795 100644
--- a/frontend/src/locales/ru.ts
+++ b/frontend/src/locales/ru.ts
@@ -35,12 +35,26 @@
     account: 'Аккаунт',
     signOut: 'Выйти',
     task: 'Задача',
+    home: 'Главная',
     stack: 'Стек входящих',
     list: 'Список задач',
     projects: 'Проекты',
     options: '3 варианта',
     settings: 'Настройки',
   },
+  home: {
+    title: 'Главное',
+    stackCount: 'в стеке: {n}',
+    activeCount: 'активных: {n}',
+    inProgress: 'В работе',
+    overdue: 'Просрочено',
+    deadlines: 'Дедлайны на неделю',
+    next: 'Следующие',
+    overview: 'Обзор',
+    projects: 'Активные проекты',
+    clearTitle: 'Всё спокойно',
+    clearText: 'Нет активных задач — самое время закрыть что-то из стека.',
+  },
   stack: {
     title: 'Стек входящих',
     count: 'Задач в стеке: {n}',
diff --git a/frontend/src/locales/uk.ts b/frontend/src/locales/uk.ts
index 2de6977..17eac1c 100644
--- a/frontend/src/locales/uk.ts
+++ b/frontend/src/locales/uk.ts
@@ -34,12 +34,26 @@
     account: 'Акаунт',
     signOut: 'Вийти',
     task: 'Завдання',
+    home: 'Головна',
     stack: 'Вхідний стек',
     list: 'Список задач',
     projects: 'Проєкти',
     options: '3 варіанти',
     settings: 'Налаштування',
   },
+  home: {
+    title: 'Головне',
+    stackCount: 'у стеці: {n}',
+    activeCount: 'активних: {n}',
+    inProgress: 'У роботі',
+    overdue: 'Прострочено',
+    deadlines: 'Дедлайни на тиждень',
+    next: 'Наступні',
+    overview: 'Огляд',
+    projects: 'Активні проєкти',
+    clearTitle: 'Усе спокійно',
+    clearText: 'Немає активних завдань — гарний момент розібрати стек.',
+  },
   stack: {
     title: 'Вхідний стек',
     count: 'Завдань у стеці: {n}',
diff --git a/frontend/src/views/StackView.vue b/frontend/src/views/StackView.vue
index abbda31..b2a37d4 100644
--- a/frontend/src/views/StackView.vue
+++ b/frontend/src/views/StackView.vue
@@ -1,33 +1,40 @@
 <script setup lang="ts">
-import { onMounted, onUnmounted, ref } from 'vue'
+import { computed, onMounted, onUnmounted, ref } from 'vue'
 import { useI18n } from 'vue-i18n'
-import { api, type Task } from '../api'
+import { api, type Project, type Task } from '../api'
 import { intlLocale } from '../i18n/locale'
 import { proposalItems } from '../taskui'
 import { useToast } from 'gnexus-ui-kit/vue'
 import TaskForm from '../components/TaskForm.vue'
+import Dashboard from '../components/Dashboard.vue'
 
-// Стек входящих: сырые задачи, ожидающие детализации и утверждения.
+// Главная страница: дашборд активных задач сверху + стек входящих ниже.
 // LLM-предложение — черновик: «Да, всё верно» применяет его, иначе правим вручную
 // (детализация — TaskForm в drawer'е, сохранение там же утверждает).
 
 const { t } = useI18n()
 const toast = useToast()
 
-const stack = ref<Task[]>([])
+// Все задачи один раз: стек и дашборд — разные срезы одного списка
+const tasks = ref<Task[]>([])
+const projects = ref<Project[]>([])
 const quickTitle = ref('')
 const error = ref('')
 const loading = ref(false)
 
+const stack = computed(() => tasks.value.filter((task) => task.detail_state === 'raw'))
+
 const editing = ref<Task | null>(null)
 const drawerOpen = ref(false)
 
 let pollTimer: number | undefined
 
-async function loadStack() {
+async function loadAll() {
   loading.value = true
   try {
-    stack.value = await api.listTasks({ detail_state: 'raw' })
+    const [taskList, projectList] = await Promise.all([api.listTasks(), api.listProjects()])
+    tasks.value = taskList
+    projects.value = projectList
   } catch (e) {
     error.value = String(e)
   } finally {
@@ -38,12 +45,12 @@
 // Опрос: LLM детализирует задачу в фоне — предложение появится через секунды
 function startPolling() {
   pollTimer = window.setInterval(async () => {
-    if (!editing.value) await loadStack()
+    if (!editing.value) await loadAll()
   }, 5000)
 }
 
 onMounted(async () => {
-  await loadStack()
+  await loadAll()
   startPolling()
 })
 onUnmounted(() => window.clearInterval(pollTimer))
@@ -55,7 +62,7 @@
     await api.createTask(title)
     quickTitle.value = ''
     toast.success({ title: t('stack.added') })
-    await loadStack()
+    await loadAll()
   } catch (e) {
     toast.error({ title: t('common.error'), text: String(e) })
   }
@@ -74,7 +81,7 @@
 
 async function onSaved() {
   closeDrawer()
-  await loadStack()
+  await loadAll()
 }
 
 // Новая задача — полная форма (quick-add — просто опция)
@@ -82,7 +89,7 @@
 
 function onCreated() {
   createOpen.value = false
-  void loadStack()
+  void loadAll()
 }
 
 async function approve(task: Task) {
@@ -90,7 +97,7 @@
     // «Да, всё верно» — принять предложение автодетализации
     await api.approveTask(task.id, task.ai_proposal !== null)
     toast.success({ title: t('common.taskApproved') })
-    await loadStack()
+    await loadAll()
   } catch (e) {
     toast.error({ title: t('common.error'), text: String(e) })
   }
@@ -99,7 +106,7 @@
 async function redetail(task: Task) {
   try {
     await api.redetailTask(task.id)
-    await loadStack()
+    await loadAll()
   } catch (e) {
     toast.error({ title: t('common.error'), text: String(e) })
   }
@@ -121,7 +128,7 @@
   try {
     await api.deleteTask(task.id)
     toast.success({ title: t('common.taskDeleted') })
-    await loadStack()
+    await loadAll()
   } catch (e) {
     toast.error({ title: t('common.error'), text: String(e) })
   }
@@ -139,12 +146,24 @@
 function snippet(task: Task): string {
   return task.description.trim()
 }
+
+// Счётчики шапки: N в стеке · N активных
+const activeCount = computed(
+  () =>
+    tasks.value.filter(
+      (task) =>
+        task.detail_state === 'approved' && task.status !== 'done' && task.status !== 'cancelled',
+    ).length,
+)
 </script>
 
 <template>
   <section>
-    <GnPageHeader kicker="gntodo" :title="t('stack.title')">
-      <template #meta>{{ t('stack.count', { n: stack.length }) }}</template>
+    <GnPageHeader kicker="gntodo" :title="t('home.title')">
+      <template #meta>
+        <GnBadge variant="info"><i class="ph ph-tray" aria-hidden="true" />{{ t('home.stackCount', { n: stack.length }) }}</GnBadge>
+        <GnBadge variant="accent"><i class="ph ph-circle-half" aria-hidden="true" />{{ t('home.activeCount', { n: activeCount }) }}</GnBadge>
+      </template>
       <template #actions>
         <GnButton variant="primary" icon="ph-plus" @click="createOpen = true">
           {{ t('stack.newTask') }}
@@ -152,6 +171,18 @@
       </template>
     </GnPageHeader>
 
+    <GnAlert v-if="error" variant="error">{{ error }}</GnAlert>
+
+    <!-- Дашборд: активные задачи, просрочка, дедлайны, проекты -->
+    <Dashboard :tasks="tasks" :projects="projects" />
+
+    <!-- Стек входящих -->
+    <div class="stack-section-title">
+      <i class="ph ph-tray" aria-hidden="true" />
+      <span>{{ t('nav.stack') }}</span>
+      <GnBadge variant="info">{{ stack.length }}</GnBadge>
+    </div>
+
     <!-- Быстрый ввод: многострочное поле (Enter — закинуть, Shift+Enter — перенос) -->
     <form class="quick-add" @submit.prevent="quickAdd">
       <GnTextarea
@@ -165,8 +196,6 @@
       </GnButton>
     </form>
 
-    <GnAlert v-if="error" variant="error">{{ error }}</GnAlert>
-
     <GnSkeleton v-if="loading && stack.length === 0" type="block" stack :count="3" class="stack-skeleton" />
 
     <GnEmptyState
@@ -252,6 +281,18 @@
 </template>
 
 <style scoped>
+/* Подпись секции стека: дашборд и стек — два блока одной главной */
+.stack-section-title {
+  display: flex;
+  gap: 0.6rem;
+  align-items: center;
+  margin: 0 0 0.25rem;
+  font-weight: 600;
+  font-size: 1.05rem;
+}
+.stack-section-title > i {
+  color: var(--accent, #7aa2f7);
+}
 /* Важная формочка: вертикальная компоновка, поле на всю ширину контейнера,
    увеличенные вертикальные отступы отделяют её от заголовка и списка задач */
 .quick-add {