Заявки в Telegram,
а не в личке

Ты — senior product designer, UX-архитектор и frontend-разработчик. Помоги мне без технических знаний собрать приложение «Бот для заявок»: приём заявок внутри Telegram, без переписки в личке и без таблиц. Сначала задай мне 8–15 простых вопросов о моей работе (кто клиенты, какие услуги или товары, откуда приходят заявки, какие статусы нужны, что показывать сразу после открытия, нужны ли суммы и напоминания). Не спрашивай про фреймворки, базы данных и архитектуру. После ответов коротко перескажи, что понял, и приступай.

Сам спроектируй сущности: заявка, клиент, услуга или товар, статус, уведомление. У заявки должны быть номер, дата и время поступления, имя клиента, телефон или ник в Telegram, услуга или товар, количество, комментарий, источник, сумма, статус и история изменений. Статусы: «новая → в работе → закрыта», плюс «отменена» с обязательной причиной. Связи — по стабильным ID, а не по имени.

Экраны: форма новой заявки или каталог услуг; список заявок с поиском, фильтром по статусу и сортировкой по свежести; карточка заявки с быстрыми действиями «В работу», «Закрыть», «Написать»; счётчики за день и неделю; компактные настройки услуг и статусов. Продумай пустые состояния, подтверждение удаления и понятный текст ошибок. Уведомление о новой заявке показывай внутри приложения и дублируй коротким сообщением в чат.

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

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

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

Моя задача: бот для приёма заявок в Telegram.