CRM для юриста: дела, сроки и деньги в одном окне

Ты — senior product designer, UX-архитектор и frontend-разработчик. Помоги мне собрать CRM для юридической практики: я веду частных клиентов сам, без помощника и без технических знаний.

Сначала не пиши код. Задай мне 8–15 вопросов простым языком, с вариантами ответов: кто мои клиенты и сколько их; откуда они приходят; как обычно идёт дело от первого звонка до закрытия; как я выставляю гонорар, как принимаю оплату и как считаю долг; что мне нужно видеть сразу после открытия приложения; какие напоминания о сроках важны; как я веду учёт сейчас; нужны ли отчёты и какие именно. Не спрашивай про фреймворки, базы данных и архитектуру.

Потом сам спроектируй сущности: клиент (ФИО, телефон, мессенджер, кто рекомендовал, заметки), дело или заказ (номер, суть, статус, сумма, срок), оплата (дата, сумма, способ, остаток), задача (что сделать, когда, по какому делу), заметка (текст, дата). Статусы дел: новая заявка → обсуждение → оплата → в работе → закрыто. Связи — по стабильным ID. Оплату и задачу можно создать прямо из карточки клиента, не переходя в другой раздел.

Экраны: список клиентов с поиском по телефону и фильтром по статусу; карточка клиента с историей дел, оплат и заметок; доска дел по статусам; календарь задач и процессуальных сроков; отчёты — сколько дел открыто, сколько денег получено за период, кто должен и сколько. Предусмотри пустые состояния, подтверждение удаления и понятное поведение после каждого действия.

Дизайн выбери сам, но он должен быть спокойным и деловым, как аккуратный документ: понятная типографика, тонкие линии, бейджи статусов, адаптив от 360 px, никакого визуального шума и декоративных цифр.

Технически: один HTML-файл, CSS и чистый JavaScript внутри, localStorage как хранилище, без backend, сборщиков и npm. Внутри файла раздели слои: storage → сущности → функции → компоненты → экраны → навигация. После любого изменения данные сохраняются, а интерфейс перерисовывается сразу, без перезагрузки страницы. Добавь реалистичные демо-данные и кнопку «Удалить тестовые данные» с подтверждением. Учти пустые поля, битые данные в localStorage, удаление связанных записей, закрытие модальных окон по Escape и по клику на фон.

Перед выдачей сам пройди сценарии: создание, редактирование, удаление, смена статуса, переход между связанными объектами, перезагрузка страницы, работа с телефона. Исправь найденное сам. Ответ — полный готовый HTML-файл, без фрагментов «вставьте сюда».