.pagination {
            margin: 1rem auto;
            text-align: center;
            font-family: Arial, sans-serif;
        }

        .pagination-container {
            display: flex;
            align-items: center;
            gap: 0.25rem;
            justify-content: center;
        }

        .page-item {
            padding: 0.4rem 0.6rem;
            border: 1px solid #ddd;
            border-radius: 0.2rem;
            cursor: pointer;
            background-color: white;
            transition: all 0.3s;
            margin-right: 0.15rem;
        }

        .page-item:hover:not(.disabled) {
            background-color: #f0f0f0;
        }

        .page-item.active {
            background-color: #0072ce;
            color: white;
            border-color: #0072ce;
        }

        .page-item.disabled {
            cursor: not-allowed;
            opacity: 0.6;
        }

        .page-input {
            width: 3rem;
            padding: 0.35rem;
            border: 1px solid #ddd;
            border-radius: 0.2rem;
            text-align: center;
        }

        .go-button {
            padding: 0.4rem 0.6rem;
            background-color: #0072ce;
            color: white;
            border: none;
            border-radius: 0.2rem;
            cursor: pointer;
        }

        .go-button:hover {
            background-color: #218838;
        }