diff --git a/src/app/(dashboard)/aprovacoes/pendentes/page.tsx b/src/app/(dashboard)/aprovacoes/pendentes/page.tsx
index 2836e3da..151c6c1d 100644
--- a/src/app/(dashboard)/aprovacoes/pendentes/page.tsx
+++ b/src/app/(dashboard)/aprovacoes/pendentes/page.tsx
@@ -1,9 +1,11 @@
 import type { Metadata } from 'next'
 
+import { PendingPatientRequirements } from '@/modules/patient-requirements/pending-requirements'
+
 export const metadata: Metadata = {
   title: 'Envios pendentes',
 }
 
 export default function Page() {
-  return <p>Envios pendentes</p>
+  return <PendingPatientRequirements />
 }
diff --git a/src/app/globals.css b/src/app/globals.css
index cc8badb2..3504c5d9 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -24,7 +24,7 @@
   --color-accent-foreground: #0a0d14;
 
   --color-success: #059669;
-  --color-warning: #f17b2c;
+  --color-warning: #a16207;
   --color-error: #df1c41;
 
   --color-ring: #008b62;
diff --git a/src/components/ui/button.tsx b/src/components/ui/button.tsx
index 8032929a..3d6d7ee7 100644
--- a/src/components/ui/button.tsx
+++ b/src/components/ui/button.tsx
@@ -5,7 +5,7 @@ import { Loader2Icon } from 'lucide-react'
 import { cn } from '@/utils/class-name-merge'
 
 const buttonVariants = cva(
-  'ring-offset-background focus-visible:ring-ring inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 rounded-lg text-sm font-medium whitespace-nowrap transition-all focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 aria-readonly:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:transition-colors',
+  'ring-offset-background focus-visible:ring-ring inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 rounded-lg font-medium whitespace-nowrap transition-all focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 aria-readonly:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:transition-colors',
   {
     variants: {
       variant: {
@@ -23,9 +23,9 @@ const buttonVariants = cva(
       },
       size: {
         default: 'h-10 min-h-10 px-4 [&_svg]:size-5',
-        xs: 'h-8 min-h-8 rounded-md px-2.5 text-xs [&_svg]:size-4',
+        xs: 'h-8 min-h-8 rounded-md px-2.5 text-sm [&_svg]:size-4',
         sm: 'h-9 min-h-9 px-4 [&_svg]:size-4',
-        lg: 'h-11 min-h-11 rounded-xl px-3 text-base [&_svg]:size-5',
+        lg: 'h-11 min-h-11 rounded-xl px-3 [&_svg]:size-5',
         icon: 'min-size-10 size-10 [&_svg]:size-5',
       },
     },
diff --git a/src/components/ui/card.tsx b/src/components/ui/card.tsx
index 703cd9ad..c95e1167 100644
--- a/src/components/ui/card.tsx
+++ b/src/components/ui/card.tsx
@@ -1,17 +1,26 @@
+import { cva, type VariantProps } from 'class-variance-authority'
 import type { HTMLAttributes } from 'react'
 
 import { cn } from '@/utils/class-name-merge'
 
-export type CardProps = HTMLAttributes<HTMLDivElement>
+const cardVariants = cva('overflow-hidden rounded-2xl border p-4', {
+  variants: {
+    variant: {
+      default: 'bg-card border-border shadow-xs',
+      info: 'bg-accent/75 border-border',
+      warning: 'bg-warning/5 border-warning/25',
+      error: 'bg-error/5 border-error/25',
+      success: 'bg-success/5 border-success/25',
+    },
+  },
+  defaultVariants: {
+    variant: 'default',
+  },
+})
 
-export function Card({ className, ...props }: Readonly<CardProps>) {
-  return (
-    <div
-      className={cn(
-        'bg-card border-border overflow-hidden rounded-2xl border p-4 shadow-xs',
-        className,
-      )}
-      {...props}
-    />
-  )
+export type CardProps = HTMLAttributes<HTMLDivElement> &
+  VariantProps<typeof cardVariants>
+
+export function Card({ variant, className, ...props }: Readonly<CardProps>) {
+  return <div className={cn(cardVariants({ variant, className }))} {...props} />
 }
diff --git a/src/components/ui/dialog/container.tsx b/src/components/ui/dialog/container.tsx
index a6dc81a4..91c2ab42 100644
--- a/src/components/ui/dialog/container.tsx
+++ b/src/components/ui/dialog/container.tsx
@@ -31,7 +31,7 @@ export function DialogContainer({
           <DialogPrimitive.Close
             className={cn(
               buttonVariants({ variant: 'ghost', size: 'icon' }),
-              'hover:text-foreground text-foreground-soft absolute top-3 right-3 size-8 [&_svg]:size-4',
+              'hover:text-foreground text-foreground-soft absolute top-3 right-3 size-8',
             )}
           >
             <XIcon />
diff --git a/src/components/ui/dialog/description.tsx b/src/components/ui/dialog/description.tsx
index 204e153b..16b0ff23 100644
--- a/src/components/ui/dialog/description.tsx
+++ b/src/components/ui/dialog/description.tsx
@@ -8,7 +8,7 @@ export function DialogDescription({
 }: Readonly<React.ComponentProps<typeof DialogPrimitive.Description>>) {
   return (
     <DialogPrimitive.Description
-      className={cn('text-foreground-soft text-sm', className)}
+      className={cn('text-foreground-soft', className)}
       {...props}
     />
   )
diff --git a/src/components/ui/dialog/header.tsx b/src/components/ui/dialog/header.tsx
index 3fe2c30d..4f1f7d4b 100644
--- a/src/components/ui/dialog/header.tsx
+++ b/src/components/ui/dialog/header.tsx
@@ -30,7 +30,7 @@ export function DialogHeader({
         </div>
       )}
 
-      <div>{props.children}</div>
+      <div className='flex flex-col gap-1'>{props.children}</div>
     </header>
   )
 }
diff --git a/src/components/ui/dialog/title.tsx b/src/components/ui/dialog/title.tsx
index d7304719..d852b4b5 100644
--- a/src/components/ui/dialog/title.tsx
+++ b/src/components/ui/dialog/title.tsx
@@ -8,7 +8,7 @@ export function DialogTitle({
 }: Readonly<React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>>) {
   return (
     <DialogPrimitive.Title
-      className={cn('text-lg font-medium', className)}
+      className={cn('text-xl font-medium', className)}
       {...props}
     />
   )
diff --git a/src/components/ui/label.tsx b/src/components/ui/label.tsx
index 3d826853..c205fb64 100644
--- a/src/components/ui/label.tsx
+++ b/src/components/ui/label.tsx
@@ -14,7 +14,7 @@ export function Label({
     <label
       aria-readonly={readOnly}
       className={cn(
-        'text-sm font-medium peer-disabled:opacity-50 aria-readonly:pointer-events-none',
+        'font-medium peer-disabled:opacity-50 aria-readonly:pointer-events-none',
         className,
       )}
       {...props}
diff --git a/src/components/ui/tag.tsx b/src/components/ui/tag.tsx
index 180ac8df..7fd1a3ad 100644
--- a/src/components/ui/tag.tsx
+++ b/src/components/ui/tag.tsx
@@ -1,16 +1,41 @@
+import { cva, type VariantProps } from 'class-variance-authority'
+import type { HTMLAttributes } from 'react'
+
 import { cn } from '@/utils/class-name-merge'
 
+const tagVariants = cva(
+  'flex w-fit items-center gap-1 border font-medium transition-colors [&_svg]:pointer-events-none [&_svg]:shrink-0',
+  {
+    variants: {
+      variant: {
+        outlined: 'bg-background text-foreground-soft border-border',
+        info: 'bg-border/50 text-foreground border-border',
+        warning: 'bg-warning/15 text-warning border-warning/25',
+        error: 'bg-error/15 text-error border-error/25',
+        success: 'bg-success/15 text-success border-success/25',
+      },
+      size: {
+        default: 'rounded-lg px-3 py-2 text-sm leading-none [&_svg]:size-5',
+        sm: 'rounded-md px-2 py-1.5 text-sm leading-none [&_svg]:size-4',
+      },
+    },
+    defaultVariants: {
+      variant: 'outlined',
+      size: 'default',
+    },
+  },
+)
+
+export type TagProps = HTMLAttributes<HTMLDivElement> &
+  VariantProps<typeof tagVariants>
+
 export function Tag({
+  variant,
+  size,
   className,
   ...props
-}: Readonly<React.ComponentProps<'div'>>) {
+}: Readonly<TagProps>) {
   return (
-    <div
-      className={cn(
-        'border-border text-foreground-soft bg-background flex w-fit items-center gap-1 rounded-md border px-2 py-1 text-xs font-medium [&_svg]:size-3.5',
-        className,
-      )}
-      {...props}
-    />
+    <div className={cn(tagVariants({ variant, size, className }))} {...props} />
   )
 }
diff --git a/src/components/ui/textarea.tsx b/src/components/ui/textarea.tsx
index cf3ad79b..abb5e90c 100644
--- a/src/components/ui/textarea.tsx
+++ b/src/components/ui/textarea.tsx
@@ -3,7 +3,7 @@ import { cva, type VariantProps } from 'class-variance-authority'
 import { cn } from '@/utils/class-name-merge'
 
 export const textareaVariants = cva(
-  'ring-offset-background focus-visible:ring-ring bg-background w-full shrink-0 resize-y rounded-lg border px-3 py-2 text-sm shadow-xs transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none read-only:focus-visible:ring-0 read-only:focus-visible:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50',
+  'ring-offset-background focus-visible:ring-ring bg-background w-full shrink-0 resize-y rounded-lg border px-3 py-2 shadow-xs transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none read-only:focus-visible:ring-0 read-only:focus-visible:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50',
   {
     variants: {
       variant: {
diff --git a/src/constants/cache.ts b/src/constants/cache.ts
index 611a91e4..a6387851 100644
--- a/src/constants/cache.ts
+++ b/src/constants/cache.ts
@@ -10,6 +10,7 @@ export const QUERY_CACHE_KEYS = {
   profile: 'profile',
   patients: 'patients',
   approvals: {
+    pending: 'approvals-pending',
     approved: 'approvals-approved',
   },
   dashboard: {
diff --git a/src/modules/patient-requirements/add-patient-requirement-button.tsx b/src/modules/patient-requirements/add-patient-requirement-button.tsx
new file mode 100644
index 00000000..4003e564
--- /dev/null
+++ b/src/modules/patient-requirements/add-patient-requirement-button.tsx
@@ -0,0 +1,31 @@
+'use client'
+
+import { PlusIcon } from 'lucide-react'
+import React, { useState } from 'react'
+
+import type { ButtonProps } from '@/components/ui/button'
+import { Dialog } from '@/components/ui/dialog/index'
+import { DialogTrigger } from '@/components/ui/dialog/trigger'
+
+import { PatientRequirementModal } from './requirement-modal'
+
+export function AddPatientRequirementButton(props: Readonly<ButtonProps>) {
+  const [isPatientRequirementOpen, setIsPatientRequirementOpen] =
+    useState(false)
+
+  return (
+    <Dialog
+      open={isPatientRequirementOpen}
+      onOpenChange={setIsPatientRequirementOpen}
+    >
+      <DialogTrigger {...props}>
+        <PlusIcon />
+        Nova solicitação
+      </DialogTrigger>
+
+      {isPatientRequirementOpen && (
+        <PatientRequirementModal onOpenChange={setIsPatientRequirementOpen} />
+      )}
+    </Dialog>
+  )
+}
diff --git a/src/modules/patient-requirements/approved-list-table.tsx b/src/modules/patient-requirements/approved-list-table.tsx
index 750b0824..9481cbc3 100644
--- a/src/modules/patient-requirements/approved-list-table.tsx
+++ b/src/modules/patient-requirements/approved-list-table.tsx
@@ -115,7 +115,7 @@ export function ApprovedPatientRequirementsListTable() {
                 <TableCell colSpan={4} className='py-4 text-center'>
                   {hasActiveFilters
                     ? 'Nenhuma aprovação encontrada para os filtros aplicados.'
-                    : 'Nenhuma aprovação encontrada'}
+                    : 'Nenhuma aprovação encontrada.'}
                 </TableCell>
               </TableRow>
             </TableBody>
diff --git a/src/modules/patient-requirements/pending-requirements.tsx b/src/modules/patient-requirements/pending-requirements.tsx
new file mode 100644
index 00000000..5bb05470
--- /dev/null
+++ b/src/modules/patient-requirements/pending-requirements.tsx
@@ -0,0 +1,167 @@
+'use client'
+
+import { useQuery } from '@tanstack/react-query'
+import { differenceInDays } from 'date-fns'
+import { Calendar, CircleAlert } from 'lucide-react'
+import { useEffect, useState } from 'react'
+
+import { DataTableHeader } from '@/components/data-table/header'
+import { DataTableHeaderActions } from '@/components/data-table/header/actions'
+import { DataTableHeaderOrderBy } from '@/components/data-table/header/order-by'
+import { DataTableHeaderSearch } from '@/components/data-table/header/search'
+import { Pagination } from '@/components/pagination'
+import { Card } from '@/components/ui/card'
+import { Skeleton } from '@/components/ui/skeleton'
+import { Tag } from '@/components/ui/tag'
+import { QUERY_CACHE_KEYS } from '@/constants/cache'
+import { QUERY_PARAMS } from '@/constants/params'
+import { useParams } from '@/hooks/params'
+import { api } from '@/lib/api'
+import type { OrderMappingType } from '@/types/order'
+import type { PatientRequirement } from '@/types/patient-requirements'
+import {
+  PATIENT_REQUIREMENT_TYPES,
+  PATIENT_REQUIREMENTS_ORDER_OPTIONS,
+  type PatientRequirementsOrder,
+} from '@/types/patient-requirements'
+import { cn } from '@/utils/class-name-merge'
+import { formatDate } from '@/utils/formatters/format-date'
+
+import { AddPatientRequirementButton } from './add-patient-requirement-button'
+
+// TODO: add dropdown menu
+export function PendingPatientRequirements() {
+  const [stableTotal, setStableTotal] = useState(0)
+  const { getParam } = useParams()
+
+  const perPage = 12
+  const page = getParam(QUERY_PARAMS.page)
+  const search = getParam(QUERY_PARAMS.search)
+  const orderBy = getParam(QUERY_PARAMS.orderBy)
+
+  const ORDER_MAPPING: OrderMappingType<PatientRequirementsOrder> = {
+    name_asc: { orderBy: 'name', order: 'ASC' },
+    name_desc: { orderBy: 'name', order: 'DESC' },
+    date_asc: { orderBy: 'date', order: 'ASC' },
+    date_desc: { orderBy: 'date', order: 'DESC' },
+    type_asc: { orderBy: 'type', order: 'ASC' },
+    type_desc: { orderBy: 'type', order: 'DESC' },
+  }
+
+  const orderByQuery = ORDER_MAPPING[orderBy as PatientRequirementsOrder] ?? {
+    orderBy: 'date',
+    order: 'DESC',
+  }
+
+  const { data: response, isLoading } = useQuery({
+    queryKey: [QUERY_CACHE_KEYS.approvals.pending, search, page, orderByQuery],
+    queryFn: () =>
+      api<{ requirements: PatientRequirement[]; total: number }>(
+        '/patient-requirements',
+        {
+          params: {
+            page,
+            perPage,
+            search,
+            status: 'pending',
+            ...orderByQuery,
+          },
+        },
+      ),
+  })
+
+  const requirements = response?.data?.requirements ?? []
+  const isEmpty = requirements.length === 0
+  const hasActiveFilters = !!search
+
+  useEffect(() => {
+    if (response?.data) {
+      setStableTotal(response.data.total)
+    }
+  }, [response?.data])
+
+  return (
+    <>
+      <DataTableHeader>
+        <DataTableHeaderActions>
+          <DataTableHeaderSearch placeholder='Pesquisar nome...' />
+          <DataTableHeaderOrderBy
+            options={PATIENT_REQUIREMENTS_ORDER_OPTIONS}
+            className='w-52'
+          />
+          <AddPatientRequirementButton size='sm' />
+        </DataTableHeaderActions>
+      </DataTableHeader>
+
+      <Card className='grid gap-4 p-6 sm:grid-cols-2 xl:grid-cols-3'>
+        {isLoading && <Skeleton quantity={12} className='h-40 rounded-xl' />}
+
+        {isEmpty && !isLoading && (
+          <div className='text-foreground-soft col-span-full py-8 text-center'>
+            {hasActiveFilters
+              ? 'Nenhuma aprovação encontrada para os filtros aplicados.'
+              : 'Nenhuma aprovação pendente encontrada.'}
+          </div>
+        )}
+
+        {!isEmpty &&
+          requirements.map((requirement) => {
+            const pendingDays = differenceInDays(
+              new Date(),
+              new Date(requirement.created_at),
+            )
+
+            const severityVariant = () => {
+              if (pendingDays <= 3) return 'info'
+              if (pendingDays <= 7) return 'warning'
+              return 'error'
+            }
+
+            return (
+              <Card
+                key={requirement.id}
+                variant={severityVariant()}
+                className='flex flex-col gap-1 rounded-xl shadow-none'
+              >
+                <h2 className='text-lg font-medium'>
+                  {requirement.patient.name}
+                </h2>
+
+                <div className='text-foreground-soft flex items-center gap-2'>
+                  <span>Pendência:</span>
+                  <Tag size='sm' variant={severityVariant()}>
+                    {PATIENT_REQUIREMENT_TYPES[requirement.type]}
+                  </Tag>
+                </div>
+
+                <div className='text-foreground-soft flex items-center gap-1'>
+                  <Calendar className='text-disabled size-4' />
+                  <span>
+                    Solicitado em {formatDate(requirement.created_at)}
+                  </span>
+                </div>
+
+                <div
+                  data-severity={severityVariant()}
+                  className={cn(
+                    'mt-3 flex items-center gap-1.5',
+                    'data-[severity="warning"]:text-warning',
+                    'data-[severity="error"]:text-error',
+                  )}
+                >
+                  <CircleAlert className='size-4' />
+                  <p>
+                    {pendingDays <= 1
+                      ? 'Pendente há 1 dia'
+                      : `Pendente há ${pendingDays} dias`}
+                  </p>
+                </div>
+              </Card>
+            )
+          })}
+      </Card>
+
+      <Pagination perPage={perPage} totalItems={stableTotal} />
+    </>
+  )
+}
diff --git a/src/modules/patient-requirements/requirement-modal.tsx b/src/modules/patient-requirements/requirement-modal.tsx
new file mode 100644
index 00000000..fa2e17ae
--- /dev/null
+++ b/src/modules/patient-requirements/requirement-modal.tsx
@@ -0,0 +1,102 @@
+'use client'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { FormProvider, useForm } from 'react-hook-form'
+import { z } from 'zod'
+
+import { FormContainer } from '@/components/form/form-container'
+import { SelectInput } from '@/components/form/select-input'
+import { TextInput } from '@/components/form/text-input'
+import { TextareaInput } from '@/components/form/textarea-input'
+import { Button } from '@/components/ui/button'
+import { DialogClose } from '@/components/ui/dialog/close'
+import { DialogContainer } from '@/components/ui/dialog/container'
+import { DialogContent } from '@/components/ui/dialog/content'
+import { DialogDescription } from '@/components/ui/dialog/description'
+import { DialogFooter } from '@/components/ui/dialog/footer'
+import { DialogHeader } from '@/components/ui/dialog/header'
+import { DialogTitle } from '@/components/ui/dialog/title'
+import { PATIENT_REQUIREMENT_TYPE_OPTIONS } from '@/types/patient-requirements'
+
+const patientRequirementFormSchema = z.object({
+  name: z.string().min(1, 'O nome do paciente é obrigatório'),
+  type: z.enum(['medical_report', 'screening']),
+  description: z
+    .string()
+    .max(500)
+    .transform((value) => (!value ? null : value))
+    .nullable(),
+})
+type PatientRequirementFormSchema = z.infer<typeof patientRequirementFormSchema>
+
+interface PatientRequirementModalProps {
+  onOpenChange: (open: boolean) => void
+}
+
+export function PatientRequirementModal({
+  onOpenChange,
+}: Readonly<PatientRequirementModalProps>) {
+  const formMethods = useForm<PatientRequirementFormSchema>({
+    resolver: zodResolver(patientRequirementFormSchema),
+    defaultValues: {
+      patient_name: '',
+      document_type: '',
+      description: '',
+    } as unknown as PatientRequirementFormSchema,
+    mode: 'onBlur',
+  })
+
+  async function submitForm(data: PatientRequirementFormSchema) {
+    // TODO: submit form data to API
+    console.log(data)
+    onOpenChange(false)
+  }
+
+  return (
+    <DialogContainer>
+      <DialogHeader>
+        <DialogTitle>Adicionar solicitação</DialogTitle>
+        <DialogDescription>
+          Crie uma nova solicitação para este paciente e mantenha o
+          acompanhamento atualizado.
+        </DialogDescription>
+      </DialogHeader>
+
+      <FormProvider {...formMethods}>
+        <FormContainer
+          onSubmit={formMethods.handleSubmit(submitForm)}
+          className='flex flex-1 flex-col justify-between'
+        >
+          <DialogContent className='space-y-6'>
+            <TextInput name='name' label='Paciente' isRequired />
+
+            <SelectInput
+              name='type'
+              label='Tipo da solicitação'
+              options={PATIENT_REQUIREMENT_TYPE_OPTIONS}
+              isRequired
+            />
+
+            <TextareaInput
+              rows={6}
+              maxLength={500}
+              name='description'
+              label='Descrição (opcional)'
+              placeholder='Adicione detalhes sobre a solicitação...'
+            />
+          </DialogContent>
+
+          <DialogFooter>
+            <Button
+              type='submit'
+              className='flex-1'
+              loading={formMethods.formState.isSubmitting}
+            >
+              Confirmar
+            </Button>
+            <DialogClose className='flex-1'>Cancelar</DialogClose>
+          </DialogFooter>
+        </FormContainer>
+      </FormProvider>
+    </DialogContainer>
+  )
+}
diff --git a/src/types/patient-requirements.ts b/src/types/patient-requirements.ts
index e69180a8..26496608 100644
--- a/src/types/patient-requirements.ts
+++ b/src/types/patient-requirements.ts
@@ -25,11 +25,14 @@ export const PATIENT_REQUIREMENT_TYPES = {
   screening: 'Triagem',
   medical_report: 'Laudo',
 }
-export type PatientRequirementsType = keyof typeof PATIENT_REQUIREMENT_TYPES
+export type PatientRequirementType = keyof typeof PATIENT_REQUIREMENT_TYPES
+export const PATIENT_REQUIREMENT_TYPE_OPTIONS = convertObjectToOptions(
+  PATIENT_REQUIREMENT_TYPES,
+)
 
 export type PatientRequirement = {
   id: string
-  type: PatientRequirementsType
+  type: PatientRequirementType
   status: PatientRequirementStatus
   description: string | null
   submitted_at: string | null
diff --git a/tests/components/ui/label.test.tsx b/tests/components/ui/label.test.tsx
index fac34914..4d69ad7b 100644
--- a/tests/components/ui/label.test.tsx
+++ b/tests/components/ui/label.test.tsx
@@ -13,7 +13,6 @@ describe('Label', () => {
     const labelElement = screen.getByText(text)
 
     expect(labelElement).toBeInTheDocument()
-    expect(labelElement).toHaveClass('text-sm')
     expect(labelElement).toHaveClass('font-medium')
     expect(labelElement).toHaveAttribute('for', 'name')
   })