поправь стили модельного окна и его отображения размер его в шерену 250 пикселей <?php
// cp

$host = 'localhost';
$db = 'u2812027_books';
$charset = 'utf8mb4';
$user = 'u2812027_mazhar';
$pass = 'strongPasswordReg$@';

$charset = 'utf8';
$dsn = "mysql:host=$host;dbname=$db;charset=$charset";

// Настройка параметров PDO
$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) {
    // Обработка ошибки подключения
    throw new \PDOException($e->getMessage(), (int)$e->getCode());
}

// Получение вкладки из параметров GET
$tab = isset($_GET['tab']) ? $_GET['tab'] : 'users';

// Обработка удаления пользователя
if ($tab == 'users' && isset($_GET['delete_id'])) {
    $delete_id = $_GET['delete_id'];

    // Удаление пользователя по ID
    $stmt = $pdo->prepare('DELETE FROM users WHERE id = ?');
    $stmt->execute([$delete_id]);

    // Перенаправление обратно на страницу пользователей
    header('Location: cp.php?tab=users');
    exit;
}

// Обработка добавления пользователя
if ($tab == 'users' && isset($_POST['add_user'])) {
    $email = $_POST['email'];
    $login = $_POST['login'];
    $password = password_hash($_POST['password'], PASSWORD_DEFAULT);

    // Добавление пользователя в базу данных
    $stmt = $pdo->prepare('INSERT INTO users (email, login, password) VALUES (?, ?, ?)');
    $stmt->execute([$email, $login, $password]);

    // Перенаправление на страницу пользователей
    header('Location: cp?tab=users');
    exit;
}

// Обработка редактирования пользователя
if ($tab == 'edit_user' && isset($_POST['edit_user'])) {
    $user_id = $_POST['user_id'];
    $email = $_POST['email'];
    $login = $_POST['login'];

    if (!empty($_POST['password'])) {
        $password = password_hash($_POST['password'], PASSWORD_DEFAULT);
        $stmt = $pdo->prepare('UPDATE users SET email = ?, login = ?, password = ? WHERE id = ?');
        $stmt->execute([$email, $login, $password, $user_id]);
    } else {
        $stmt = $pdo->prepare('UPDATE users SET email = ?, login = ? WHERE id = ?');
        $stmt->execute([$email, $login, $user_id]);
    }

    // Перенаправление на страницу пользователей
    header('Location: cp?tab=users');
    exit;
}

?>
<!doctype html>
<html lang="ru">
<head>
    <!-- Необходимые метатеги -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Панель управления</title>

    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">

    <!-- Подключение Animate.css для анимаций -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>

    <!-- Дополнительные стили -->
    <style>
        body {
            padding-top: 60px;
        }
        .nav-link.active {
            font-weight: bold;
        }
        .table-actions {
            white-space: nowrap;
        }
        /* Анимации для кнопок */
        .btn {
            transition: transform 0.2s;
        }
        .btn:hover {
            transform: scale(1.05);
        }
        /* Анимация для модального окна */
        .modal.fade .modal-dialog {
            transform: translate(0, -50px);
            transition: transform 0.3s ease-out;
        }
        .modal.show .modal-dialog {
            transform: translate(0, 0);
            
        }
    </style>
</head>
<body>

<!-- Навигационная панель -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top shadow">
    <div class="container-fluid">
        <a class="navbar-brand" href="#">Панель управления</a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
                aria-controls="navbarNav" aria-expanded="false" aria-label="Переключить навигацию">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse animate__animated animate__fadeInDown" id="navbarNav">
            <ul class="navbar-nav">
                <li class="nav-item">
                    <a class="nav-link <?= $tab == 'users' ? 'active' : '' ?>" href="?tab=users">Пользователи</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link <?= $tab == 'paid_users' ? 'active' : '' ?>" href="?tab=paid_users">Оплаченные пользователи</a>
                </li>
            </ul>
        </div>
    </div>
</nav>

