docs: add Phase 2 roadmap to refactor plan

.ai/BENTO_REFACTOR.md

@@ -148,3 +148,58 @@ interface BentoCardProps {
 - `src/pages/Dashboard.tsx` — главный экран (монстр, но логику не трогаем)
 
 **Темы:** Есть dark и light (champagne). Bento-стили должны работать в обеих.
+
+---
+
+## Следующие этапы (Phase 2)
+
+### Этап 5: Остальные страницы пользователя
+> Применить bento-стили к основным страницам
+
+| # | Страница | Приоритет | Объём |
+|---|----------|-----------|-------|
+| 5.1 | Subscription.tsx | High | Большая — формы, тарифы, карточки |
+| 5.2 | Balance.tsx | High | Средняя — баланс, транзакции, методы оплаты |
+| 5.3 | Referral.tsx | Medium | Средняя — статистика, ссылка, условия |
+| 5.4 | Support.tsx | Medium | Малая — тикеты |
+| 5.5 | Profile.tsx | Low | Малая — настройки |
+| 5.6 | Info.tsx | Low | Малая — статичный контент |
+
+### Этап 6: Модалки
+> Обновить модальные окна в bento-стиле
+
+| # | Компонент | Заметки |
+|---|-----------|---------|
+| 6.1 | ConnectionModal | QR-код, кнопки подключения |
+| 6.2 | TopUpModal | Форма пополнения |
+| 6.3 | InsufficientBalancePrompt | Промпт о недостатке средств |
+
+### Этап 7: Header
+> Обновить шапку (опционально)
+
+| # | Задача | Заметки |
+|---|--------|---------|
+| 7.1 | Лого в bento-стиле | Скругления, тень |
+| 7.2 | Mobile menu | Floating стиль? |
+
+### Этап 8: Полировка
+> Финальные штрихи
+
+| # | Задача |
+|---|--------|
+| 8.1 | Анимации появления карточек (stagger) |
+| 8.2 | Микро-взаимодействия (hover glow) |
+| 8.3 | Тестирование на разных устройствах |
+| 8.4 | Performance check (особенно blur на mobile) |
+
+---
+
+## Changelog
+
+### 2026-01-20 — MVP Complete
+- ✅ Urbanist шрифт
+- ✅ CSS переменные Bento
+- ✅ BentoCard компонент
+- ✅ Floating TabBar
+- ✅ Dashboard в bento-стиле
+- ✅ Commit: `bf0bcfb`