  <!--start main wrapper-->
    <main class="main-wrapper">
        <div class="main-content">
            <div class="row my-2">
                <div class="col-md-12">
                    <div class="input-group custom-search">
                        <span class="input-group-text"><i class="bi bi-search"></i></span>
                        <input type="text" class="form-control" placeholder="Search..." aria-label="Search">
                    </div>
                </div>
            </div>
<div class="row g-3">
    <div class="col-md-6">
      <div class="report-card">
        <!-- Header -->
        <div class="report-header">
         User: Jane.doe@example.com
        </div>

        <!-- Body -->
        <div class="report-body p-3">
          <div class="d-flex gap-2 align-items-center mb-2">
            <div class=" report-label">Followers: </div>
            <div class="">12,300</div>
          </div>
          <div class="d-flex gap-2 align-items-center mb-2">
            <div class=" report-label">Videos: </div>
            <div class="">52</div>
          </div>
          <div class="d-flex gap-2 align-items-center mb-2">
            <div class=" report-label">Status: </div>
            <div class="">Pending</div>
          </div>
          <div class="row mb-3">
            <div class="col-12 report-label">Admin note:</div>
            <div class="col-12 mt-2">
               <textarea class="form-control custom-input" name="" id="" placeholder="Enter note" rows="4"></textarea>
            </div>
          </div>

          <!-- Buttons -->
          <div class="d-flex justify-content-end gap-2">
            <button class="btn btn-success custom-btn">Approve</button>
            <button class="btn btn-danger custom-btn">Reject</button>
   
          </div>
        </div>
      </div>
    </div>
    <div class="col-md-6">
      <div class="report-card">
        <!-- Header -->
        <div class="report-header">
         User: Jane.doe@example.com
        </div>

        <!-- Body -->
        <div class="report-body p-3">
          <div class="d-flex gap-2 align-items-center mb-2">
            <div class=" report-label">Followers: </div>
            <div class="">12,300</div>
          </div>
          <div class="d-flex gap-2 align-items-center mb-2">
            <div class=" report-label">Videos: </div>
            <div class="">52</div>
          </div>
          <div class="d-flex gap-2 align-items-center mb-2">
            <div class=" report-label">Status: </div>
            <div class="">Pending</div>
          </div>
          <div class="row mb-3">
            <div class="col-12 report-label">Admin note:</div>
            <div class="col-12 mt-2">
               <textarea class="form-control custom-input" name="" id="" placeholder="Enter note" rows="4"></textarea>
            </div>
          </div>

          <!-- Buttons -->
          <div class="d-flex justify-content-end gap-2">
            <button class="btn btn-success custom-btn">Approve</button>
            <button class="btn btn-danger custom-btn">Reject</button>
   
          </div>
        </div>
      </div>
    </div>
    <div class="col-md-6">
      <div class="report-card">
        <!-- Header -->
        <div class="report-header">
         User: Jane.doe@example.com
        </div>

        <!-- Body -->
        <div class="report-body p-3">
          <div class="d-flex gap-2 align-items-center mb-2">
            <div class=" report-label">Followers: </div>
            <div class="">12,300</div>
          </div>
          <div class="d-flex gap-2 align-items-center mb-2">
            <div class=" report-label">Videos: </div>
            <div class="">52</div>
          </div>
          <div class="d-flex gap-2 align-items-center mb-2">
            <div class=" report-label">Status: </div>
            <div class="">Pending</div>
          </div>
          <div class="row mb-3">
            <div class="col-12 report-label">Admin note:</div>
            <div class="col-12 mt-2">
               <textarea class="form-control custom-input" name="" id="" placeholder="Enter note" rows="4"></textarea>
            </div>
          </div>

          <!-- Buttons -->
          <div class="d-flex justify-content-end gap-2">
            <button class="btn btn-success custom-btn">Approve</button>
            <button class="btn btn-danger custom-btn">Reject</button>
   
          </div>
        </div>
      </div>
    </div>
    <div class="col-md-6">
      <div class="report-card">
        <!-- Header -->
        <div class="report-header">
         User: Jane.doe@example.com
        </div>

        <!-- Body -->
        <div class="report-body p-3">
          <div class="d-flex gap-2 align-items-center mb-2">
            <div class=" report-label">Followers: </div>
            <div class="">12,300</div>
          </div>
          <div class="d-flex gap-2 align-items-center mb-2">
            <div class=" report-label">Videos: </div>
            <div class="">52</div>
          </div>
          <div class="d-flex gap-2 align-items-center mb-2">
            <div class=" report-label">Status: </div>
            <div class="">Pending</div>
          </div>
          <div class="row mb-3">
            <div class="col-12 report-label">Admin note:</div>
            <div class="col-12 mt-2">
               <textarea class="form-control custom-input" name="" id="" placeholder="Enter note" rows="4"></textarea>
            </div>
          </div>

          <!-- Buttons -->
          <div class="d-flex justify-content-end gap-2">
            <button class="btn btn-success custom-btn">Approve</button>
            <button class="btn btn-danger custom-btn">Reject</button>
   
          </div>
        </div>
      </div>
    </div>

  </div>

        </div>

    </main>
    <!--end main wrapper-->