Расписание лешмейкера, в котором нет двойных записей

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

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

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

Статусы визита: записан → подтверждён → пришёл → оплачен; отдельно «не пришёл» и «перенесён». После каждого перехода обновляй список и сетку без перезагрузки страницы.

Экраны: «Сегодня» — визиты по времени, ближайшая клиентка, сумма дня, кнопки подтверждения и оплаты; «Неделя» — сетка по дням с длительностью услуг и свободными окнами; «Клиентки» — поиск по имени и телефону, карточка с историей визитов и заметками; «Услуги и цены» — длительность и стоимость, правка цены не меняет прошлые визиты; «Напоминания» — кому и когда написать; «Итоги» — визиты, оплаты и неявки за неделю и месяц.

Проверяй пересечения: нельзя поставить две клиентки на одно время, учитывай длительность. При переносе или отмене окно сразу освобождается. Через 3–4 недели после классики или коррекции предлагай повторный визит и создавай напоминание. Связанную оплату можно добавить прямо из карточки визита, не переходя в другой раздел.

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

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

После отправки бот задаст вопросы — отвечайте так, как привыкли говорить клиентке. Технические термины не нужны.