Своя программа для окон и дверей: заказы, сроки, деньги

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

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

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

Статусы заказа: принят → в работе → ждём материал → готов → выдан. Смена статуса — одним нажатием в карточке, с записью в историю.

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

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

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

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

Предусмотри пустые поля, битые данные в localStorage, удаление связанных записей, закрытие модальных окон по Escape и по клику на фон, печать заказа без лишних элементов интерфейса.

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

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

Моя задача: замер, производство и монтаж окон и дверей — с датами и деньгами.

Вставьте весь текст в поле сообщения и нажмите «Отправить» ↑.