CRM для риэлтора: объекты, покупатели и звонки — в одном файле

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

Сначала короткий опрос на понятном языке (8–15 вопросов, с вариантами ответов): кто мои клиенты — покупатели, продавцы или и те и другие; сколько объектов и людей сейчас в работе; откуда приходят обращения; по каким этапам идёт сделка (например: новая заявка → обсуждение → оплата → в работе → закрыто); что важно видеть сразу после открытия; какие напоминания нужны — звонок, показ, документы, задаток; как я веду учёт сейчас; какие отчёты пригодятся. Не спрашивай про фреймворки, базы данных и архитектуру. После ответов коротко перескажи, что понял, и приступай.

Сам спроектируй сущности: клиент (покупатель или продавец), объект недвижимости, сделка, оплата, задача, заметка. Продумай поля: телефон, бюджет, район, ипотека, площадь, адрес, цена, статус, дата следующего шага. Свяжи всё по стабильным ID. Сделай статусы сделки и понятные переходы между ними.

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

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

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

Добавь реалистичные демо-данные: 8–10 покупателей, 6–8 объектов, несколько сделок, оплат и задач. Сделай кнопку «Удалить тестовые данные» с подтверждением, одноразово. Учти пустые поля, битые данные в localStorage, удаление связанных записей, закрытие модальных окон по Escape и по клику на фон.

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

Ответ — полный готовый HTML-файл, без «вставьте этот фрагмент». Все дальнейшие правки — тоже полным файлом.

Моя задача: я риэлтор, веду покупателей и объекты; хочу, чтобы объекты и покупатели были связаны, а звонки не терялись.