<!-- Основной контент -->
<div class="container">
    <?php
    switch ($tab) {
        case 'users':
            // Получение списка пользователей
            $stmt = $pdo->query('SELECT * FROM users');
            $users = $stmt->fetchAll();
            ?>

            <h2 class="my-4">Список пользователей</h2>
            <!-- Кнопка вызова модального окна для добавления пользователя -->
            <button type="button" class="btn btn-primary mb-3" data-bs-toggle="modal" data-bs-target="#addUserModal">
                Добавить пользователя
            </button>

            <!-- Таблица пользователей -->
            <div class="table-responsive animate__animated animate__fadeIn">
                <table class="table table-hover align-middle">
                    <thead class="table-dark">
                    <tr>
                        <th>ID</th>
                        <th>Email</th>
                        <th>Логин</th>
                        <th>Дата создания</th>
                        <th class="text-end">Действия</th>
                    </tr>
                    </thead>
                    <tbody>
                    <?php foreach ($users as $user): ?>
                        <tr>
                            <td><?= htmlspecialchars($user['id']) ?></td>
                            <td><?= htmlspecialchars($user['email']) ?></td>
                            <td><?= htmlspecialchars($user['login']) ?></td>
                            <td><?= htmlspecialchars($user['created_at']) ?></td>
                            <td class="text-end table-actions">
                                <!-- Кнопка редактировать -->
                                <a href="?tab=edit_user&id=<?= $user['id'] ?>" class="btn btn-sm btn-warning">Редактировать</a>

                                <!-- Кнопка токены -->
                                <button type="button" class="btn btn-sm btn-info" data-bs-toggle="modal" data-bs-target="#tokensModal_<?= $user['id'] ?>">
                                    Токены
                                </button>

                                <!-- Модальное окно Токены -->
                                <div class="modal fade" id="tokensModal_<?= $user['id'] ?>" tabindex="-1" aria-labelledby="tokensModalLabel_<?= $user['id'] ?>" aria-hidden="true">
                                    <div class="modal-dialog modal-dialog-centered">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <h5 class="modal-title" id="tokensModalLabel_<?= $user['id'] ?>">Токены пользователя #<?= htmlspecialchars($user['id']) ?></h5>
                                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Закрыть"></button>
                                            </div>
                                            <div class="modal-body">
                                                <?php
                                                // Получение токенов пользователя
                                                $stmtTokens = $pdo->prepare('SELECT token, token_email, verf_email_code FROM users WHERE id = ?');
                                                $stmtTokens->execute([$user['id']]);
                                                $tokens = $stmtTokens->fetch();

                                                if ($tokens):
                                                ?>
                                                    <ul class="list-group">
                                                        <?php if (!empty($tokens['token'])): ?>
                                                        <li class="list-group-item">
                                                            <strong>Token:</strong>
                                                            <code><?= htmlspecialchars($tokens['token']) ?></code>
                                                        </li>
                                                        <?php endif; ?>
                                                        <?php if (!empty($tokens['token_email'])): ?>
                                                        <li class="list-group-item">
                                                            <strong>Token Email:</strong>
                                                            <code><?= htmlspecialchars($tokens['token_email']) ?></code>
                                                        </li>
                                                        <?php endif; ?>
                                                        <?php if (!empty($tokens['verf_email_code'])): ?>
                                                        <li class="list-group-item">
                                                            <strong>Verification Code:</strong>
                                                            <code><?= htmlspecialchars($tokens['verf_email_code']) ?></code>
                                                        </li>
                                                        <?php endif; ?>
                                                    </ul>
                                                <?php else: ?>
                                                    <p>Токены не найдены.</p>
                                                <?php endif; ?>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Закрыть</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- Кнопка удалить -->
                                <a href="?tab=users&delete_id=<?= $user['id'] ?>"
                                   class="btn btn-sm btn-danger"
                                   onclick="return confirm('Вы уверены, что хотите удалить этого пользователя?')">Удалить</a>
                            </td>
                        </tr>
                    <?php endforeach; ?>
                    </tbody>
                </table>
            </div>

            <!-- Модальное окно для добавления пользователя -->
            <div class="modal fade" id="addUserModal" tabindex="-1" aria-labelledby="addUserModalLabel"
                 aria-hidden="true">
                <div class="modal-dialog modal-dialog-centered">
                    <div class="modal-content">
                        <form action="cp?tab=users" method="post">
                            <div class="modal-header">
                                <h5 class="modal-title" id="addUserModalLabel">Добавить пользователя</h5>
                                <button type="button" class="btn-close" data-bs-dismiss="modal"
                                        aria-label="Закрыть"></button>
                            </div>
                            <div class="modal-body">
                                <div class="mb-3">
                                    <label for="email" class="form-label">Email:</label>
                                    <input type="email" id="email" name="email" class="form-control" required>
                                </div>
                                <div class="mb-3">
                                    <label for="login" class="form-label">Логин:</label>
                                    <input type="text" id="login" name="login" class="form-control" required>
                                </div>
                                <div class="mb-3">
                                    <label for="password" class="form-label">Пароль:</label>
                                    <input type="password" id="password" name="password" class="form-control" required>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Отмена</button>
                                <button type="submit" name="add_user" class="btn btn-primary">Добавить</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>

            <?php
            break;

        case 'edit_user':
            // Получение ID пользователя из параметра GET
            if (!isset($_GET['id'])) {
                header('Location: cp?tab=users');
                exit;
            }
            $user_id = $_GET['id'];

            // Получение данных пользователя
            $stmt = $pdo->prepare('SELECT * FROM users WHERE id = ?');
            $stmt->execute([$user_id]);
            $user = $stmt->fetch();

            if (!$user) {
                echo "<div class='alert alert-danger'>Пользователь не найден.</div>";
                exit;
            }
            ?>

            <h2 class="my-4">Редактировать пользователя</h2>

            <form action="cp?tab=edit_user" method="post" class="mt-4 animate__animated animate__fadeInUp">
                <input type="hidden" name="user_id" value="<?= htmlspecialchars($user['id']) ?>">
                <div class="mb-3">
                    <label for="email" class="form-label">Email:</label>
                    <input type="email" id="email" name="email" value="<?= htmlspecialchars($user['email']) ?>"
                           class="form-control" required>
                </div>
                <div class="mb-3">
                    <label for="login" class="form-label">Логин:</label>
                    <input type="text" id="login" name="login" value="<?= htmlspecialchars($user['login']) ?>"
                           class="form-control" required>
                </div>
                <div class="mb-3">
                    <label for="password" class="form-label">Пароль (оставьте пустым, если не хотите менять):</label>
                    <input type="password" id="password" name="password" class="form-control">
                </div>
                <button type="submit" name="edit_user" class="btn btn-success">Сохранить</button>
                <a href="cp?tab=users" class="btn btn-secondary">Отмена</a>
            </form>

            <?php
            break;

        case 'paid_users':
            // Получение списка оплаченных пользователей
            $stmt = $pdo->prepare('
            SELECT u.id, u.email, u.login, p.date_update AS payment_date, p.amount
            FROM users u
            INNER JOIN payments p ON u.id = p.user_id
            WHERE p.status = ?');
            $status_paid = 'paid'; // Замените на реальное значение статуса оплаты
            $stmt->execute([$status_paid]);
            $paid_users = $stmt->fetchAll();
            ?>

            <h2 class="my-4">Оплаченные пользователи</h2>

            <!-- Таблица оплаченных пользователей -->
            <div class="table-responsive animate__animated animate__fadeIn">
                <table class="table table-hover align-middle">
                    <thead class="table-dark">
                    <tr>
                        <th>ID пользователя</th>
                        <th>Email</th>
                        <th>Логин</th>
                        <th>Дата оплаты</th>
                        <th>Сумма</th>
                    </tr>
                    </thead>
                    <tbody>
                    <?php foreach ($paid_users as $user): ?>
                        <tr>
                            <td><?= htmlspecialchars($user['id']) ?></td>
                            <td><?= htmlspecialchars($user['email']) ?></td>
                            <td><?= htmlspecialchars($user['login']) ?></td>
                            <td><?= htmlspecialchars($user['payment_date']) ?></td>
                            <td><?= htmlspecialchars($user['amount']) ?></td>
                        </tr>
                    <?php endforeach; ?>
                    </tbody>
                </table>
            </div>

            <?php
            break;

        default:
            echo "<p>Выберите вкладку.</p>";
            break;
    }
    ?>
</div>

<!-- Bootstrap JS и зависимости -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

</body>
</html>