Переработай интерфейс создай дизайн эфекты и анимацию <?php  // Включение буферизации вывода ob_start();  // Подключение к базе данных $host = 'localhost'; $db = 'u2812027_books'; $charset = 'utf8mb4'; $user = 'u2812027_mazhar'; $pass = 'strongPasswordReg$@';  $dsn = "mysql:host=$host;dbname=$db;charset=$charset"; $options = [     PDO::ATTR_ERRMODE            => PDO::ERRMODE_EXCEPTION,     PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC,     PDO::ATTR_EMULATE_PREPARES   => false, ];  try {     $pdo = new PDO($dsn, $user, $pass, $options); } catch (\PDOException $e) {     http_response_code(500);     echo 'Ошибка подключения к базе данных: ' . htmlspecialchars($e->getMessage());     exit(); }  // Функция для получения всех диалогов клиентов function getAllDialogs($pdo) {     $stmt = $pdo->query('SELECT dialogs.id, dialogs.topic, clients.email FROM dialogs JOIN clients ON dialogs.client_id = clients.id');     return $stmt->fetchAll(); }  // Функция для получения сообщений в диалоге function getDialogMessages($pdo, $dialogId) {     $stmt = $pdo->prepare('SELECT * FROM messages WHERE dialog_id = ? ORDER BY created_at ASC');     $stmt->execute([$dialogId]);     return $stmt->fetchAll(); }  // Функция для обновления статуса сообщений на прочитанные function markMessagesAsRead($pdo, $dialogId) {     $stmt = $pdo->prepare('UPDATE messages SET is_read = 1 WHERE dialog_id = ? AND sender = "client"');     $stmt->execute([$dialogId]); }  // Обработка отправки сообщения от администратора if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_GET['dialog_id'], $_POST['message'])) {     $dialogId = $_GET['dialog_id'];     $message = $_POST['message'];      $stmt = $pdo->prepare('INSERT INTO messages (dialog_id, message, sender, is_read) VALUES (?, ?, ?, 0)');     $stmt->execute([$dialogId, $message, 'admin']);      // Перенаправление для предотвращения повторной отправки формы     header('Location: chat.php?dialog_id=' . htmlspecialchars($dialogId));     exit(); }  // Получение всех диалогов $dialogs = getAllDialogs($pdo);  ?>  <!DOCTYPE html> <html lang="ru"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Чат поддержки - Администратор</title>     <style>         body {             font-family: Arial, sans-serif;             background-color: #f4f4f4;             margin: 0;             padding: 20px;         }         h1 {             color: #333;         }         ul {             list-style-type: none;             padding: 0;         }         li {             background-color: #fff;             margin-bottom: 10px;             padding: 10px;             border-radius: 5px;             box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);         }         li a {             color: #3498db;             text-decoration: none;             font-weight: bold;         }         li a:hover {             text-decoration: underline;         }         .chat-container {             background-color: #fff;             padding: 20px;             border-radius: 5px;             box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);             margin-top: 20px;         }         .message {             margin-bottom: 10px;             padding: 10px;             border-radius: 5px;             background-color: #e9ecef;         }         .message.client {             background-color: #d1e7dd;         }         .message.admin {             background-color: #f8d7da;         }         form {             margin-top: 20px;         }         textarea {             width: 100%;             padding: 10px;             border-radius: 5px;             border: 1px solid #ccc;             font-size: 16px;         }         button {             margin-top: 10px;             padding: 10px 20px;             border: none;             border-radius: 5px;             background-color: #3498db;             color: white;             font-size: 16px;             cursor: pointer;         }         button:hover {             background-color: #2980b9;         }     </style> </head> <body>     <h1>Чат поддержки - Администратор</h1>      <h2>Диалоги</h2>     <ul>         <?php foreach ($dialogs as $dialog): ?>             <li>                 Клиент: <?php echo htmlspecialchars($dialog['email']); ?>                  - Тема: <?php echo htmlspecialchars($dialog['topic']); ?>                 <a href="chat.php?dialog_id=<?php echo htmlspecialchars($dialog['id']); ?>">Открыть чат</a>             </li>         <?php endforeach; ?>     </ul>      <?php     if (isset($_GET['dialog_id'])) {         $dialogId = $_GET['dialog_id'];          // Получаем сообщения диалога         $messages = getDialogMessages($pdo, $dialogId);          // Обновляем статус сообщений на прочитанные         markMessagesAsRead($pdo, $dialogId);          // Вывод сообщений диалога         echo "<div class='chat-container'><h2>Чат с клиентом - Тема: " . htmlspecialchars($dialogs[array_search($dialogId, array_column($dialogs, 'id'))]['topic']) . "</h2>";         foreach ($messages as $message) {             $senderClass = $message['sender'] === 'client' ? 'client' : 'admin';             echo '<div class="message ' . htmlspecialchars($senderClass) . '"><strong>' . htmlspecialchars(($message['sender'] === 'client' ? 'Клиент' : 'Администратор')) . ':</strong> ' . htmlspecialchars($message['message']) . '</div>';         }          // Форма для отправки сообщения         echo '         <form method="POST" action="chat.php?dialog_id=' . htmlspecialchars($dialogId) . '">             <textarea name="message" placeholder="Ваше сообщение" required></textarea>             <button type="submit">Отправить</button>         </form></div>';     }     ?>  </body> </html>  <?php // Завершение буферизации вывода ob_end_flush(); ?>