Верстка веб-интерфейса чата поддержки (чистый HTML/CSS/JS, без лишних библиотек)

Задача:
- Сверстать веб-интерфейс чата поддержки по предоставленным макетам (9 состояний).
- Мы передаем архив с дизайном и отдельные скриншоты всех состояний.
- На выходе нужен аккуратный, чистый код, без нагромождения технологий и сторонних библиотек.

Требования к верстке:
Использовать минимальный стек: чистый HTML + CSS + JS (jQuery допускается).
Желаемое количество файлов:
1 файл стилей (CSS),
1 файл скриптов (JS),
1 файл html
1 папка с картинками/иконками.

Код должен быть читаемым и удобным для последующей интеграции серверным разработчиком. Строго под один этот проект — без подключения лишних библиотек и фреймворков.

Формат работы:
Перед началом сотрудничества нужно выполнить оплачиваемое тестовое задание (сверстать одно из состояний интерфейса). Мы проверим ваш код и убедимся, что он соответствует техническим требованиям.
После успешного теста вы получите полный проект (9 состояний).