diff --git a/app/Actions/OvertimeRequest/AcceptAsTechnicalAction.php b/app/Actions/OvertimeRequest/AcceptAsTechnicalAction.php
new file mode 100644
index 00000000..4a7800e7
--- /dev/null
+++ b/app/Actions/OvertimeRequest/AcceptAsTechnicalAction.php
@@ -0,0 +1,24 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Toby\Actions\OvertimeRequest;
+
+use Toby\Domain\OvertimeRequestStateManager;
+use Toby\Models\OvertimeRequest;
+use Toby\Models\User;
+
+class AcceptAsTechnicalAction
+{
+    public function __construct(
+        protected OvertimeRequestStateManager $stateManager,
+        protected ApproveAction $approveAction,
+    ) {}
+
+    public function execute(OvertimeRequest $overtimeRequest, User $user): void
+    {
+        $this->stateManager->acceptAsTechnical($overtimeRequest, $user);
+
+        $this->approveAction->execute($overtimeRequest);
+    }
+}
diff --git a/app/Actions/OvertimeRequest/ApproveAction.php b/app/Actions/OvertimeRequest/ApproveAction.php
new file mode 100644
index 00000000..b42ee417
--- /dev/null
+++ b/app/Actions/OvertimeRequest/ApproveAction.php
@@ -0,0 +1,21 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Toby\Actions\OvertimeRequest;
+
+use Toby\Domain\OvertimeRequestStateManager;
+use Toby\Models\OvertimeRequest;
+use Toby\Models\User;
+
+class ApproveAction
+{
+    public function __construct(
+        protected OvertimeRequestStateManager $stateManager,
+    ) {}
+
+    public function execute(OvertimeRequest $overtimeRequest, ?User $user = null): void
+    {
+        $this->stateManager->approve($overtimeRequest, $user);
+    }
+}
diff --git a/app/Actions/OvertimeRequest/CancelAction.php b/app/Actions/OvertimeRequest/CancelAction.php
new file mode 100644
index 00000000..66391ca2
--- /dev/null
+++ b/app/Actions/OvertimeRequest/CancelAction.php
@@ -0,0 +1,21 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Toby\Actions\OvertimeRequest;
+
+use Toby\Domain\OvertimeRequestStateManager;
+use Toby\Models\OvertimeRequest;
+use Toby\Models\User;
+
+class CancelAction
+{
+    public function __construct(
+        protected OvertimeRequestStateManager $stateManager,
+    ) {}
+
+    public function execute(OvertimeRequest $overtimeRequest, User $user): void
+    {
+        $this->stateManager->cancel($overtimeRequest, $user);
+    }
+}
diff --git a/app/Actions/OvertimeRequest/CreateAction.php b/app/Actions/OvertimeRequest/CreateAction.php
new file mode 100644
index 00000000..e15ce218
--- /dev/null
+++ b/app/Actions/OvertimeRequest/CreateAction.php
@@ -0,0 +1,57 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Toby\Actions\OvertimeRequest;
+
+use Illuminate\Validation\ValidationException;
+use Toby\Domain\OvertimeCalculator;
+use Toby\Domain\OvertimeRequestStateManager;
+use Toby\Models\OvertimeRequest;
+use Toby\Models\User;
+use Toby\Validation\OvertimeRequestValidator;
+
+class CreateAction
+{
+    public function __construct(
+        protected OvertimeRequestStateManager $stateManager,
+        protected WaitForTechApprovalAction $waitForTechApprovalAction,
+        protected OvertimeCalculator $overtimeCalculator,
+        protected OvertimeRequestValidator $overtimeRequestValidator,
+    ) {}
+
+    /**
+     * @throws ValidationException
+     */
+    public function execute(array $data, User $creator): OvertimeRequest
+    {
+        $overtimeRequest = $this->createVacationRequest($data, $creator);
+
+        $this->handleCreatedOvertimeRequest($overtimeRequest);
+
+        return $overtimeRequest;
+    }
+
+    /**
+     * @throws ValidationException
+     */
+    protected function createVacationRequest(array $data, User $creator): OvertimeRequest
+    {
+        /** @var OvertimeRequest $overtimeRequest */
+        $overtimeRequest = $creator->createdOvertimeRequests()->make($data);
+        $overtimeRequest->hours = $this->overtimeCalculator->calculateHours($overtimeRequest->from, $overtimeRequest->to);
+
+        $this->overtimeRequestValidator->validate($overtimeRequest);
+
+        $overtimeRequest->save();
+
+        $this->stateManager->markAsCreated($overtimeRequest);
+
+        return $overtimeRequest;
+    }
+
+    protected function handleCreatedOvertimeRequest(OvertimeRequest $overtimeRequest): void
+    {
+        $this->waitForTechApprovalAction->execute($overtimeRequest);
+    }
+}
diff --git a/app/Actions/OvertimeRequest/RejectAction.php b/app/Actions/OvertimeRequest/RejectAction.php
new file mode 100644
index 00000000..8a74c2fb
--- /dev/null
+++ b/app/Actions/OvertimeRequest/RejectAction.php
@@ -0,0 +1,21 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Toby\Actions\OvertimeRequest;
+
+use Toby\Domain\OvertimeRequestStateManager;
+use Toby\Models\OvertimeRequest;
+use Toby\Models\User;
+
+class RejectAction
+{
+    public function __construct(
+        protected OvertimeRequestStateManager $stateManager,
+    ) {}
+
+    public function execute(OvertimeRequest $overtimeRequest, User $user): void
+    {
+        $this->stateManager->reject($overtimeRequest, $user);
+    }
+}
diff --git a/app/Actions/OvertimeRequest/SettleAction.php b/app/Actions/OvertimeRequest/SettleAction.php
new file mode 100644
index 00000000..71c09b29
--- /dev/null
+++ b/app/Actions/OvertimeRequest/SettleAction.php
@@ -0,0 +1,21 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Toby\Actions\OvertimeRequest;
+
+use Toby\Domain\OvertimeRequestStateManager;
+use Toby\Models\OvertimeRequest;
+use Toby\Models\User;
+
+class SettleAction
+{
+    public function __construct(
+        protected OvertimeRequestStateManager $stateManager,
+    ) {}
+
+    public function execute(OvertimeRequest $overtimeRequest, User $user): void
+    {
+        $this->stateManager->settle($overtimeRequest, $user);
+    }
+}
diff --git a/app/Actions/OvertimeRequest/WaitForTechApprovalAction.php b/app/Actions/OvertimeRequest/WaitForTechApprovalAction.php
new file mode 100644
index 00000000..ce0e1f60
--- /dev/null
+++ b/app/Actions/OvertimeRequest/WaitForTechApprovalAction.php
@@ -0,0 +1,22 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Toby\Actions\OvertimeRequest;
+
+use Toby\Actions\VacationRequest\ApproveAction;
+use Toby\Domain\OvertimeRequestStateManager;
+use Toby\Models\OvertimeRequest;
+
+class WaitForTechApprovalAction
+{
+    public function __construct(
+        protected OvertimeRequestStateManager $stateManager,
+        protected ApproveAction $approveAction,
+    ) {}
+
+    public function execute(OvertimeRequest $overtimeRequest): void
+    {
+        $this->stateManager->waitForTechnical($overtimeRequest);
+    }
+}
diff --git a/app/Domain/DashboardAggregator.php b/app/Domain/DashboardAggregator.php
index 30b75814..adbd63a8 100644
--- a/app/Domain/DashboardAggregator.php
+++ b/app/Domain/DashboardAggregator.php
@@ -51,7 +51,7 @@ public function aggregateCalendarData(User $user, YearPeriod $yearPeriod): array
             ->vacations()
             ->with(["vacationRequest.vacations", "vacationRequest.user.profile"])
             ->whereBelongsTo($yearPeriod)
-            ->cache()
+            ->cache("vacations{$user->id}")
             ->approved()
             ->get()
             ->mapWithKeys(
@@ -64,7 +64,7 @@ public function aggregateCalendarData(User $user, YearPeriod $yearPeriod): array
             ->vacations()
             ->with(["vacationRequest.vacations", "vacationRequest.user.profile"])
             ->whereBelongsTo($yearPeriod)
-            ->cache()
+            ->cache("vacations{$user->id}")
             ->pending()
             ->get()
             ->mapWithKeys(
@@ -92,7 +92,6 @@ public function aggregateVacationRequests(User $user, YearPeriod $yearPeriod): J
                 ->states(VacationRequestStatesRetriever::waitingForUserActionStates($user))
                 ->latest("updated_at")
                 ->limit(3)
-                ->cache()
                 ->get();
         } else {
             $vacationRequests = $user->vacationRequests()
@@ -100,7 +99,6 @@ public function aggregateVacationRequests(User $user, YearPeriod $yearPeriod): J
                 ->whereBelongsTo($yearPeriod)
                 ->latest("updated_at")
                 ->limit(3)
-                ->cache()
                 ->get();
         }
 
diff --git a/app/Domain/OvertimeCalculator.php b/app/Domain/OvertimeCalculator.php
new file mode 100644
index 00000000..fb731b11
--- /dev/null
+++ b/app/Domain/OvertimeCalculator.php
@@ -0,0 +1,18 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Toby\Domain;
+
+use Carbon\Carbon;
+use Carbon\CarbonInterface;
+
+class OvertimeCalculator
+{
+    public function calculateHours(CarbonInterface $from, CarbonInterface $to): int
+    {
+        $hours = Carbon::create($from)->diffInMinutes($to);
+
+        return (int)ceil($hours / 60);
+    }
+}
diff --git a/app/Domain/OvertimeRequestStateManager.php b/app/Domain/OvertimeRequestStateManager.php
new file mode 100644
index 00000000..f76e2d5e
--- /dev/null
+++ b/app/Domain/OvertimeRequestStateManager.php
@@ -0,0 +1,80 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Toby\Domain;
+
+use Illuminate\Contracts\Events\Dispatcher;
+use Toby\Models\OvertimeRequest;
+use Toby\Models\User;
+use Toby\States\OvertimeRequest\AcceptedByTechnical;
+use Toby\States\OvertimeRequest\Approved;
+use Toby\States\OvertimeRequest\Cancelled;
+use Toby\States\OvertimeRequest\OvertimeRequestState;
+use Toby\States\OvertimeRequest\Rejected;
+use Toby\States\OvertimeRequest\Settled;
+use Toby\States\OvertimeRequest\WaitingForTechnical;
+
+class OvertimeRequestStateManager
+{
+    public function __construct(
+        protected Dispatcher $dispatcher,
+    ) {}
+
+    public function markAsCreated(OvertimeRequest $overtimeRequest): void
+    {
+        $this->createActivity($overtimeRequest, null, $overtimeRequest->state, $overtimeRequest->creator);
+    }
+
+    public function approve(OvertimeRequest $overtimeRequest, ?User $user = null): void
+    {
+        $this->changeState($overtimeRequest, Approved::class, $user);
+    }
+
+    public function reject(OvertimeRequest $overtimeRequest, User $user): void
+    {
+        $this->changeState($overtimeRequest, Rejected::class, $user);
+    }
+
+    public function cancel(OvertimeRequest $overtimeRequest, User $user): void
+    {
+        $this->changeState($overtimeRequest, Cancelled::class, $user);
+    }
+
+    public function acceptAsTechnical(OvertimeRequest $overtimeRequest, User $user): void
+    {
+        $this->changeState($overtimeRequest, AcceptedByTechnical::class, $user);
+    }
+
+    public function waitForTechnical(OvertimeRequest $overtimeRequest): void
+    {
+        $this->changeState($overtimeRequest, WaitingForTechnical::class);
+    }
+
+    public function settle(OvertimeRequest $overtimeRequest, User $user): void
+    {
+        $this->changeState($overtimeRequest, Settled::class, $user);
+    }
+
+    protected function changeState(OvertimeRequest $overtimeRequest, string $state, ?User $user = null): void
+    {
+        $previousState = $overtimeRequest->state;
+        $overtimeRequest->state->transitionTo($state);
+        $overtimeRequest->save();
+
+        $this->createActivity($overtimeRequest, $previousState, $overtimeRequest->state, $user);
+    }
+
+    protected function createActivity(
+        OvertimeRequest $overtimeRequest,
+        ?OvertimeRequestState $from,
+        OvertimeRequestState $to,
+        ?User $user = null,
+    ): void {
+        $overtimeRequest->activities()->create([
+            "from" => $from,
+            "to" => $to,
+            "user_id" => $user?->id,
+        ]);
+    }
+}
diff --git a/app/Domain/OvertimeRequestStatesRetriever.php b/app/Domain/OvertimeRequestStatesRetriever.php
new file mode 100644
index 00000000..abf4a072
--- /dev/null
+++ b/app/Domain/OvertimeRequestStatesRetriever.php
@@ -0,0 +1,75 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Toby\Domain;
+
+use Toby\Enums\Role;
+use Toby\Models\User;
+use Toby\States\OvertimeRequest\AcceptedByTechnical;
+use Toby\States\OvertimeRequest\Approved;
+use Toby\States\OvertimeRequest\Cancelled;
+use Toby\States\OvertimeRequest\Created;
+use Toby\States\OvertimeRequest\Rejected;
+use Toby\States\OvertimeRequest\Settled;
+use Toby\States\OvertimeRequest\WaitingForTechnical;
+
+class OvertimeRequestStatesRetriever
+{
+    public static function pendingStates(): array
+    {
+        return [
+            Created::class,
+            WaitingForTechnical::class,
+            AcceptedByTechnical::class,
+        ];
+    }
+
+    public static function successStates(): array
+    {
+        return [Approved::class];
+    }
+
+    public static function settledStates(): array
+    {
+        return [Settled::class];
+    }
+
+    public static function failedStates(): array
+    {
+        return [
+            Rejected::class,
+            Cancelled::class,
+        ];
+    }
+
+    public static function waitingForUserActionStates(User $user): array
+    {
+        return match ($user->role) {
+            Role::TechnicalApprover, Role::Administrator => [WaitingForTechnical::class],
+            default => [],
+        };
+    }
+
+    public static function all(): array
+    {
+        return [
+            ...self::pendingStates(),
+            ...self::successStates(),
+            ...self::failedStates(),
+            ...self::settledStates(),
+        ];
+    }
+
+    public static function filterByStatusGroup(string $filter, ?User $user = null): array
+    {
+        return match ($filter) {
+            "pending" => self::pendingStates(),
+            "success" => self::successStates(),
+            "failed" => self::failedStates(),
+            "waiting_for_action" => self::waitingForUserActionStates($user),
+            "settled" => self::settledStates(),
+            default => self::all(),
+        };
+    }
+}
diff --git a/app/Domain/UserVacationStatsRetriever.php b/app/Domain/UserVacationStatsRetriever.php
index 57bf66c4..5d936ba7 100644
--- a/app/Domain/UserVacationStatsRetriever.php
+++ b/app/Domain/UserVacationStatsRetriever.php
@@ -103,7 +103,7 @@ public function getVacationDaysLimit(User $user, YearPeriod $yearPeriod): int
     {
         return $user->vacationLimits()
             ->whereBelongsTo($yearPeriod)
-            ->cache()
+            ->cache("vacations{$user->id}")
             ->first()?->limit ?? 0;
     }
 
@@ -111,7 +111,7 @@ public function hasVacationDaysLimit(User $user, YearPeriod $yearPeriod): bool
     {
         return $user->vacationLimits()
             ->whereBelongsTo($yearPeriod)
-            ->cache()
+            ->cache("vacations{$user->id}")
             ->first()?->hasVacation() ?? false;
     }
 
diff --git a/app/Enums/SettlementType.php b/app/Enums/SettlementType.php
new file mode 100644
index 00000000..e84b871f
--- /dev/null
+++ b/app/Enums/SettlementType.php
@@ -0,0 +1,27 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Toby\Enums;
+
+enum SettlementType: string
+{
+    case Hours = "hours";
+    case Money = "money";
+
+    public function label(): string
+    {
+        return __($this->value);
+    }
+
+    public static function casesToSelect(): array
+    {
+        return array_map(
+            fn(SettlementType $enum): array => [
+                "label" => $enum->label(),
+                "value" => $enum->value,
+            ],
+            SettlementType::cases(),
+        );
+    }
+}
diff --git a/app/Helpers/DateFormats.php b/app/Helpers/DateFormats.php
new file mode 100644
index 00000000..ef8bc2c5
--- /dev/null
+++ b/app/Helpers/DateFormats.php
@@ -0,0 +1,12 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Toby\Helpers;
+
+class DateFormats
+{
+    public const string DATETIME = "Y-m-d H:i";
+    public const string DATE = "Y-m-d";
+    public const string DATETIME_DISPLAY = "d.m.Y H:i";
+}
diff --git a/app/Http/Controllers/Api/CalculateOvertimeHoursController.php b/app/Http/Controllers/Api/CalculateOvertimeHoursController.php
new file mode 100644
index 00000000..3ca0c152
--- /dev/null
+++ b/app/Http/Controllers/Api/CalculateOvertimeHoursController.php
@@ -0,0 +1,20 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Toby\Http\Controllers\Api;
+
+use Illuminate\Http\JsonResponse;
+use Toby\Domain\OvertimeCalculator;
+use Toby\Http\Controllers\Controller;
+use Toby\Http\Requests\Api\CalculateOvertimeHoursRequest;
+
+class CalculateOvertimeHoursController extends Controller
+{
+    public function __invoke(CalculateOvertimeHoursRequest $request, OvertimeCalculator $overtimeCalculator): JsonResponse
+    {
+        $hours = $overtimeCalculator->calculateHours($request->from(), $request->to());
+
+        return new JsonResponse($hours);
+    }
+}
diff --git a/app/Http/Controllers/OvertimeRequestController.php b/app/Http/Controllers/OvertimeRequestController.php
new file mode 100644
index 00000000..b6d2e3bf
--- /dev/null
+++ b/app/Http/Controllers/OvertimeRequestController.php
@@ -0,0 +1,224 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Toby\Http\Controllers;
+
+use Illuminate\Auth\Access\AuthorizationException;
+use Illuminate\Database\Eloquent\Builder;
+use Illuminate\Http\RedirectResponse;
+use Illuminate\Http\Request;
+use Inertia\Response;
+use Toby\Actions\OvertimeRequest\AcceptAsTechnicalAction;
+use Toby\Actions\OvertimeRequest\CancelAction;
+use Toby\Actions\OvertimeRequest\CreateAction;
+use Toby\Actions\OvertimeRequest\RejectAction;
+use Toby\Actions\OvertimeRequest\SettleAction;
+use Toby\Domain\OvertimeRequestStatesRetriever;
+use Toby\Enums\SettlementType;
+use Toby\Helpers\YearPeriodRetriever;
+use Toby\Http\Requests\OvertimeRequestRequest;
+use Toby\Http\Resources\OvertimeRequestActivityResource;
+use Toby\Http\Resources\OvertimeRequestResource;
+use Toby\Http\Resources\SimpleUserResource;
+use Toby\Models\OvertimeRequest;
+use Toby\Models\User;
+
+class OvertimeRequestController extends Controller
+{
+    public function index(Request $request, YearPeriodRetriever $yearPeriodRetriever): RedirectResponse|Response
+    {
+        if ($request->user()->can("listAllOvertimeRequests")) {
+            return redirect()->route("overtime.requests.indexForApprovers");
+        }
+        $user = $request->user();
+        $this->authorize("canUseOvertimeRequestFunctionality", $user);
+
+        $status = $request->get("status", "all");
+
+        $overtimeRequests = $user
+            ->overtimeRequests()
+            ->with(["user.permissions", "user.profile"])
+            ->whereBelongsTo($yearPeriodRetriever->selected())
+            ->latest()
+            ->states(OvertimeRequestStatesRetriever::filterByStatusGroup($status, $request->user()))
+            ->paginate();
+
+        $pending = $user
+            ->overtimeRequests()
+            ->whereBelongsTo($yearPeriodRetriever->selected())
+            ->states(OvertimeRequestStatesRetriever::pendingStates())
+            ->cache(key: "overtime{$user->id}")
+            ->count();
+
+        $success = $user
+            ->overtimeRequests()
+            ->whereBelongsTo($yearPeriodRetriever->selected())
+            ->states(OvertimeRequestStatesRetriever::successStates())
+            ->cache(key: "overtime{$user->id}")
+            ->count();
+
+        $failed = $user
+            ->overtimeRequests()
+            ->whereBelongsTo($yearPeriodRetriever->selected())
+            ->states(OvertimeRequestStatesRetriever::failedStates())
+            ->cache(key: "overtime{$user->id}")
+            ->count();
+
+        $settled = $user
+            ->overtimeRequests()
+            ->whereBelongsTo($yearPeriodRetriever->selected())
+            ->states(OvertimeRequestStatesRetriever::settledStates())
+            ->cache(key: "overtime{$user->id}")
+            ->count();
+
+        return inertia("OvertimeRequest/Index", [
+            "requests" => OvertimeRequestResource::collection($overtimeRequests),
+            "stats" => [
+                "all" => $pending + $success + $failed + $settled,
+                "pending" => $pending,
+                "success" => $success,
+                "failed" => $failed,
+                "settled" => $settled,
+            ],
+            "filters" => [
+                "status" => $status,
+            ],
+        ]);
+    }
+
+    public function indexForApprovers(
+        Request $request,
+        YearPeriodRetriever $yearPeriodRetriever,
+    ): RedirectResponse|Response {
+        if ($request->user()->cannot("listAllOvertimeRequests")) {
+            abort(403);
+        }
+
+        $yearPeriod = $yearPeriodRetriever->selected();
+        $status = $request->get("status", "all");
+        $user = $request->get("user");
+
+        $overtimeRequests = OvertimeRequest::query()
+            ->with(["user.permissions", "user.profile"])
+            ->whereBelongsTo($yearPeriod)
+            ->when($user !== null, fn(Builder $query): Builder => $query->where("user_id", $user))
+            ->states(OvertimeRequestStatesRetriever::filterByStatusGroup($status, $request->user()))
+            ->latest()
+            ->paginate();
+
+        $users = User::query()
+            ->orderByProfileField("last_name")
+            ->orderByProfileField("first_name")
+            ->get();
+
+        return inertia("OvertimeRequest/IndexForApprovers", [
+            "requests" => OvertimeRequestResource::collection($overtimeRequests),
+            "users" => SimpleUserResource::collection($users),
+            "filters" => [
+                "status" => $status,
+                "user" => (int)$user,
+            ],
+        ]);
+    }
+
+    /**
+     * @throws AuthorizationException
+     */
+    public function show(OvertimeRequest $overtimeRequest): Response
+    {
+        $this->authorize("show", $overtimeRequest);
+
+        $overtimeRequest->load(["user.permissions", "user.profile", "activities.user.profile"]);
+
+        return inertia("OvertimeRequest/Show", [
+            "request" => new OvertimeRequestResource($overtimeRequest),
+            "activities" => OvertimeRequestActivityResource::collection($overtimeRequest->activities),
+        ]);
+    }
+
+    public function create(Request $request): Response
+    {
+        $this->authorize("canUseOvertimeRequestFunctionality", $request->user());
+
+        return inertia("OvertimeRequest/Create", [
+            "settlementTypes" => SettlementType::casesToSelect(),
+            "overtimeFromDate" => $request->get("from_date"),
+        ]);
+    }
+
+    public function store(OvertimeRequestRequest $request, CreateAction $createAction): RedirectResponse
+    {
+        $this->authorize("canUseOvertimeRequestFunctionality", $request->user());
+
+        $overtimeRequest = $createAction->execute($request->data(), $request->user());
+
+        return redirect()
+            ->route("overtime.requests.show", $overtimeRequest)
+            ->with("success", __("Request created."));
+    }
+
+    /**
+     * @throws AuthorizationException
+     */
+    public function reject(
+        Request $request,
+        OvertimeRequest $overtimeRequest,
+        RejectAction $rejectAction,
+    ): RedirectResponse {
+        $this->authorize("reject", $overtimeRequest);
+
+        $rejectAction->execute($overtimeRequest, $request->user());
+
+        return redirect()->back()
+            ->with("success", __("Request rejected."));
+    }
+
+    /**
+     * @throws AuthorizationException
+     */
+    public function cancel(
+        Request $request,
+        OvertimeRequest $overtimeRequest,
+        CancelAction $cancelAction,
+    ): RedirectResponse {
+        $this->authorize("cancel", $overtimeRequest);
+
+        $cancelAction->execute($overtimeRequest, $request->user());
+
+        return redirect()->back()
+            ->with("success", __("Request cancelled."));
+    }
+
+    /**
+     * @throws AuthorizationException
+     */
+    public function acceptAsTechnical(
+        Request $request,
+        OvertimeRequest $overtimeRequest,
+        AcceptAsTechnicalAction $acceptAsTechnicalAction,
+    ): RedirectResponse {
+        $this->authorize("acceptAsTechApprover", $overtimeRequest);
+
+        $acceptAsTechnicalAction->execute($overtimeRequest, $request->user());
+
+        return redirect()->back()
+            ->with("success", __("Request accepted."));
+    }
+
+    /**
+     * @throws AuthorizationException
+     */
+    public function settle(
+        Request $request,
+        OvertimeRequest $overtimeRequest,
+        SettleAction $settleAction,
+    ): RedirectResponse {
+        $this->authorize("settle", $overtimeRequest);
+
+        $settleAction->execute($overtimeRequest, $request->user());
+
+        return redirect()->back()
+            ->with("success", __("Overtime settled."));
+    }
+}
diff --git a/app/Http/Controllers/VacationRequestController.php b/app/Http/Controllers/VacationRequestController.php
index efbe4c9f..11762f84 100644
--- a/app/Http/Controllers/VacationRequestController.php
+++ b/app/Http/Controllers/VacationRequestController.php
@@ -37,41 +37,46 @@ class VacationRequestController extends Controller
 {
     public function index(Request $request, YearPeriodRetriever $yearPeriodRetriever): Response|RedirectResponse
     {
-        if ($request->user()->can("listAllRequests")) {
+        $user = $request->user();
+
+        if ($user->can("listAllRequests")) {
             return redirect()->route("vacation.requests.indexForApprovers");
         }
 
         $status = $request->get("status", "all");
         $withoutRemote = $request->boolean("withoutRemote", default: false);
 
-        $vacationRequests = $request->user()
+        $vacationRequests = $user
             ->vacationRequests()
             ->with(["vacations.user.profile", "user.permissions", "user.profile"])
             ->whereBelongsTo($yearPeriodRetriever->selected())
             ->latest()
-            ->states(VacationRequestStatesRetriever::filterByStatusGroup($status, $request->user()))
+            ->states(VacationRequestStatesRetriever::filterByStatusGroup($status, $user))
             ->when($withoutRemote, fn(Builder $query): Builder => $query->excludeType(VacationType::RemoteWork))
             ->paginate();
 
-        $pending = $request->user()
+        $pending = $user
             ->vacationRequests()
             ->whereBelongsTo($yearPeriodRetriever->selected())
             ->states(VacationRequestStatesRetriever::pendingStates())
             ->when($withoutRemote, fn(Builder $query): Builder => $query->excludeType(VacationType::RemoteWork))
+            ->cache(key: "vacations{$user->id}")
             ->count();
 
-        $success = $request->user()
+        $success = $user
             ->vacationRequests()
             ->whereBelongsTo($yearPeriodRetriever->selected())
             ->states(VacationRequestStatesRetriever::successStates())
             ->when($withoutRemote, fn(Builder $query): Builder => $query->excludeType(VacationType::RemoteWork))
+            ->cache(key: "vacations{$user->id}")
             ->count();
 
-        $failed = $request->user()
+        $failed = $user
             ->vacationRequests()
             ->whereBelongsTo($yearPeriodRetriever->selected())
             ->states(VacationRequestStatesRetriever::failedStates())
             ->when($withoutRemote, fn(Builder $query): Builder => $query->excludeType(VacationType::RemoteWork))
+            ->cache(key: "vacations{$user->id}")
             ->count();
 
         return inertia("VacationRequest/Index", [
diff --git a/app/Http/Middleware/HandleInertiaRequests.php b/app/Http/Middleware/HandleInertiaRequests.php
index be7e6018..23544729 100644
--- a/app/Http/Middleware/HandleInertiaRequests.php
+++ b/app/Http/Middleware/HandleInertiaRequests.php
@@ -10,9 +10,11 @@
 use Illuminate\Http\Request;
 use Inertia\Middleware;
 use Spatie\Permission\Models\Permission;
+use Toby\Domain\OvertimeRequestStatesRetriever;
 use Toby\Domain\VacationRequestStatesRetriever;
 use Toby\Helpers\YearPeriodRetriever;
 use Toby\Http\Resources\UserResource;
+use Toby\Models\OvertimeRequest;
 use Toby\Models\User;
 use Toby\Models\VacationRequest;
 
@@ -30,6 +32,7 @@ public function share(Request $request): array
             "flash" => $this->getFlashData($request),
             "years" => $this->getYearsData($request),
             "vacationRequestsCount" => $this->getVacationRequestsCount($request),
+            "overtimeRequestsCount" => $this->getOvertimeRequestsCount($request),
             "deployInformation" => $this->getDeployInformation(),
             "lastUpdate" => $this->cache->rememberForever("last_update", fn(): string => Carbon::now()->toIso8601String()),
         ]);
@@ -48,6 +51,7 @@ protected function getAuthData(Request $request): Closure
                         $permission->name => $user && $user->hasPermissionTo($permission),
                     ],
                 ),
+            "overtimeEnabled" => $user && $user->can("canUseOvertimeRequestFunctionality", $user),
         ];
     }
 
@@ -79,6 +83,20 @@ protected function getVacationRequestsCount(Request $request): Closure
             : null;
     }
 
+    protected function getOvertimeRequestsCount(Request $request): Closure
+    {
+        $user = $request->user();
+
+        return fn(): ?int => $user && $user->can("listAllRequests")
+            ? OvertimeRequest::query()
+                ->whereBelongsTo($this->yearPeriodRetriever->selected())
+                ->states(
+                    OvertimeRequestStatesRetriever::waitingForUserActionStates($user),
+                )
+                ->count()
+            : null;
+    }
+
     protected function getDeployInformation(): Closure
     {
         return fn(): array => [
diff --git a/app/Http/Requests/Api/CalculateOvertimeHoursRequest.php b/app/Http/Requests/Api/CalculateOvertimeHoursRequest.php
new file mode 100644
index 00000000..0529e5da
--- /dev/null
+++ b/app/Http/Requests/Api/CalculateOvertimeHoursRequest.php
@@ -0,0 +1,37 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Toby\Http\Requests\Api;
+
+use Illuminate\Foundation\Http\FormRequest;
+use Illuminate\Support\Carbon;
+use Toby\Helpers\DateFormats;
+use Toby\Http\Rules\YearPeriodExists;
+use Toby\Models\YearPeriod;
+
+class CalculateOvertimeHoursRequest extends FormRequest
+{
+    public function rules(): array
+    {
+        return [
+            "from" => ["required", "date_format:" . DateFormats::DATETIME, new YearPeriodExists()],
+            "to" => ["required", "date_format:" . DateFormats::DATETIME, new YearPeriodExists()],
+        ];
+    }
+
+    public function from(): Carbon
+    {
+        return Carbon::create($this->request->get("from"));
+    }
+
+    public function to(): Carbon
+    {
+        return Carbon::create($this->request->get("to"));
+    }
+
+    public function yearPeriod(): YearPeriod
+    {
+        return YearPeriod::findByYear(Carbon::create($this->request->get("from"))->year);
+    }
+}
diff --git a/app/Http/Requests/Api/CalculateVacationDaysRequest.php b/app/Http/Requests/Api/CalculateVacationDaysRequest.php
index e77dfed5..c8f2240f 100644
--- a/app/Http/Requests/Api/CalculateVacationDaysRequest.php
+++ b/app/Http/Requests/Api/CalculateVacationDaysRequest.php
@@ -8,6 +8,7 @@
 use Illuminate\Support\Carbon;
 use Illuminate\Validation\Rules\Enum;
 use Toby\Enums\VacationType;
+use Toby\Helpers\DateFormats;
 use Toby\Http\Rules\YearPeriodExists;
 use Toby\Models\YearPeriod;
 
@@ -17,8 +18,8 @@ public function rules(): array
     {
         return [
             "vacationType" => ["required", new Enum(VacationType::class)],
-            "from" => ["required", "date_format:Y-m-d", new YearPeriodExists()],
-            "to" => ["required", "date_format:Y-m-d", new YearPeriodExists()],
+            "from" => ["required", "date_format:" . DateFormats::DATE, new YearPeriodExists()],
+            "to" => ["required", "date_format:" . DateFormats::DATE, new YearPeriodExists()],
         ];
     }
 
diff --git a/app/Http/Requests/EquipmentRequest.php b/app/Http/Requests/EquipmentRequest.php
index 3eaed672..5ba60e39 100644
--- a/app/Http/Requests/EquipmentRequest.php
+++ b/app/Http/Requests/EquipmentRequest.php
@@ -6,6 +6,7 @@
 
 use Illuminate\Foundation\Http\FormRequest;
 use Illuminate\Validation\Rule;
+use Toby\Helpers\DateFormats;
 
 class EquipmentRequest extends FormRequest
 {
@@ -16,7 +17,7 @@ public function rules(): array
             "name" => ["required", "min:3", "max:80"],
             "isMobile" => ["required", "boolean"],
             "assignee" => ["required_with:assignedAt", "nullable", "exists:users,id"],
-            "assignedAt" => ["required_with:assignee", "nullable", "date_format:Y-m-d"],
+            "assignedAt" => ["required_with:assignee", "nullable", "date_format:" . DateFormats::DATE],
             "labels" => ["array", "distinct"],
         ];
     }
diff --git a/app/Http/Requests/HolidayRequest.php b/app/Http/Requests/HolidayRequest.php
index 96cc56a5..1069f267 100644
--- a/app/Http/Requests/HolidayRequest.php
+++ b/app/Http/Requests/HolidayRequest.php
@@ -7,6 +7,7 @@
 use Illuminate\Foundation\Http\FormRequest;
 use Illuminate\Support\Carbon;
 use Illuminate\Validation\Rule;
+use Toby\Helpers\DateFormats;
 use Toby\Http\Rules\YearPeriodExists;
 use Toby\Models\YearPeriod;
 
@@ -17,7 +18,7 @@ public function rules(): array
         return [
             "name" => ["required", "min:3", "max:150"],
             "date" => ["required",
-                "date_format:Y-m-d",
+                "date_format:" . DateFormats::DATE,
                 Rule::unique("holidays", "date")->ignore($this->holiday),
                 new YearPeriodExists(),
             ],
diff --git a/app/Http/Requests/OvertimeRequestRequest.php b/app/Http/Requests/OvertimeRequestRequest.php
new file mode 100644
index 00000000..1470fb63
--- /dev/null
+++ b/app/Http/Requests/OvertimeRequestRequest.php
@@ -0,0 +1,44 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Toby\Http\Requests;
+
+use Illuminate\Foundation\Http\FormRequest;
+use Illuminate\Support\Carbon;
+use Illuminate\Validation\Rules\Enum;
+use Toby\Enums\SettlementType;
+use Toby\Helpers\DateFormats;
+use Toby\Http\Rules\YearPeriodExists;
+use Toby\Models\YearPeriod;
+
+class OvertimeRequestRequest extends FormRequest
+{
+    public function rules(): array
+    {
+        return [
+            "user" => ["required", "exists:users,id"],
+            "from" => ["required", "date_format:" . DateFormats::DATETIME, new YearPeriodExists()],
+            "to" => ["required", "date_format:" . DateFormats::DATETIME, "after:from", new YearPeriodExists()],
+            "type" => ["required", new Enum(SettlementType::class)],
+            "comment" => ["nullable"],
+        ];
+    }
+
+    public function data(): array
+    {
+        return [
+            "user_id" => $this->get("user"),
+            "from" => $this->get("from"),
+            "to" => $this->get("to"),
+            "settlement_type" => $this->get("type"),
+            "year_period_id" => $this->yearPeriod()->id,
+            "comment" => $this->get("comment"),
+        ];
+    }
+
+    public function yearPeriod(): YearPeriod
+    {
+        return YearPeriod::findByYear(Carbon::create($this->get("from"))->year);
+    }
+}
diff --git a/app/Http/Requests/UserRequest.php b/app/Http/Requests/UserRequest.php
index f547cd29..81e05b3a 100644
--- a/app/Http/Requests/UserRequest.php
+++ b/app/Http/Requests/UserRequest.php
@@ -9,6 +9,7 @@
 use Illuminate\Validation\Rules\Enum;
 use Toby\Enums\EmploymentForm;
 use Toby\Enums\Role;
+use Toby\Helpers\DateFormats;
 
 class UserRequest extends FormRequest
 {
@@ -21,8 +22,8 @@ public function rules(): array
             "role" => ["required", new Enum(Role::class)],
             "position" => ["required"],
             "employmentForm" => ["required", new Enum(EmploymentForm::class)],
-            "employmentDate" => ["required", "date_format:Y-m-d"],
-            "birthday" => ["required", "date_format:Y-m-d", "before:today"],
+            "employmentDate" => ["required", "date_format:" . DateFormats::DATE],
+            "birthday" => ["required", "date_format:" . DateFormats::DATE, "before:today"],
             "slackId" => [],
         ];
     }
diff --git a/app/Http/Requests/VacationRequestRequest.php b/app/Http/Requests/VacationRequestRequest.php
index 94e07412..a089eaa5 100644
--- a/app/Http/Requests/VacationRequestRequest.php
+++ b/app/Http/Requests/VacationRequestRequest.php
@@ -8,6 +8,7 @@
 use Illuminate\Support\Carbon;
 use Illuminate\Validation\Rules\Enum;
 use Toby\Enums\VacationType;
+use Toby\Helpers\DateFormats;
 use Toby\Http\Rules\YearPeriodExists;
 use Toby\Models\YearPeriod;
 
@@ -18,8 +19,8 @@ public function rules(): array
         return [
             "user" => ["required", "exists:users,id"],
             "type" => ["required", new Enum(VacationType::class)],
-            "from" => ["required", "date_format:Y-m-d", new YearPeriodExists()],
-            "to" => ["required", "date_format:Y-m-d", new YearPeriodExists()],
+            "from" => ["required", "date_format:" . DateFormats::DATE, new YearPeriodExists()],
+            "to" => ["required", "date_format:" . DateFormats::DATE, new YearPeriodExists()],
             "flowSkipped" => ["nullable", "boolean"],
             "comment" => ["nullable"],
         ];
diff --git a/app/Http/Resources/OvertimeRequestActivityResource.php b/app/Http/Resources/OvertimeRequestActivityResource.php
new file mode 100644
index 00000000..f21831fd
--- /dev/null
+++ b/app/Http/Resources/OvertimeRequestActivityResource.php
@@ -0,0 +1,22 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Toby\Http\Resources;
+
+use Illuminate\Http\Resources\Json\JsonResource;
+
+class OvertimeRequestActivityResource extends JsonResource
+{
+    public static $wrap = null;
+
+    public function toArray($request): array
+    {
+        return [
+            "date" => $this->created_at->toDisplayString(),
+            "time" => $this->created_at->format("H:i"),
+            "user" => $this->user ? $this->user->profile->full_name : __("System"),
+            "state" => $this->to,
+        ];
+    }
+}
diff --git a/app/Http/Resources/OvertimeRequestResource.php b/app/Http/Resources/OvertimeRequestResource.php
new file mode 100644
index 00000000..b6c88e90
--- /dev/null
+++ b/app/Http/Resources/OvertimeRequestResource.php
@@ -0,0 +1,53 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Toby\Http\Resources;
+
+use Illuminate\Http\Resources\Json\JsonResource;
+use Toby\Helpers\DateFormats;
+use Toby\States\OvertimeRequest\AcceptedByTechnical;
+use Toby\States\OvertimeRequest\Cancelled;
+use Toby\States\OvertimeRequest\Rejected;
+use Toby\States\OvertimeRequest\Settled;
+
+class OvertimeRequestResource extends JsonResource
+{
+    public static $wrap = null;
+
+    public function toArray($request): array
+    {
+        $user = $request->user();
+
+        return [
+            "id" => $this->id,
+            "name" => $this->name,
+            "user" => new SimpleUserResource($this->user),
+            "state" => $this->state,
+            "from" => $this->from->format(DateFormats::DATETIME_DISPLAY),
+            "to" => $this->to->format(DateFormats::DATETIME_DISPLAY),
+            "hours" => $this->hours,
+            "settlementType" => $this->settlement_type,
+            "settled" => $this->settled,
+            "displayDate" => $this->getDate($this->from->toDisplayString(DateFormats::DATETIME_DISPLAY), $this->to->toDisplayString(DateFormats::DATETIME_DISPLAY)),
+            "comment" => $this->comment,
+            "can" => [
+                "acceptAsTechnical" => $this->resource->state->canTransitionTo(AcceptedByTechnical::class)
+                    && $user->can("acceptAsTechApprover", $this->resource),
+                "reject" => $this->resource->state->canTransitionTo(Rejected::class)
+                    && $user->can("reject", $this->resource),
+                "cancel" => $this->resource->state->canTransitionTo(Cancelled::class)
+                    && $user->can("cancel", $this->resource),
+                "settle" => $this->resource->state->canTransitionTo(Settled::class)
+                    && $user->can("settle", $this->resource),
+            ],
+        ];
+    }
+
+    private function getDate(string $from, string $to): string
+    {
+        return ($from !== $to)
+            ? "{$from} - {$to}"
+            : $from;
+    }
+}
diff --git a/app/Models/OvertimeRequest.php b/app/Models/OvertimeRequest.php
new file mode 100644
index 00000000..7fc3ebdb
--- /dev/null
+++ b/app/Models/OvertimeRequest.php
@@ -0,0 +1,104 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Toby\Models;
+
+use Database\Factories\OvertimeRequestFactory;
+use Illuminate\Database\Eloquent\Builder;
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+use Illuminate\Database\Eloquent\Relations\HasMany;
+use Illuminate\Support\Carbon;
+use Illuminate\Support\Collection;
+use Spatie\ModelStates\HasStates;
+use Toby\Enums\SettlementType;
+use Toby\States\OvertimeRequest\OvertimeRequestState;
+
+/**
+ * @property int $id
+ * @property string $name
+ * @property OvertimeRequestState $state
+ * @property Carbon $from
+ * @property Carbon $to
+ * @property integer $hours
+ * @property SettlementType $settlement_type
+ * @property boolean $settled
+ * @property string $comment
+ * @property User $user
+ * @property User $creator
+ * @property YearPeriod $yearPeriod
+ * @property Collection $activities
+ * @property Carbon $created_at
+ * @property Carbon $updated_at
+ */
+class OvertimeRequest extends Model
+{
+    use HasFactory;
+    use HasStates;
+
+    protected $guarded = [];
+    protected $casts = [
+        "state" => OvertimeRequestState::class,
+        "from" => "datetime",
+        "to" => "datetime",
+        "settled" => "boolean",
+        "settlement_type" => SettlementType::class,
+    ];
+    protected $perPage = 50;
+
+    public function user(): BelongsTo
+    {
+        return $this->belongsTo(User::class)
+            ->withTrashed();
+    }
+
+    public function creator(): BelongsTo
+    {
+        return $this->belongsTo(User::class, "creator_id");
+    }
+
+    public function yearPeriod(): BelongsTo
+    {
+        return $this->belongsTo(YearPeriod::class);
+    }
+
+    public function activities(): HasMany
+    {
+        return $this->hasMany(OvertimeRequestActivity::class);
+    }
+
+    public function scopeStates(Builder $query, OvertimeRequestState|array $states): Builder
+    {
+        return $query->whereState("state", $states);
+    }
+
+    public function scopeOverlapsWith(Builder $query, self $overtimeRequest): Builder
+    {
+        return $query->where(function (Builder $query) use ($overtimeRequest): void {
+            // right side of period
+            $query->where("from", "<=", $overtimeRequest->from)
+                ->where("to", ">", $overtimeRequest->from)
+                ->where("to", "<", $overtimeRequest->to);
+        })->orWhere(function (Builder $query) use ($overtimeRequest): void {
+            // left side of period
+            $query->where("from", "<", $overtimeRequest->to)
+                ->where("to", ">", $overtimeRequest->to)
+                ->where("from", ">", $overtimeRequest->from);
+        })->orWhere(function (Builder $query) use ($overtimeRequest): void {
+            // inside period
+            $query->where("from", "<=", $overtimeRequest->from)
+                ->where("to", ">=", $overtimeRequest->to);
+        })->orWhere(function (Builder $query) use ($overtimeRequest): void {
+            // includes period
+            $query->where("from", ">=", $overtimeRequest->from)
+                ->where("to", "<=", $overtimeRequest->to);
+        });
+    }
+
+    protected static function newFactory(): OvertimeRequestFactory
+    {
+        return OvertimeRequestFactory::new();
+    }
+}
diff --git a/app/Models/OvertimeRequestActivity.php b/app/Models/OvertimeRequestActivity.php
new file mode 100644
index 00000000..53700c60
--- /dev/null
+++ b/app/Models/OvertimeRequestActivity.php
@@ -0,0 +1,45 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Toby\Models;
+
+use Database\Factories\OvertimeRequestActivityFactory;
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+use Toby\States\OvertimeRequest\OvertimeRequestState;
+
+/**
+ * @property int $id
+ * @property OvertimeRequest $overtimeRequest
+ * @property ?User $user
+ * @property ?OvertimeRequestState $from
+ * @property OvertimeRequestState $to
+ */
+class OvertimeRequestActivity extends Model
+{
+    use HasFactory;
+
+    protected $guarded = [];
+    protected $casts = [
+        "from" => OvertimeRequestState::class,
+        "to" => OvertimeRequestState::class,
+    ];
+
+    public function user(): BelongsTo
+    {
+        return $this->belongsTo(User::class)
+            ->withTrashed();
+    }
+
+    public function overtimeRequest(): BelongsTo
+    {
+        return $this->belongsTo(OvertimeRequest::class);
+    }
+
+    protected static function newFactory(): OvertimeRequestActivityFactory
+    {
+        return OvertimeRequestActivityFactory::new();
+    }
+}
diff --git a/app/Models/User.php b/app/Models/User.php
index 584ac721..06e585ad 100644
--- a/app/Models/User.php
+++ b/app/Models/User.php
@@ -17,7 +17,6 @@
 use Illuminate\Support\Facades\DB;
 use Laravel\Sanctum\HasApiTokens;
 use Spatie\Permission\Traits\HasRoles;
-use Toby\Enums\EmploymentForm;
 use Toby\Enums\Role;
 use Toby\Enums\UserHistoryType;
 use Toby\Notifications\Notifiable as NotifiableInterface;
@@ -45,7 +44,6 @@ class User extends Authenticatable implements NotifiableInterface
     protected $casts = [
         "role" => Role::class,
         "last_active_at" => "datetime",
-        "employment_form" => EmploymentForm::class,
         "employment_date" => "date",
     ];
     protected $hidden = [
@@ -71,11 +69,21 @@ public function vacationRequests(): HasMany
         return $this->hasMany(VacationRequest::class);
     }
 
+    public function overtimeRequests(): HasMany
+    {
+        return $this->hasMany(OvertimeRequest::class);
+    }
+
     public function createdVacationRequests(): HasMany
     {
         return $this->hasMany(VacationRequest::class, "creator_id");
     }
 
+    public function createdOvertimeRequests(): HasMany
+    {
+        return $this->hasMany(OvertimeRequest::class, "creator_id");
+    }
+
     public function vacations(): HasMany
     {
         return $this->hasMany(Vacation::class);
diff --git a/app/Models/YearPeriod.php b/app/Models/YearPeriod.php
index a4473ef5..edb010fa 100644
--- a/app/Models/YearPeriod.php
+++ b/app/Models/YearPeriod.php
@@ -16,6 +16,7 @@
  * @property int $year
  * @property Collection $vacationLimits
  * @property Collection $vacationRequests
+ * @property Collection $overtimeRequests
  * @property Collection $holidays
  */
 class YearPeriod extends Model
@@ -47,6 +48,11 @@ public function vacationRequests(): HasMany
         return $this->hasMany(VacationRequest::class);
     }
 
+    public function overtimeRequests(): HasMany
+    {
+        return $this->hasMany(OvertimeRequest::class);
+    }
+
     public function holidays(): HasMany
     {
         return $this->hasMany(Holiday::class);
diff --git a/app/Observers/OvertimeRequestObserver.php b/app/Observers/OvertimeRequestObserver.php
new file mode 100644
index 00000000..13ddccd0
--- /dev/null
+++ b/app/Observers/OvertimeRequestObserver.php
@@ -0,0 +1,24 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Toby\Observers;
+
+use Laragear\CacheQuery\Facades\CacheQuery;
+use Toby\Models\OvertimeRequest;
+
+class OvertimeRequestObserver
+{
+    public function creating(OvertimeRequest $overtime): void
+    {
+        $count = $overtime->yearPeriod->overtimeRequests()->count();
+        $number = $count + 1;
+
+        $overtime->name = "N/{$number}/{$overtime->yearPeriod->year}";
+    }
+
+    public function updating(OvertimeRequest $overtime): void
+    {
+        CacheQuery::forget("overtime{$overtime->user->id}");
+    }
+}
diff --git a/app/Observers/VacationRequestObserver.php b/app/Observers/VacationRequestObserver.php
index 8500a471..634cd79f 100644
--- a/app/Observers/VacationRequestObserver.php
+++ b/app/Observers/VacationRequestObserver.php
@@ -4,6 +4,7 @@
 
 namespace Toby\Observers;
 
+use Laragear\CacheQuery\Facades\CacheQuery;
 use Toby\Models\VacationRequest;
 
 class VacationRequestObserver
@@ -15,4 +16,9 @@ public function creating(VacationRequest $vacationRequest): void
 
         $vacationRequest->name = "{$number}/{$vacationRequest->yearPeriod->year}";
     }
+
+    public function updating(VacationRequest $vacationRequest): void
+    {
+        CacheQuery::forget("vacations{$vacationRequest->user->id}");
+    }
 }
diff --git a/app/Policies/OvertimeRequestPolicy.php b/app/Policies/OvertimeRequestPolicy.php
new file mode 100644
index 00000000..9434ba58
--- /dev/null
+++ b/app/Policies/OvertimeRequestPolicy.php
@@ -0,0 +1,61 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Toby\Policies;
+
+use Toby\Models\OvertimeRequest;
+use Toby\Models\User;
+use Toby\States\OvertimeRequest\Approved;
+use Toby\States\OvertimeRequest\Created;
+use Toby\States\OvertimeRequest\WaitingForTechnical;
+
+class OvertimeRequestPolicy
+{
+    public function acceptAsTechApprover(User $user): bool
+    {
+        return $user->hasPermissionTo("manageOvertimeAsAdministrativeApprover") ||
+            $user->hasPermissionTo("manageOvertimeAsTechnicalApprover");
+    }
+
+    public function reject(User $user): bool
+    {
+        return $user->hasPermissionTo("manageOvertimeAsAdministrativeApprover") ||
+            $user->hasPermissionTo("manageOvertimeAsTechnicalApprover");
+    }
+
+    public function cancel(User $user, OvertimeRequest $overtimeRequest): bool
+    {
+        if ($overtimeRequest->user->is($user) && $overtimeRequest->state->equals(
+            Created::class,
+            WaitingForTechnical::class,
+        )) {
+            return true;
+        }
+
+        return $user->hasPermissionTo("manageOvertimeAsAdministrativeApprover") ||
+            $user->hasPermissionTo("manageOvertimeAsTechnicalApprover");
+    }
+
+    public function settle(User $user, OvertimeRequest $overtimeRequest): bool
+    {
+        if ($overtimeRequest->user->is($user) && $overtimeRequest->state->equals(
+            Approved::class,
+        )) {
+            return true;
+        }
+
+        return $user->hasPermissionTo("manageOvertimeAsAdministrativeApprover") ||
+            $user->hasPermissionTo("manageOvertimeAsTechnicalApprover");
+    }
+
+    public function show(User $user, OvertimeRequest $overtimeRequest): bool
+    {
+        if ($overtimeRequest->user->is($user)) {
+            return true;
+        }
+
+        return $user->hasPermissionTo("manageOvertimeAsAdministrativeApprover") ||
+            $user->hasPermissionTo("manageOvertimeAsTechnicalApprover");
+    }
+}
diff --git a/app/Policies/UserPolicy.php b/app/Policies/UserPolicy.php
new file mode 100644
index 00000000..424e6f34
--- /dev/null
+++ b/app/Policies/UserPolicy.php
@@ -0,0 +1,16 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Toby\Policies;
+
+use Toby\Enums\EmploymentForm;
+use Toby\Models\User;
+
+class UserPolicy
+{
+    public function canUseOvertimeRequestFunctionality(User $user): bool
+    {
+        return $user->profile->employment_form->value === EmploymentForm::EmploymentContract->value;
+    }
+}
diff --git a/app/Providers/AuthServiceProvider.php b/app/Providers/AuthServiceProvider.php
index b31603e1..da37876a 100644
--- a/app/Providers/AuthServiceProvider.php
+++ b/app/Providers/AuthServiceProvider.php
@@ -6,14 +6,20 @@
 
 use Illuminate\Foundation\Support\Providers\AuthServiceProvider as ServiceProvider;
 use Toby\Models\Key;
+use Toby\Models\OvertimeRequest;
+use Toby\Models\User;
 use Toby\Models\VacationRequest;
 use Toby\Policies\KeyPolicy;
+use Toby\Policies\OvertimeRequestPolicy;
+use Toby\Policies\UserPolicy;
 use Toby\Policies\VacationRequestPolicy;
 
 class AuthServiceProvider extends ServiceProvider
 {
     protected $policies = [
+        OvertimeRequest::class => OvertimeRequestPolicy::class,
         VacationRequest::class => VacationRequestPolicy::class,
+        User::class => UserPolicy::class,
         Key::class => KeyPolicy::class,
     ];
 }
diff --git a/app/Providers/ObserverServiceProvider.php b/app/Providers/ObserverServiceProvider.php
index 54990af8..15217ad8 100644
--- a/app/Providers/ObserverServiceProvider.php
+++ b/app/Providers/ObserverServiceProvider.php
@@ -5,9 +5,11 @@
 namespace Toby\Providers;
 
 use Illuminate\Support\ServiceProvider;
+use Toby\Models\OvertimeRequest;
 use Toby\Models\User;
 use Toby\Models\VacationLimit;
 use Toby\Models\VacationRequest;
+use Toby\Observers\OvertimeRequestObserver;
 use Toby\Observers\UserObserver;
 use Toby\Observers\VacationLimitObserver;
 use Toby\Observers\VacationRequestObserver;
@@ -19,5 +21,6 @@ public function boot(): void
         User::observe(UserObserver::class);
         VacationRequest::observe(VacationRequestObserver::class);
         VacationLimit::observe(VacationLimitObserver::class);
+        OvertimeRequest::observe(OvertimeRequestObserver::class);
     }
 }
diff --git a/app/States/OvertimeRequest/AcceptedByTechnical.php b/app/States/OvertimeRequest/AcceptedByTechnical.php
new file mode 100644
index 00000000..b0160585
--- /dev/null
+++ b/app/States/OvertimeRequest/AcceptedByTechnical.php
@@ -0,0 +1,10 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Toby\States\OvertimeRequest;
+
+class AcceptedByTechnical extends OvertimeRequestState
+{
+    public static string $name = "accepted_by_technical";
+}
diff --git a/app/States/OvertimeRequest/Approved.php b/app/States/OvertimeRequest/Approved.php
new file mode 100644
index 00000000..01372d10
--- /dev/null
+++ b/app/States/OvertimeRequest/Approved.php
@@ -0,0 +1,10 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Toby\States\OvertimeRequest;
+
+class Approved extends OvertimeRequestState
+{
+    public static string $name = "approved";
+}
diff --git a/app/States/OvertimeRequest/Cancelled.php b/app/States/OvertimeRequest/Cancelled.php
new file mode 100644
index 00000000..f105a413
--- /dev/null
+++ b/app/States/OvertimeRequest/Cancelled.php
@@ -0,0 +1,10 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Toby\States\OvertimeRequest;
+
+class Cancelled extends OvertimeRequestState
+{
+    public static string $name = "cancelled";
+}
diff --git a/app/States/OvertimeRequest/Created.php b/app/States/OvertimeRequest/Created.php
new file mode 100644
index 00000000..5648f9de
--- /dev/null
+++ b/app/States/OvertimeRequest/Created.php
@@ -0,0 +1,10 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Toby\States\OvertimeRequest;
+
+class Created extends OvertimeRequestState
+{
+    public static string $name = "created";
+}
diff --git a/app/States/OvertimeRequest/OvertimeRequestState.php b/app/States/OvertimeRequest/OvertimeRequestState.php
new file mode 100644
index 00000000..15c87501
--- /dev/null
+++ b/app/States/OvertimeRequest/OvertimeRequestState.php
@@ -0,0 +1,45 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Toby\States\OvertimeRequest;
+
+use Spatie\ModelStates\Exceptions\InvalidConfig;
+use Spatie\ModelStates\State;
+use Spatie\ModelStates\StateConfig;
+
+abstract class OvertimeRequestState extends State
+{
+    /**
+     * @throws InvalidConfig
+     */
+    public static function config(): StateConfig
+    {
+        return parent::config()
+            ->default(Created::class)
+            ->allowTransition(Created::class, Approved::class)
+            ->allowTransition(Created::class, WaitingForTechnical::class)
+            ->allowTransition(WaitingForTechnical::class, Rejected::class)
+            ->allowTransition(WaitingForTechnical::class, AcceptedByTechnical::class)
+            ->allowTransition(AcceptedByTechnical::class, Approved::class)
+            ->allowTransition([
+                Created::class,
+                WaitingForTechnical::class,
+                AcceptedByTechnical::class,
+                Approved::class,
+            ], Cancelled::class)
+            ->allowTransition(Approved::class, Settled::class)
+            ->allowTransition([
+                Created::class,
+                WaitingForTechnical::class,
+                AcceptedByTechnical::class,
+                Approved::class,
+                Settled::class,
+            ], Cancelled::class);
+    }
+
+    public function label(): string
+    {
+        return __(static::$name);
+    }
+}
diff --git a/app/States/OvertimeRequest/Rejected.php b/app/States/OvertimeRequest/Rejected.php
new file mode 100644
index 00000000..8be0d9f0
--- /dev/null
+++ b/app/States/OvertimeRequest/Rejected.php
@@ -0,0 +1,10 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Toby\States\OvertimeRequest;
+
+class Rejected extends OvertimeRequestState
+{
+    public static string $name = "rejected";
+}
diff --git a/app/States/OvertimeRequest/Settled.php b/app/States/OvertimeRequest/Settled.php
new file mode 100644
index 00000000..a0121078
--- /dev/null
+++ b/app/States/OvertimeRequest/Settled.php
@@ -0,0 +1,10 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Toby\States\OvertimeRequest;
+
+class Settled extends OvertimeRequestState
+{
+    public static string $name = "settled";
+}
diff --git a/app/States/OvertimeRequest/WaitingForTechnical.php b/app/States/OvertimeRequest/WaitingForTechnical.php
new file mode 100644
index 00000000..9c35f05c
--- /dev/null
+++ b/app/States/OvertimeRequest/WaitingForTechnical.php
@@ -0,0 +1,10 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Toby\States\OvertimeRequest;
+
+class WaitingForTechnical extends OvertimeRequestState
+{
+    public static string $name = "waiting_for_technical";
+}
diff --git a/app/Validation/OvertimeRequestValidator.php b/app/Validation/OvertimeRequestValidator.php
new file mode 100644
index 00000000..25395a30
--- /dev/null
+++ b/app/Validation/OvertimeRequestValidator.php
@@ -0,0 +1,43 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Toby\Validation;
+
+use Illuminate\Contracts\Container\Container;
+use Illuminate\Validation\ValidationException;
+use Toby\Models\OvertimeRequest;
+use Toby\Validation\Rules\OvertimeRequest\NoPendingOvertimeRequestInRange;
+use Toby\Validation\Rules\OvertimeRequest\OvertimeRequestRule;
+
+class OvertimeRequestValidator
+{
+    protected array $rules = [
+        NoPendingOvertimeRequestInRange::class,
+    ];
+
+    public function __construct(
+        protected Container $container,
+    ) {}
+
+    /**
+     * @throws ValidationException
+     */
+    public function validate(OvertimeRequest $overtimeRequest): void
+    {
+        foreach ($this->rules as $rule) {
+            $rule = $this->makeRule($rule);
+
+            if (!$rule->check($overtimeRequest)) {
+                throw ValidationException::withMessages([
+                    "overtimeRequest" => $rule->errorMessage(),
+                ]);
+            }
+        }
+    }
+
+    protected function makeRule(string $class): OvertimeRequestRule
+    {
+        return $this->container->make($class);
+    }
+}
diff --git a/app/Validation/Rules/OvertimeRequest/NoPendingOvertimeRequestInRange.php b/app/Validation/Rules/OvertimeRequest/NoPendingOvertimeRequestInRange.php
new file mode 100644
index 00000000..a5c6367b
--- /dev/null
+++ b/app/Validation/Rules/OvertimeRequest/NoPendingOvertimeRequestInRange.php
@@ -0,0 +1,26 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Toby\Validation\Rules\OvertimeRequest;
+
+use Toby\Domain\OvertimeRequestStatesRetriever;
+use Toby\Models\OvertimeRequest;
+
+class NoPendingOvertimeRequestInRange implements OvertimeRequestRule
+{
+    public function check(OvertimeRequest $overtimeRequest): bool
+    {
+        return !$overtimeRequest
+            ->user
+            ->overtimeRequests()
+            ->overlapsWith($overtimeRequest)
+            ->states(array_merge(OvertimeRequestStatesRetriever::pendingStates(), OvertimeRequestStatesRetriever::settledStates(), OvertimeRequestStatesRetriever::successStates()))
+            ->exists();
+    }
+
+    public function errorMessage(): string
+    {
+        return __("You have a pending request in this date range.");
+    }
+}
diff --git a/app/Validation/Rules/OvertimeRequest/OvertimeRequestRule.php b/app/Validation/Rules/OvertimeRequest/OvertimeRequestRule.php
new file mode 100644
index 00000000..8966d5f7
--- /dev/null
+++ b/app/Validation/Rules/OvertimeRequest/OvertimeRequestRule.php
@@ -0,0 +1,14 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Toby\Validation\Rules\OvertimeRequest;
+
+use Toby\Models\OvertimeRequest;
+
+interface OvertimeRequestRule
+{
+    public function check(OvertimeRequest $overtimeRequest): bool;
+
+    public function errorMessage(): string;
+}
diff --git a/app/Validation/Rules/DoesNotExceedLimitRule.php b/app/Validation/Rules/VacationRequest/DoesNotExceedLimitRule.php
similarity index 97%
rename from app/Validation/Rules/DoesNotExceedLimitRule.php
rename to app/Validation/Rules/VacationRequest/DoesNotExceedLimitRule.php
index fe87469a..fab4db12 100644
--- a/app/Validation/Rules/DoesNotExceedLimitRule.php
+++ b/app/Validation/Rules/VacationRequest/DoesNotExceedLimitRule.php
@@ -2,7 +2,7 @@
 
 declare(strict_types=1);
 
-namespace Toby\Validation\Rules;
+namespace Toby\Validation\Rules\VacationRequest;
 
 use Illuminate\Database\Eloquent\Builder;
 use Illuminate\Support\Collection;
diff --git a/app/Validation/Rules/MinimumOneVacationDayRule.php b/app/Validation/Rules/VacationRequest/MinimumOneVacationDayRule.php
similarity index 92%
rename from app/Validation/Rules/MinimumOneVacationDayRule.php
rename to app/Validation/Rules/VacationRequest/MinimumOneVacationDayRule.php
index 8d6fed41..86a4414c 100644
--- a/app/Validation/Rules/MinimumOneVacationDayRule.php
+++ b/app/Validation/Rules/VacationRequest/MinimumOneVacationDayRule.php
@@ -2,7 +2,7 @@
 
 declare(strict_types=1);
 
-namespace Toby\Validation\Rules;
+namespace Toby\Validation\Rules\VacationRequest;
 
 use Toby\Domain\WorkDaysCalculator;
 use Toby\Models\VacationRequest;
diff --git a/app/Validation/Rules/NoApprovedVacationRequestsInRange.php b/app/Validation/Rules/VacationRequest/NoApprovedVacationRequestsInRange.php
similarity index 92%
rename from app/Validation/Rules/NoApprovedVacationRequestsInRange.php
rename to app/Validation/Rules/VacationRequest/NoApprovedVacationRequestsInRange.php
index 501e3808..b6a11494 100644
--- a/app/Validation/Rules/NoApprovedVacationRequestsInRange.php
+++ b/app/Validation/Rules/VacationRequest/NoApprovedVacationRequestsInRange.php
@@ -2,7 +2,7 @@
 
 declare(strict_types=1);
 
-namespace Toby\Validation\Rules;
+namespace Toby\Validation\Rules\VacationRequest;
 
 use Toby\Domain\VacationRequestStatesRetriever;
 use Toby\Models\VacationRequest;
diff --git a/app/Validation/Rules/NoPendingVacationRequestInRange.php b/app/Validation/Rules/VacationRequest/NoPendingVacationRequestInRange.php
similarity index 92%
rename from app/Validation/Rules/NoPendingVacationRequestInRange.php
rename to app/Validation/Rules/VacationRequest/NoPendingVacationRequestInRange.php
index 8a92bcb0..5c5224b2 100644
--- a/app/Validation/Rules/NoPendingVacationRequestInRange.php
+++ b/app/Validation/Rules/VacationRequest/NoPendingVacationRequestInRange.php
@@ -2,7 +2,7 @@
 
 declare(strict_types=1);
 
-namespace Toby\Validation\Rules;
+namespace Toby\Validation\Rules\VacationRequest;
 
 use Toby\Domain\VacationRequestStatesRetriever;
 use Toby\Models\VacationRequest;
diff --git a/app/Validation/Rules/VacationRangeIsInTheSameYearRule.php b/app/Validation/Rules/VacationRequest/VacationRangeIsInTheSameYearRule.php
similarity index 89%
rename from app/Validation/Rules/VacationRangeIsInTheSameYearRule.php
rename to app/Validation/Rules/VacationRequest/VacationRangeIsInTheSameYearRule.php
index 72b33192..32ea4dde 100644
--- a/app/Validation/Rules/VacationRangeIsInTheSameYearRule.php
+++ b/app/Validation/Rules/VacationRequest/VacationRangeIsInTheSameYearRule.php
@@ -2,7 +2,7 @@
 
 declare(strict_types=1);
 
-namespace Toby\Validation\Rules;
+namespace Toby\Validation\Rules\VacationRequest;
 
 use Toby\Models\VacationRequest;
 
diff --git a/app/Validation/Rules/VacationRequestRule.php b/app/Validation/Rules/VacationRequest/VacationRequestRule.php
similarity index 81%
rename from app/Validation/Rules/VacationRequestRule.php
rename to app/Validation/Rules/VacationRequest/VacationRequestRule.php
index efe8e5f5..f8765370 100644
--- a/app/Validation/Rules/VacationRequestRule.php
+++ b/app/Validation/Rules/VacationRequest/VacationRequestRule.php
@@ -2,7 +2,7 @@
 
 declare(strict_types=1);
 
-namespace Toby\Validation\Rules;
+namespace Toby\Validation\Rules\VacationRequest;
 
 use Toby\Models\VacationRequest;
 
diff --git a/app/Validation/Rules/VacationTypeCanBeSelected.php b/app/Validation/Rules/VacationRequest/VacationTypeCanBeSelected.php
similarity index 94%
rename from app/Validation/Rules/VacationTypeCanBeSelected.php
rename to app/Validation/Rules/VacationRequest/VacationTypeCanBeSelected.php
index 21dfdd2e..a8fa3734 100644
--- a/app/Validation/Rules/VacationTypeCanBeSelected.php
+++ b/app/Validation/Rules/VacationRequest/VacationTypeCanBeSelected.php
@@ -2,7 +2,7 @@
 
 declare(strict_types=1);
 
-namespace Toby\Validation\Rules;
+namespace Toby\Validation\Rules\VacationRequest;
 
 use Toby\Domain\VacationTypeConfigRetriever;
 use Toby\Enums\VacationType;
diff --git a/app/Validation/VacationRequestValidator.php b/app/Validation/VacationRequestValidator.php
index f8513143..672f1b70 100644
--- a/app/Validation/VacationRequestValidator.php
+++ b/app/Validation/VacationRequestValidator.php
@@ -7,13 +7,13 @@
 use Illuminate\Contracts\Container\Container;
 use Illuminate\Validation\ValidationException;
 use Toby\Models\VacationRequest;
-use Toby\Validation\Rules\DoesNotExceedLimitRule;
-use Toby\Validation\Rules\MinimumOneVacationDayRule;
-use Toby\Validation\Rules\NoApprovedVacationRequestsInRange;
-use Toby\Validation\Rules\NoPendingVacationRequestInRange;
-use Toby\Validation\Rules\VacationRangeIsInTheSameYearRule;
-use Toby\Validation\Rules\VacationRequestRule;
-use Toby\Validation\Rules\VacationTypeCanBeSelected;
+use Toby\Validation\Rules\VacationRequest\DoesNotExceedLimitRule;
+use Toby\Validation\Rules\VacationRequest\MinimumOneVacationDayRule;
+use Toby\Validation\Rules\VacationRequest\NoApprovedVacationRequestsInRange;
+use Toby\Validation\Rules\VacationRequest\NoPendingVacationRequestInRange;
+use Toby\Validation\Rules\VacationRequest\VacationRangeIsInTheSameYearRule;
+use Toby\Validation\Rules\VacationRequest\VacationRequestRule;
+use Toby\Validation\Rules\VacationRequest\VacationTypeCanBeSelected;
 
 class VacationRequestValidator
 {
diff --git a/config/permission.php b/config/permission.php
index 046201c6..bcfaba39 100644
--- a/config/permission.php
+++ b/config/permission.php
@@ -48,6 +48,9 @@
         "manageRequestsAsAdministrativeApprover",
         "manageRequestsAsTechnicalApprover",
         "createRequestsOnBehalfOfEmployee",
+        "manageOvertimeAsAdministrativeApprover",
+        "manageOvertimeAsTechnicalApprover",
+        "listAllOvertimeRequests",
         "listMonthlyUsage",
         "listAllRequests",
         "skipRequestFlow",
@@ -71,6 +74,9 @@
             "manageVacationLimits",
             "manageRequestsAsAdministrativeApprover",
             "manageRequestsAsTechnicalApprover",
+            "manageOvertimeAsAdministrativeApprover",
+            "manageOvertimeAsTechnicalApprover",
+            "listAllOvertimeRequests",
             "createRequestsOnBehalfOfEmployee",
             "listMonthlyUsage",
             "listAllRequests",
@@ -90,6 +96,8 @@
             "manageBenefits",
             "manageVacationLimits",
             "manageRequestsAsAdministrativeApprover",
+            "manageOvertimeAsAdministrativeApprover",
+            "listAllOvertimeRequests",
             "createRequestsOnBehalfOfEmployee",
             "listMonthlyUsage",
             "listAllRequests",
@@ -106,6 +114,8 @@
             "manageTechnologies",
             "manageResumes",
             "manageRequestsAsTechnicalApprover",
+            "manageOvertimeAsTechnicalApprover",
+            "listAllOvertimeRequests",
             "listAllRequests",
             "receiveVacationRequestsSummaryNotification",
             "receiveVacationRequestWaitsForApprovalNotification",
diff --git a/database/factories/OvertimeRequestActivityFactory.php b/database/factories/OvertimeRequestActivityFactory.php
new file mode 100644
index 00000000..4fd5a843
--- /dev/null
+++ b/database/factories/OvertimeRequestActivityFactory.php
@@ -0,0 +1,22 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Database\Factories;
+
+use Illuminate\Database\Eloquent\Factories\Factory;
+use Toby\Models\OvertimeRequestActivity;
+use Toby\States\OvertimeRequest\OvertimeRequestState;
+
+class OvertimeRequestActivityFactory extends Factory
+{
+    protected $model = OvertimeRequestActivity::class;
+
+    public function definition(): array
+    {
+        return [
+            "from" => $this->faker->randomElement(OvertimeRequestState::all()),
+            "to" => $this->faker->randomElement(OvertimeRequestState::all()),
+        ];
+    }
+}
diff --git a/database/factories/OvertimeRequestFactory.php b/database/factories/OvertimeRequestFactory.php
new file mode 100644
index 00000000..37e665cb
--- /dev/null
+++ b/database/factories/OvertimeRequestFactory.php
@@ -0,0 +1,37 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Database\Factories;
+
+use Carbon\CarbonImmutable;
+use Illuminate\Database\Eloquent\Factories\Factory;
+use Toby\Domain\OvertimeRequestStatesRetriever;
+use Toby\Enums\SettlementType;
+use Toby\Models\OvertimeRequest;
+use Toby\Models\User;
+use Toby\Models\YearPeriod;
+
+class OvertimeRequestFactory extends Factory
+{
+    protected $model = OvertimeRequest::class;
+
+    public function definition(): array
+    {
+        $from = CarbonImmutable::create($this->faker->dateTimeThisYear);
+        $to = $from->addHours($this->faker->numberBetween(1, 10));
+        $hours = $to->diffInHours($from);
+
+        return [
+            "user_id" => User::factory(),
+            "creator_id" => fn(array $attributes): int => $attributes["user_id"],
+            "year_period_id" => YearPeriod::factory(),
+            "state" => $this->faker->randomElement(OvertimeRequestStatesRetriever::all()),
+            "from" => $from,
+            "to" => $to,
+            "hours" => $hours,
+            "settlement_type" => $this->faker->randomElement(SettlementType::cases())->value,
+            "comment" => $this->faker->boolean ? $this->faker->paragraph() : null,
+        ];
+    }
+}
diff --git a/database/migrations/2024_06_06_080039_create_overtime_requests_table.php b/database/migrations/2024_06_06_080039_create_overtime_requests_table.php
new file mode 100644
index 00000000..5967cd4d
--- /dev/null
+++ b/database/migrations/2024_06_06_080039_create_overtime_requests_table.php
@@ -0,0 +1,35 @@
+<?php
+
+declare(strict_types=1);
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+use Toby\Models\User;
+use Toby\Models\YearPeriod;
+
+return new class() extends Migration {
+    public function up(): void
+    {
+        Schema::create("overtime_requests", function (Blueprint $table): void {
+            $table->id();
+            $table->string("name");
+            $table->foreignIdFor(User::class, "creator_id")->constrained("users")->cascadeOnDelete();
+            $table->foreignIdFor(User::class)->constrained()->cascadeOnDelete();
+            $table->foreignIdFor(YearPeriod::class)->constrained()->cascadeOnDelete();
+            $table->string("state")->nullable();
+            $table->string("settlement_type");
+            $table->boolean("settled")->default(false);
+            $table->dateTime("from");
+            $table->dateTime("to");
+            $table->integer("hours");
+            $table->text("comment")->nullable();
+            $table->timestamps();
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::dropIfExists("overtime_requests");
+    }
+};
diff --git a/database/migrations/2024_06_06_140009_create_overtime_request_activities_table.php b/database/migrations/2024_06_06_140009_create_overtime_request_activities_table.php
new file mode 100644
index 00000000..69328d35
--- /dev/null
+++ b/database/migrations/2024_06_06_140009_create_overtime_request_activities_table.php
@@ -0,0 +1,28 @@
+<?php
+
+declare(strict_types=1);
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+use Toby\Models\OvertimeRequest;
+use Toby\Models\User;
+
+return new class() extends Migration {
+    public function up(): void
+    {
+        Schema::create("overtime_request_activities", function (Blueprint $table): void {
+            $table->id();
+            $table->foreignIdFor(OvertimeRequest::class)->constrained()->cascadeOnDelete();
+            $table->foreignIdFor(User::class)->nullable()->constrained()->cascadeOnDelete();
+            $table->string("from")->nullable();
+            $table->string("to");
+            $table->timestamps();
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::dropIfExists("overtime_request_activities");
+    }
+};
diff --git a/database/seeders/DemoSeeder.php b/database/seeders/DemoSeeder.php
index bc8222bf..2e78f7be 100644
--- a/database/seeders/DemoSeeder.php
+++ b/database/seeders/DemoSeeder.php
@@ -52,6 +52,20 @@ public function run(): void
             ])
             ->create();
 
+        User::factory([
+            "email" => "jerzy.nowak@example.com",
+            "remember_token" => Str::random(10),
+        ])
+            ->employee()
+            ->hasProfile([
+                "first_name" => "Jerzy",
+                "last_name" => "Nowak",
+                "employment_form" => EmploymentForm::EmploymentContract,
+                "position" => "programista",
+                "employment_date" => Carbon::createFromDate(2021, 5, 10),
+            ])
+            ->create();
+
         User::factory([
             "email" => "anna.nowak@example.com",
             "remember_token" => Str::random(10),
diff --git a/lang/pl.json b/lang/pl.json
index fb471647..754624d8 100644
--- a/lang/pl.json
+++ b/lang/pl.json
@@ -46,6 +46,7 @@
   "Request accepted.": "Wniosek zaakceptowany.",
   "Request rejected.": "Wniosek odrzucony.",
   "Request cancelled.": "Wniosek anulowany.",
+  "Overtime settled.": "Nadgodziny rozliczone.",
   "Sum:": "Suma:",
   "Date": "Data",
   "Day of week": "Dzień tygodnia",
diff --git a/lang/pl/validation.php b/lang/pl/validation.php
index 0cf194ee..f24f7492 100644
--- a/lang/pl/validation.php
+++ b/lang/pl/validation.php
@@ -188,6 +188,7 @@
         ],
         "to" => [
             "required_if" => "Data do jest wymagane.",
+            "after" => "Data końcowa musi być datą późniejszą od daty początkowej.",
         ],
     ],
     "attributes" => [
diff --git a/resources/js/Composables/permissionInfo.js b/resources/js/Composables/permissionInfo.js
index ca0f1a21..bb62fb84 100644
--- a/resources/js/Composables/permissionInfo.js
+++ b/resources/js/Composables/permissionInfo.js
@@ -74,6 +74,21 @@ const permissionsInfo = [
     'value': 'skipRequestFlow',
     'section': 'Urlopy',
   },
+  {
+    'name': 'Zarządzanie wnioskami jako przełożony administracyjny',
+    'value': 'manageOvertimeAsAdministrativeApprover',
+    'section': 'Nadgodziny',
+  },
+  {
+    'name': 'Zarządzanie wnioskami jako przełożony techniczny',
+    'value': 'manageOvertimeAsTechnicalApprover',
+    'section': 'Nadgodziny',
+  },
+  {
+    'name': 'Przeglądanie wszystkich wniosków',
+    'value': 'listAllOvertimeRequests',
+    'section': 'Nadgodziny',
+  },
   {
     'name': 'Nadchodzące i zaległe badania medycyny pracy',
     'value': 'receiveUpcomingAndOverdueMedicalExamsNotification',
diff --git a/resources/js/Composables/settlementTypeInfo.js b/resources/js/Composables/settlementTypeInfo.js
new file mode 100644
index 00000000..9a0018ef
--- /dev/null
+++ b/resources/js/Composables/settlementTypeInfo.js
@@ -0,0 +1,29 @@
+import ClockTimeFourOutlineIcon from 'vue-material-design-icons/ClockTimeFourOutline.vue'
+import CurrencyUsdIcon from 'vue-material-design-icons/CurrencyUsd.vue'
+
+const types = [
+  {
+    text: 'Godzinowe',
+    value: 'hours',
+    icon: ClockTimeFourOutlineIcon,
+    color: 'text-blue-500',
+    border: 'border-blue-500',
+  },
+  {
+    text: 'Pieniężne',
+    value: 'money',
+    icon: CurrencyUsdIcon,
+    color: 'text-green-500',
+    border: 'border-green-500',
+  },
+]
+
+export default function useSettlementTypeInfo() {
+  const getTypes = () => types
+  const findType = value => types.find(type => type.value === value)
+
+  return {
+    getTypes,
+    findType,
+  }
+}
diff --git a/resources/js/Composables/statusInfo.js b/resources/js/Composables/statusInfo.js
index cd625956..06b039b5 100644
--- a/resources/js/Composables/statusInfo.js
+++ b/resources/js/Composables/statusInfo.js
@@ -5,6 +5,7 @@ import {
   HandThumbDownIcon as OutlineHandThumbDownIcon,
   HandThumbUpIcon as OutlineHandThumbUpIcon,
   XMarkIcon as OutlineXMarkIcon,
+  BanknotesIcon as OutlineBanknotesIcon,
 } from '@heroicons/vue/24/outline'
 
 import {
@@ -14,6 +15,7 @@ import {
   HandThumbDownIcon as SolidHandThumbDownIcon,
   HandThumbUpIcon as SolidHandThumbUpIcon,
   XMarkIcon as SolidXMarkIcon,
+  BanknotesIcon as BanknotesIcon,
 } from '@heroicons/vue/24/solid'
 
 const statuses = [
@@ -121,6 +123,19 @@ const statuses = [
       color: 'text-gray-900',
     },
   },
+  {
+    text: 'Rozliczony',
+    value: 'settled',
+    outline: {
+      icon: OutlineBanknotesIcon,
+      foreground: 'text-white',
+      background: 'bg-green-500',
+    },
+    solid: {
+      icon: BanknotesIcon,
+      color: 'text-green-500',
+    },
+  },
 ]
 
 export function useStatusInfo() {
diff --git a/resources/js/Pages/OvertimeRequest/Create.vue b/resources/js/Pages/OvertimeRequest/Create.vue
new file mode 100644
index 00000000..cfdc66d0
--- /dev/null
+++ b/resources/js/Pages/OvertimeRequest/Create.vue
@@ -0,0 +1,316 @@
+<script setup>
+import { useForm } from '@inertiajs/inertia-vue3'
+import FlatPickr from 'vue-flatpickr-component'
+import { CheckIcon, ChevronUpDownIcon, XCircleIcon } from '@heroicons/vue/24/solid'
+import { reactive, ref, watch } from 'vue'
+import useCurrentYearPeriodInfo from '@/Composables/yearPeriodInfo.js'
+import { Listbox, ListboxButton, ListboxLabel, ListboxOption, ListboxOptions } from '@headlessui/vue'
+import SettlementType from '@/Shared/SettlementType.vue'
+import axios from 'axios'
+
+const props = defineProps({
+  auth: Object,
+  overtimeFromDate: [String, null],
+  settlementTypes: Array,
+})
+
+const form = useForm({
+  user: props.auth.user,
+  from: props.overtimeFromDate,
+  to: props.overtimeFromDate,
+  settlementType: props.settlementTypes[0],
+  comment: null,
+})
+
+let isDirty = ref(false)
+
+watch(form, formData => {
+  const { from, to } = formData.data()
+  isDirty.value = formData.isDirty || from !== null || to !== null
+}, { immediate: true, deep: true })
+
+refreshEstimatedHours(form.from, form.to)
+
+const estimatedHours = ref(0)
+
+const { minDate, maxDate } = useCurrentYearPeriodInfo()
+
+const fromInputConfig = reactive({
+  minDate,
+  maxDate,
+  enableTime: true,
+  dateFormat: 'Y-m-d H:i',
+  altFormat: 'd.m.Y H:i',
+})
+
+const toInputConfig = reactive({
+  minDate,
+  maxDate,
+  enableTime: true,
+  dateFormat: 'Y-m-d H:i',
+  altFormat: 'd.m.Y H:i',
+})
+
+function createForm() {
+  form
+    .transform(data => ({
+      ...data,
+      user: data.user.id,
+      type: data.settlementType.value,
+    }))
+    .post('/overtime/requests')
+}
+
+function onFromChange(selectedDates, dateStr) {
+  if (form.to === null) {
+    form.to = dateStr
+
+    return
+  }
+}
+
+function onToChange(selectedDates, dateStr) {
+  if (form.from === null) {
+    form.from = dateStr
+
+    return
+  }
+}
+
+watch(() => form.to, () => {
+  refreshEstimatedHours(form.from, form.to)
+})
+
+watch(() => form.from, () => {
+  refreshEstimatedHours(form.from, form.to)
+})
+async function refreshEstimatedHours(from, to) {
+  if (from && to) {
+    const res = await axios.post(
+      '/api/overtime/calculate-hours',
+      { from: from, to: to },
+    )
+
+    estimatedHours.value = res.data
+  }
+}
+</script>
+
+<template>
+  <InertiaHead title="Dodaj nadgodziny" />
+  <div class="mx-auto w-full max-w-7xl">
+    <div class="flex flex-col h-full bg-white shadow-md xl:col-span-2">
+      <div class="p-4 sm:px-6">
+        <h2 class="text-lg font-medium leading-6 text-gray-900">
+          Dodaj wniosek
+        </h2>
+      </div>
+      <form
+        class="px-6 h-full border-t border-gray-200"
+        @submit.prevent="createForm"
+      >
+        <div class="flex flex-col justify-around h-full">
+          <div>
+            <div
+              v-if="form.errors.overtimeRequest"
+              class="p-4 mt-2 bg-red-50 rounded-md"
+            >
+              <div class="flex">
+                <div class="shrink-0">
+                  <XCircleIcon class="w-5 h-5 text-red-400" />
+                </div>
+                <div class="ml-3">
+                  <h3 class="text-sm font-medium text-red-800">
+                    Wniosek nie mógł zostać utworzony
+                  </h3>
+                  <div class="mt-2 text-sm text-red-700">
+                    <span>{{ form.errors.overtimeRequest }}</span>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="items-center py-4 sm:grid sm:grid-cols-3">
+              <label
+                for="date_from"
+                class="block text-sm font-medium text-gray-700 sm:mt-px"
+              >
+                Osoba składająca wniosek
+              </label>
+              <div class="mt-1 sm:col-span-2 sm:mt-0">
+                <div class="flex justify-start items-center">
+                  <span class="inline-flex justify-center items-center w-10 h-10 rounded-full">
+                    <img
+                      class="w-10 h-10 rounded-full"
+                      :src="auth.user.avatar"
+                    >
+                  </span>
+                  <div class="ml-3">
+                    <div class="text-sm font-medium text-gray-900">
+                      {{ auth.user.name }}
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="items-center py-4 sm:grid sm:grid-cols-3">
+              <label
+                for="date_from"
+                class="block text-sm font-medium text-gray-700 sm:mt-px"
+              >
+                Data od
+              </label>
+              <div class="mt-1 sm:col-span-2 sm:mt-0">
+                <FlatPickr
+                  id="date_from"
+                  v-model="form.from"
+                  :config="fromInputConfig"
+                  class="block w-full max-w-lg rounded-md shadow-sm sm:text-sm"
+                  :class="{ 'border-red-300 text-red-900 focus:outline-none focus:ring-red-500 focus:border-red-500': form.errors.from, 'focus:ring-blumilk-500 focus:border-blumilk-500 sm:text-sm border-gray-300': !form.errors.from }"
+                  @on-change="onFromChange"
+                />
+                <p
+                  v-if="form.errors.from"
+                  class="mt-2 text-sm text-red-600"
+                >
+                  {{ form.errors.from }}
+                </p>
+              </div>
+            </div>
+            <div class="items-center py-4 sm:grid sm:grid-cols-3">
+              <label
+                for="date_from"
+                class="block text-sm font-medium text-gray-700 sm:mt-px"
+              >
+                Data do
+              </label>
+              <div class="mt-1 sm:col-span-2 sm:mt-0">
+                <FlatPickr
+                  id="date_to"
+                  v-model="form.to"
+                  :config="toInputConfig"
+                  class="block w-full max-w-lg rounded-md shadow-sm sm:text-sm"
+                  :class="{ 'border-red-300 text-red-900 focus:outline-none focus:ring-red-500 focus:border-red-500': form.errors.to, 'focus:ring-blumilk-500 focus:border-blumilk-500 sm:text-sm border-gray-300': !form.errors.to }"
+                  @on-change="onToChange"
+                />
+                <p
+                  v-if="form.errors.to"
+                  class="mt-2 text-sm text-red-600"
+                >
+                  {{ form.errors.to }}
+                </p>
+              </div>
+            </div>
+            <div class="items-center py-4 sm:grid sm:grid-cols-3">
+              <span class="block text-sm font-medium text-gray-700 sm:mt-px">Liczba godzin</span>
+              <div
+                class="inline-flex items-center py-2 px-4 mt-1 w-full max-w-lg text-gray-500 bg-gray-50 rounded-md border border-gray-300 sm:col-span-2 sm:mt-0 sm:text-sm"
+              >
+                {{ estimatedHours }}
+              </div>
+            </div>
+            <Listbox
+              v-model="form.settlementType"
+              as="div"
+              class="items-center py-4 sm:grid sm:grid-cols-3"
+            >
+              <ListboxLabel class="block text-sm font-medium text-gray-700">
+                Typ rozliczenia nadgodzin
+              </ListboxLabel>
+              <div class="relative mt-1 sm:col-span-2 sm:mt-0">
+                <ListboxButton
+                  class="relative py-2 pr-10 pl-3 w-full max-w-lg text-left bg-white rounded-md border focus:outline-none focus:ring-1 shadow-sm cursor-default sm:text-sm"
+                  :class="{ 'border-red-300 text-red-900 focus:ring-red-500 focus:border-red-500': form.errors.type, 'focus:ring-blumilk-500 focus:border-blumilk-500 sm:text-sm border-gray-300': !form.errors.type }"
+                >
+                  <template v-if="form.settlementType">
+                    <span class="block truncate">
+                      <SettlementType :type="form.settlementType.value" />
+                    </span>
+                    <span class="flex absolute inset-y-0 right-0 items-center pr-2 pointer-events-none">
+                      <ChevronUpDownIcon class="w-5 h-5 text-gray-400" />
+                    </span>
+                  </template>
+                  <template v-else>
+                    Ładowanie...
+                  </template>
+                </ListboxButton>
+                <transition
+                  leave-active-class="transition ease-in duration-100"
+                  leave-from-class="opacity-100"
+                  leave-to-class="opacity-0"
+                >
+                  <ListboxOptions
+                    class="overflow-auto absolute z-10 py-1 mt-1 w-full max-w-lg max-h-60 text-base bg-white rounded-md focus:outline-none ring-1 ring-black ring-opacity-5 shadow-lg sm:text-sm"
+                  >
+                    <ListboxOption
+                      v-for="settlementType in settlementTypes"
+                      :key="settlementType.value"
+                      v-slot="{ active, selected }"
+                      as="template"
+                      :value="settlementType"
+                    >
+                      <li :class="[active ? 'bg-gray-100' : 'text-gray-900', 'cursor-default select-none relative py-2 pl-3 pr-9']">
+                        <span :class="[selected ? 'font-semibold' : 'font-normal', 'block truncate']">
+                          <SettlementType :type="settlementType.value" />
+                        </span>
+
+                        <span
+                          v-if="selected"
+                          :class="['text-blumilk-600 absolute inset-y-0 right-0 flex items-center pr-4']"
+                        >
+                          <CheckIcon class="w-5 h-5" />
+                        </span>
+                      </li>
+                    </ListboxOption>
+                  </ListboxOptions>
+                </transition>
+                <p
+                  v-if="form.errors.type"
+                  class="mt-2 text-sm text-red-600"
+                >
+                  {{ form.errors.type }}
+                </p>
+              </div>
+            </Listbox>
+            <div class="items-center py-4 sm:grid sm:grid-cols-3">
+              <label
+                for="comment"
+                class="block text-sm font-medium text-gray-700"
+              >
+                Komentarz
+                <span class="text-xs text-gray-500">
+                  (opcjonalny)
+                </span>
+              </label>
+              <div class="mt-1 sm:col-span-2 sm:mt-0">
+                <textarea
+                  id="comment"
+                  v-model="form.comment"
+                  rows="4"
+                  class="block w-full max-w-lg rounded-md border-gray-300 focus:border-blumilk-500 focus:ring-blumilk-500 shadow-sm sm:text-sm"
+                />
+              </div>
+            </div>
+          </div>
+          <div class="flex justify-end py-3">
+            <div class="space-x-3">
+              <InertiaLink
+                href="/vacation/requests"
+                class="py-2 px-4 text-sm font-medium text-gray-700 bg-white hover:bg-gray-50 rounded-md border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blumilk-500 focus:ring-offset-2 shadow-sm"
+              >
+                Anuluj
+              </InertiaLink>
+              <button
+                type="submit"
+                class="inline-flex justify-center py-2 px-4 text-sm font-medium text-white bg-blumilk-600 rounded-md border border-transparent focus:outline-none focus:ring-2 focus:ring-blumilk-500 focus:ring-offset-2 shadow-sm"
+                :class="[form.processing || !isDirty ? 'disabled:opacity-60' : 'hover:bg-blumilk-700']"
+                :disabled="form.processing || !isDirty"
+              >
+                Dodaj
+              </button>
+            </div>
+          </div>
+        </div>
+      </form>
+    </div>
+  </div>
+</template>
diff --git a/resources/js/Pages/OvertimeRequest/Index.vue b/resources/js/Pages/OvertimeRequest/Index.vue
new file mode 100644
index 00000000..a01b92a3
--- /dev/null
+++ b/resources/js/Pages/OvertimeRequest/Index.vue
@@ -0,0 +1,247 @@
+<script setup>
+import { ChevronRightIcon, ChevronUpDownIcon, CheckIcon } from '@heroicons/vue/24/solid'
+import Status from '@/Shared/Status.vue'
+import Pagination from '@/Shared/Pagination.vue'
+import { Listbox, ListboxButton, ListboxLabel, ListboxOption, ListboxOptions } from '@headlessui/vue'
+import { reactive, watch } from 'vue'
+import { debounce } from 'lodash'
+import { Inertia } from '@inertiajs/inertia'
+import EmptyState from '@/Shared/Feedbacks/EmptyState.vue'
+import SettlementType from '@/Shared/SettlementType.vue'
+
+const props = defineProps({
+  requests: Object,
+  stats: Object,
+  filters: Object,
+})
+
+const statuses = [
+  {
+    name: 'Wszystkie',
+    value: 'all',
+  },
+  {
+    name: 'W trakcie',
+    value: 'pending',
+  },
+  {
+    name: 'Zatwierdzone',
+    value: 'success',
+  },
+  {
+    name: 'Odrzucone/anulowane',
+    value: 'failed',
+  },
+  {
+    name: 'Rozliczone',
+    value: 'settled',
+  },
+]
+
+const form = reactive({
+  status: statuses.find(status => status.value === props.filters.status) ?? statuses[0],
+})
+
+watch(form, debounce(() => {
+  Inertia.get('/overtime/requests/me', { status: form.status.value, withoutRemote: form.withoutRemote }, {
+    preserveState: true,
+    replace: false,
+  })
+}, 300))
+
+</script>
+
+<template>
+  <InertiaHead title="Moje nadgodziny" />
+  <div class="bg-white shadow-md">
+    <div class="flex justify-between items-center p-4 sm:px-6">
+      <h2 class="text-lg font-medium leading-6 text-gray-900">
+        Moje nadgodziny
+      </h2>
+      <div>
+        <InertiaLink
+          href="/overtime/requests/create"
+          class="inline-flex items-center py-3 px-4 text-sm font-medium leading-4 text-white bg-blumilk-600 hover:bg-blumilk-700 rounded-md border border-transparent focus:outline-none focus:ring-2 focus:ring-blumilk-500 focus:ring-offset-2 shadow-sm"
+        >
+          Dodaj wniosek
+        </InertiaLink>
+      </div>
+    </div>
+    <div class="border-t border-gray-200">
+      <div class="hidden relative divide-x divide-gray-200 shadow md:flex">
+        <button
+          v-for="(status, index) in statuses"
+          :key="index"
+          :class="[status.value === filters.status ? 'text-blumilk-600 font-semibold' : 'hover:bg-blumilk-25 text-gray-700 focus:z-10', 'group relative min-w-0 flex-1 overflow-hidden focus:outline-blumilk-500 bg-white py-4 px-4 text-sm font-medium text-center']"
+          @click="form.status = status"
+        >
+          <span>{{ status.name }}</span>
+          <span
+            v-if="stats[status.value]"
+            :class="[status.value === filters.status ? 'bg-blumilk-50 text-blumilk-600' : 'bg-gray-100 text-gray-600', 'hidden ml-3 py-0.5 px-2.5 rounded-full text-xs font-semibold 2xl:inline-block']"
+          >
+            {{ stats[status.value] }}
+          </span>
+          <span
+            :class="[status.value === filters.status ? 'bg-blumilk-500' : 'bg-transparent', 'absolute inset-x-0 bottom-0 h-0.5']"
+          />
+        </button>
+      </div>
+      <div class="grid grid-cols-1 gap-2 p-4 md:hidden md:grid-cols-2 md:gap-4">
+        <Listbox
+          v-model="form.status"
+          as="div"
+        >
+          <ListboxLabel class="block mb-2 text-sm font-medium text-gray-700">
+            Status
+          </ListboxLabel>
+          <div class="relative mt-1 sm:mt-0">
+            <ListboxButton
+              class="relative py-2 pr-10 pl-3 w-full max-w-lg h-10 text-left bg-white rounded-md border border-gray-300 focus:border-blumilk-500 focus:outline-none focus:ring-1 focus:ring-blumilk-500 shadow-sm cursor-default sm:text-sm"
+            >
+              <span class="flex items-center">
+                {{ form.status.name }}
+              </span>
+              <span class="flex absolute inset-y-0 right-0 items-center pr-2 pointer-events-none">
+                <ChevronUpDownIcon class="w-5 h-5 text-gray-400" />
+              </span>
+            </ListboxButton>
+
+            <transition
+              leave-active-class="transition ease-in duration-100"
+              leave-from-class="opacity-100"
+              leave-to-class="opacity-0"
+            >
+              <ListboxOptions
+                class="overflow-auto absolute z-10 py-1 mt-1 w-full max-w-lg max-h-60 text-base bg-white rounded-md focus:outline-none ring-1 ring-black ring-opacity-5 shadow-lg sm:text-sm"
+              >
+                <ListboxOption
+                  v-for="status in statuses"
+                  :key="status.value"
+                  v-slot="{ active, selected }"
+                  as="template"
+                  :value="status"
+                >
+                  <li
+                    :class="[active ? 'bg-gray-100' : 'text-gray-900', 'cursor-default truncate select-none relative py-2 pl-3 pr-9']"
+                  >
+                    {{ status.name }}
+
+                    <span
+                      v-if="selected"
+                      :class="['text-blumilk-600 absolute inset-y-0 right-0 flex items-center pr-4']"
+                    >
+                      <CheckIcon class="w-5 h-5" />
+                    </span>
+                  </li>
+                </ListboxOption>
+              </ListboxOptions>
+            </transition>
+          </div>
+        </Listbox>
+      </div>
+    </div>
+    <div class="overflow-auto xl:overflow-visible">
+      <table class="min-w-full divide-y divide-gray-200">
+        <thead class="bg-gray-50">
+          <tr>
+            <th
+              scope="col"
+              class="py-3 px-4 text-xs font-semibold tracking-wider text-left text-gray-500 uppercase whitespace-nowrap"
+            >
+              Numer
+            </th>
+            <th
+              scope="col"
+              class="py-3 px-4 text-xs font-semibold tracking-wider text-left text-gray-500 uppercase whitespace-nowrap"
+            >
+              Od
+            </th>
+            <th
+              scope="col"
+              class="py-3 px-4 text-xs font-semibold tracking-wider text-left text-gray-500 uppercase whitespace-nowrap"
+            >
+              Do
+            </th>
+            <th
+              scope="col"
+              class="py-3 px-4 text-xs font-semibold tracking-wider text-left text-gray-500 uppercase whitespace-nowrap"
+            >
+              Liczba godzin
+            </th>
+            <th
+              scope="col"
+              class="py-3 px-4 text-xs font-semibold tracking-wider text-left text-gray-500 uppercase whitespace-nowrap"
+            >
+              Sposób rozliczenia
+            </th>
+            <th
+              scope="col"
+              class="py-3 px-4 text-xs font-semibold tracking-wider text-left text-gray-500 uppercase whitespace-nowrap"
+            >
+              Status
+            </th>
+            <th scope="col" />
+          </tr>
+        </thead>
+        <tbody class="bg-white divide-y divide-gray-100">
+          <InertiaLink
+            v-for="request in requests.data"
+            :key="request.id"
+            :href="`/overtime/requests/${request.id}`"
+            as="tr"
+            class="relative hover:bg-blumilk-25"
+          >
+            <td class="p-4 text-sm text-gray-500 whitespace-nowrap">
+              <InertiaLink
+                :href="`/overtime/requests/${request.id}`"
+                class="font-semibold text-blumilk-600 hover:text-blumilk-500 hover:underline focus:outline-blumilk-500"
+              >
+                {{ request.name }}
+              </InertiaLink>
+            </td>
+            <td class="p-4 text-sm text-gray-500 whitespace-nowrap">
+              {{ request.from }}
+            </td>
+            <td class="p-4 text-sm text-gray-500 whitespace-nowrap">
+              {{ request.to }}
+            </td>
+            <td class="p-4 text-sm text-gray-500 whitespace-nowrap">
+              {{ request.hours }}
+            </td>
+            <td class="p-4 text-sm text-gray-500 whitespace-nowrap">
+              <SettlementType :type="request.settlementType" />
+            </td>
+            <td class="p-4 text-sm text-gray-500 whitespace-nowrap">
+              <Status :status="request.state" />
+            </td>
+            <td class="p-4 text-sm text-gray-500 whitespace-nowrap">
+              <InertiaLink
+                :href="`/overtime/requests/${request.id}`"
+                class="flex justify-around focus:outline-blumilk-500"
+              >
+                <ChevronRightIcon class="block w-6 h-6 fill-blumilk-500" />
+              </InertiaLink>
+            </td>
+          </InertiaLink>
+          <tr v-if="! requests.data.length">
+            <td
+              colspan="100%"
+              class="py-4 text-xl leading-5 text-center text-gray-700"
+            >
+              <EmptyState>
+                <template #title>
+                  Brak wniosków
+                </template>
+                <template #text>
+                  Nie znaleziono wniosków o danym statusie
+                </template>
+              </EmptyState>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+    <Pagination :pagination="requests.meta" />
+  </div>
+</template>
diff --git a/resources/js/Pages/OvertimeRequest/IndexForApprovers.vue b/resources/js/Pages/OvertimeRequest/IndexForApprovers.vue
new file mode 100644
index 00000000..d86ddb53
--- /dev/null
+++ b/resources/js/Pages/OvertimeRequest/IndexForApprovers.vue
@@ -0,0 +1,347 @@
+<script setup>
+import { CheckIcon, ChevronRightIcon, ChevronUpDownIcon } from '@heroicons/vue/24/solid'
+import Status from '@/Shared/Status.vue'
+import { reactive, watch } from 'vue'
+import { debounce } from 'lodash'
+import { Inertia } from '@inertiajs/inertia'
+import { Listbox, ListboxButton, ListboxLabel, ListboxOption, ListboxOptions } from '@headlessui/vue'
+import Pagination from '@/Shared/Pagination.vue'
+import EmptyState from '@/Shared/Feedbacks/EmptyState.vue'
+import SettlementType from '@/Shared/SettlementType.vue'
+
+const props = defineProps({
+  auth: Object,
+  requests: Object,
+  users: Object,
+  filters: Object,
+})
+
+const statuses = [
+  {
+    name: 'Wszystkie',
+    value: 'all',
+  },
+  {
+    name: 'Oczekujące na akcje',
+    value: 'waiting_for_action',
+  },
+  {
+    name: 'W trakcie',
+    value: 'pending',
+  },
+  {
+    name: 'Zatwierdzone',
+    value: 'success',
+  },
+  {
+    name: 'Odrzucone/anulowane',
+    value: 'failed',
+  },
+  {
+    name: 'Rozliczone',
+    value: 'settled',
+  },
+]
+
+const form = reactive({
+  user: props.users.data.find(user => user.id === props.filters.user) ?? null,
+  status: statuses.find(status => status.value === props.filters.status) ?? statuses[0],
+})
+
+watch(form, debounce(() => {
+  Inertia.get('/overtime/requests', {
+    user: form.user?.id,
+    status: form.status.value,
+  }, {
+    preserveState: true,
+    replace: true,
+  })
+}, 150))
+</script>
+
+<template>
+  <InertiaHead title="Nadgodziny" />
+  <div class="bg-white shadow-md">
+    <div class="flex justify-between items-center p-4 sm:px-6">
+      <h2 class="text-lg font-medium leading-6 text-gray-900">
+        Lista wniosków
+      </h2>
+      <div v-if="props.auth.overtimeEnabled">
+        <InertiaLink
+          class="inline-flex items-center py-3 px-4 text-sm font-medium leading-4 text-white bg-blumilk-600 hover:bg-blumilk-700 rounded-md border border-transparent focus:outline-none focus:ring-2 focus:ring-blumilk-500 focus:ring-offset-2 shadow-sm"
+          href="/overtime/requests/create"
+        >
+          Dodaj wniosek
+        </InertiaLink>
+      </div>
+    </div>
+    <div class="border-t border-gray-200">
+      <div class="grid grid-cols-1 gap-2 p-4 md:grid-cols-3 md:gap-4">
+        <Listbox
+          v-model="form.user"
+          as="div"
+        >
+          <ListboxLabel class="block mb-2 text-sm font-medium text-gray-700">
+            Pracownik
+          </ListboxLabel>
+          <div class="relative mt-1 sm:mt-0">
+            <ListboxButton
+              class="relative py-2 pr-10 pl-3 w-full max-w-lg h-10 text-left bg-white rounded-md border border-gray-300 focus:border-blumilk-500 focus:outline-none focus:ring-1 focus:ring-blumilk-500 shadow-sm cursor-default sm:text-sm"
+            >
+              <span v-if="form.user === null">
+                Wszyscy
+              </span>
+              <span
+                v-else
+                class="flex items-center"
+              >
+                <img
+                  :src="form.user.avatar"
+                  class="shrink-0 w-6 h-6 rounded-full"
+                >
+                <span class="block ml-3 truncate">{{ form.user.name }}</span>
+              </span>
+              <span class="flex absolute inset-y-0 right-0 items-center pr-2 pointer-events-none">
+                <ChevronUpDownIcon class="w-5 h-5 text-gray-400" />
+              </span>
+            </ListboxButton>
+
+            <transition
+              leave-active-class="transition ease-in duration-100"
+              leave-from-class="opacity-100"
+              leave-to-class="opacity-0"
+            >
+              <ListboxOptions
+                class="overflow-auto absolute z-10 py-1 mt-1 w-full max-w-lg max-h-60 text-base bg-white rounded-md focus:outline-none ring-1 ring-black ring-opacity-5 shadow-lg sm:text-sm"
+              >
+                <ListboxOption
+                  v-slot="{ active }"
+                  :value="null"
+                  as="template"
+                >
+                  <li
+                    :class="[active ? 'bg-gray-100' : 'text-gray-900', 'cursor-default select-none relative py-2 pl-3 pr-9']"
+                  >
+                    <div class="flex items-center">
+                      Wszyscy
+                    </div>
+
+                    <span
+                      v-if="form.user === null"
+                      :class="['text-blumilk-600 absolute inset-y-0 right-0 flex items-center pr-4']"
+                    >
+                      <CheckIcon class="w-5 h-5" />
+                    </span>
+                  </li>
+                </ListboxOption>
+                <ListboxOption
+                  v-for="user in users.data"
+                  :key="user.id"
+                  v-slot="{ active }"
+                  :value="user"
+                  as="template"
+                >
+                  <li
+                    :class="[active ? 'bg-gray-100' : 'text-gray-900', 'cursor-default select-none relative py-2 pl-3 pr-9']"
+                  >
+                    <div class="flex items-center">
+                      <img
+                        :src="user.avatar"
+                        class="shrink-0 w-6 h-6 rounded-full"
+                      >
+                      <span
+                        :class="[form.user?.id === user.id ? 'font-semibold' : 'font-normal', 'ml-3 block truncate']"
+                      >
+                        {{ user.name }}
+                      </span>
+                    </div>
+                    <span
+                      v-if="form.user?.id === user.id"
+                      :class="['text-blumilk-600 absolute inset-y-0 right-0 flex items-center pr-4']"
+                    >
+                      <CheckIcon class="w-5 h-5" />
+                    </span>
+                  </li>
+                </ListboxOption>
+              </ListboxOptions>
+            </transition>
+          </div>
+        </Listbox>
+        <Listbox
+          v-model="form.status"
+          as="div"
+        >
+          <ListboxLabel class="block mb-2 text-sm font-medium text-gray-700">
+            Status
+          </ListboxLabel>
+          <div class="relative mt-1 sm:mt-0">
+            <ListboxButton
+              class="relative py-2 pr-10 pl-3 w-full max-w-lg h-10 text-left bg-white rounded-md border border-gray-300 focus:border-blumilk-500 focus:outline-none focus:ring-1 focus:ring-blumilk-500 shadow-sm cursor-default sm:text-sm"
+            >
+              <span class="flex items-center">
+                {{ form.status.name }}
+              </span>
+              <span class="flex absolute inset-y-0 right-0 items-center pr-2 pointer-events-none">
+                <ChevronUpDownIcon class="w-5 h-5 text-gray-400" />
+              </span>
+            </ListboxButton>
+
+            <transition
+              leave-active-class="transition ease-in duration-100"
+              leave-from-class="opacity-100"
+              leave-to-class="opacity-0"
+            >
+              <ListboxOptions
+                class="overflow-auto absolute z-10 py-1 mt-1 w-full max-w-lg max-h-60 text-base bg-white rounded-md focus:outline-none ring-1 ring-black ring-opacity-5 shadow-lg sm:text-sm"
+              >
+                <ListboxOption
+                  v-for="status in statuses"
+                  :key="status.value"
+                  v-slot="{ active, selected }"
+                  :value="status"
+                  as="template"
+                >
+                  <li
+                    :class="[active ? 'bg-gray-100' : 'text-gray-900', 'cursor-default truncate select-none relative py-2 pl-3 pr-9']"
+                  >
+                    {{ status.name }}
+
+                    <span
+                      v-if="selected"
+                      :class="['text-blumilk-600 absolute inset-y-0 right-0 flex items-center pr-4']"
+                    >
+                      <CheckIcon class="w-5 h-5" />
+                    </span>
+                  </li>
+                </ListboxOption>
+              </ListboxOptions>
+            </transition>
+          </div>
+        </Listbox>
+      </div>
+    </div>
+    <div class="overflow-auto xl:overflow-visible">
+      <table class="min-w-full divide-y divide-gray-200">
+        <thead class="bg-gray-50">
+          <tr>
+            <th
+              class="py-3 px-4 text-xs font-semibold tracking-wider text-left text-gray-500 uppercase whitespace-nowrap"
+              scope="col"
+            >
+              Numer
+            </th>
+            <th
+              class="py-3 px-4 text-xs font-semibold tracking-wider text-left text-gray-500 uppercase whitespace-nowrap"
+              scope="col"
+            >
+              Pracownik
+            </th>
+            <th
+              class="py-3 px-4 text-xs font-semibold tracking-wider text-left text-gray-500 uppercase whitespace-nowrap"
+              scope="col"
+            >
+              Od
+            </th>
+            <th
+              class="py-3 px-4 text-xs font-semibold tracking-wider text-left text-gray-500 uppercase whitespace-nowrap"
+              scope="col"
+            >
+              Do
+            </th>
+            <th
+              class="py-3 px-4 text-xs font-semibold tracking-wider text-left text-gray-500 uppercase whitespace-nowrap"
+              scope="col"
+            >
+              Liczba godzin
+            </th>
+            <th
+              class="py-3 px-4 text-xs font-semibold tracking-wider text-left text-gray-500 uppercase whitespace-nowrap"
+              scope="col"
+            >
+              Sposób rozliczenia
+            </th>
+            <th
+              class="py-3 px-4 text-xs font-semibold tracking-wider text-left text-gray-500 uppercase whitespace-nowrap"
+              scope="col"
+            >
+              Status
+            </th>
+            <th scope="col" />
+          </tr>
+        </thead>
+        <tbody class="bg-white divide-y divide-gray-100">
+          <InertiaLink
+            v-for="request in requests.data"
+            :key="request.id"
+            :href="`/overtime/requests/${request.id}`"
+            as="tr"
+            class="relative hover:bg-blumilk-25 hover:cursor-pointer"
+          >
+            <td class="p-4 text-sm text-gray-500 whitespace-nowrap">
+              <InertiaLink
+                :href="`/overtime/requests/${request.id}`"
+                class="font-semibold text-blumilk-600 hover:text-blumilk-500 hover:underline focus:outline-blumilk-500"
+              >
+                {{ request.name }}
+              </InertiaLink>
+            </td>
+            <td class="p-4 text-sm font-medium text-gray-500 whitespace-nowrap">
+              <div class="flex">
+                <div class="w-10 h-10 rounded-full">
+                  <img :src="request.user.avatar">
+                </div>
+                <div class="ml-3">
+                  <p class="text-sm font-medium text-gray-900">
+                    {{ request.user.name }}
+                  </p>
+                  <p class="text-sm text-gray-500">
+                    {{ request.user.email }}
+                  </p>
+                </div>
+              </div>
+            </td>
+            <td class="p-4 text-sm text-gray-500 whitespace-nowrap">
+              {{ request.from }}
+            </td>
+            <td class="p-4 text-sm text-gray-500 whitespace-nowrap">
+              {{ request.to }}
+            </td>
+            <td class="p-4 text-sm text-gray-500 whitespace-nowrap">
+              {{ request.hours }}
+            </td>
+            <td class="p-4 text-sm text-gray-500 whitespace-nowrap">
+              <SettlementType :type="request.settlementType" />
+            </td>
+            <td class="p-4 text-sm text-gray-500 whitespace-nowrap">
+              <Status :status="request.state" />
+            </td>
+            <td class="p-4 text-sm text-gray-500 whitespace-nowrap">
+              <InertiaLink
+                :href="`/overtime/requests/${request.id}`"
+                class="flex justify-around focus:outline-blumilk-500"
+              >
+                <ChevronRightIcon class="block w-6 h-6 fill-blumilk-500" />
+              </InertiaLink>
+            </td>
+          </InertiaLink>
+          <tr v-if="! requests.data.length">
+            <td
+              class="py-4 text-xl leading-5 text-center text-gray-700"
+              colspan="100%"
+            >
+              <EmptyState>
+                <template #title>
+                  Brak wniosków
+                </template>
+                <template #text>
+                  Spróbuj sformułować zapytanie inaczej
+                </template>
+              </EmptyState>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+    <Pagination :pagination="requests.meta" />
+  </div>
+</template>
diff --git a/resources/js/Pages/OvertimeRequest/Show.vue b/resources/js/Pages/OvertimeRequest/Show.vue
new file mode 100644
index 00000000..526d36a8
--- /dev/null
+++ b/resources/js/Pages/OvertimeRequest/Show.vue
@@ -0,0 +1,222 @@
+<script setup>
+import Activity from '@/Shared/Activity.vue'
+import Status from '@/Shared/Status.vue'
+
+defineProps({
+  request: Object,
+  activities: Object,
+  stats: Object,
+  auth: Object,
+})
+</script>
+
+<template>
+  <InertiaHead :title="`Nadgodziny ${request.name}`" />
+  <div class="grid grid-cols-1 gap-6 xl:grid-cols-3 xl:grid-flow-col-dense">
+    <div class="space-y-6 xl:col-span-2 xl:col-start-1">
+      <div class="bg-white shadow-md">
+        <div class="py-5 px-4 sm:px-6">
+          <h3 class="text-lg font-medium leading-6 text-gray-900">
+            Informacje na temat wniosku
+          </h3>
+        </div>
+        <div class="py-5 px-4 border-t border-gray-200 sm:p-0">
+          <dl class="sm:divide-y sm:divide-gray-200">
+            <div class="py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:py-5 sm:px-6">
+              <dt class="text-sm font-medium text-gray-500">
+                Nr wniosku
+              </dt>
+              <dd class="mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0">
+                {{ request.name }}
+              </dd>
+            </div>
+            <div class="py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:py-5 sm:px-6">
+              <dt class="flex items-center text-sm font-medium text-gray-500">
+                Pracownik
+              </dt>
+              <dd class="mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0">
+                <div class="flex">
+                  <img
+                    class="w-10 h-10 rounded-full"
+                    :src="request.user.avatar"
+                  >
+                  <div class="ml-3">
+                    <p class="text-sm font-medium text-gray-900">
+                      {{ request.user.name }}
+                    </p>
+                    <p class="text-sm text-gray-500">
+                      {{ request.user.email }}
+                    </p>
+                  </div>
+                </div>
+              </dd>
+            </div>
+            <div class="py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:py-5 sm:px-6">
+              <dt class="text-sm font-medium text-gray-500">
+                Obecny status
+              </dt>
+              <dd class="mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0">
+                <Status :status="request.state" />
+              </dd>
+            </div>
+            <div class="py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:py-5 sm:px-6">
+              <dt class="text-sm font-medium text-gray-500">
+                Data
+              </dt>
+              <dd class="mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0">
+                {{ request.from }} - {{ request.to }}
+                <span class="font-semibold">
+                  [Liczba godzin: {{ request.hours }}]
+                </span>
+              </dd>
+            </div>
+            <div class="py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:py-5 sm:px-6">
+              <dt class="text-sm font-medium text-gray-500">
+                Komentarz
+              </dt>
+              <dd
+                v-if="request.comment != null"
+                class="mt-1 text-sm text-gray-900 break-all sm:col-span-2 sm:mt-0"
+              >
+                {{ request.comment }}
+              </dd>
+              <dd
+                v-else
+                class="mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0"
+              >
+                -
+              </dd>
+            </div>
+          </dl>
+        </div>
+      </div>
+      <div
+        v-if="request.can.acceptAsTechnical"
+        class="bg-white shadow"
+      >
+        <div class="py-5 px-4 sm:p-6">
+          <h3 class="text-lg font-medium leading-6 text-gray-900">
+            Zaakceptuj wniosek jako osoba techniczna
+          </h3>
+          <div class="mt-2 max-w-xl text-sm text-gray-500">
+            <p>
+              W zależności od typu wniosku, zostanie on zatwierdzony lub osoba administracyjna będzie
+              musiała go zaakceptować.
+            </p>
+          </div>
+          <div class="mt-5">
+            <InertiaLink
+              :href="`/overtime/requests/${request.id}/accept-as-technical`"
+              method="post"
+              as="button"
+              preserve-scroll
+              class="inline-flex justify-center py-2 px-4 text-sm font-medium text-white bg-blumilk-600 hover:bg-blumilk-700 rounded-md border border-transparent focus:outline-none focus:ring-2 focus:ring-blumilk-500 focus:ring-offset-2 shadow-sm"
+            >
+              Zaakceptuj wniosek
+            </InertiaLink>
+          </div>
+        </div>
+      </div>
+      <div
+        v-if="request.can.reject"
+        class="bg-white shadow"
+      >
+        <div class="py-5 px-4 sm:p-6">
+          <h3 class="text-lg font-medium leading-6 text-gray-900">
+            Odrzuć wniosek
+          </h3>
+          <div class="mt-2 max-w-xl text-sm text-gray-500">
+            <p>
+              Odrzuconego wniosku nie można przywracać - należy zrobić nowy.
+            </p>
+          </div>
+          <div class="mt-5">
+            <InertiaLink
+              :href="`/overtime/requests/${request.id}/reject`"
+              method="post"
+              as="button"
+              preserve-scroll
+              class="inline-flex justify-center items-center py-2 px-4 font-medium text-red-700 bg-red-100 hover:bg-red-200 rounded-md border border-transparent focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2 sm:text-sm"
+            >
+              Odrzuć wniosek
+            </InertiaLink>
+          </div>
+        </div>
+      </div>
+      <div
+        v-if="request.can.cancel"
+        class="bg-white border border-red-500 shadow"
+      >
+        <div class="py-5 px-4 sm:p-6">
+          <h3 class="text-lg font-medium leading-6 text-gray-900">
+            Anuluj wniosek
+          </h3>
+          <div class="mt-2 max-w-xl text-sm text-gray-500">
+            <p>
+              Anulowanego wniosku nie można przywrócić - należy utworzyć nowy.
+            </p>
+          </div>
+          <div class="mt-5">
+            <InertiaLink
+              :href="`/overtime/requests/${request.id}/cancel`"
+              method="post"
+              as="button"
+              preserve-scroll
+              class="inline-flex justify-center items-center py-2 px-4 font-medium text-red-700 bg-red-100 hover:bg-red-200 rounded-md border border-transparent focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2 sm:text-sm"
+            >
+              Anuluj wniosek
+            </InertiaLink>
+          </div>
+        </div>
+      </div>
+      <div
+        v-if="request.can.settle"
+        class="bg-white border border-blue-500 shadow"
+      >
+        <div class="py-5 px-4 sm:p-6">
+          <h3 class="text-lg font-medium leading-6 text-gray-900">
+            Rozlicz nadgodziny
+          </h3>
+          <div class="mt-2 max-w-xl text-sm text-gray-500">
+            <p>
+              Rozliczenie nadgodzin spowoduje oznaczenie ich jako rozliczone.
+            </p>
+          </div>
+          <div class="mt-5">
+            <InertiaLink
+              :href="`/overtime/requests/${request.id}/settle`"
+              method="post"
+              as="button"
+              preserve-scroll
+              class="inline-flex justify-center items-center py-2 px-4 font-medium text-blue-700 bg-blue-100 hover:bg-blue-200 rounded-md border border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 sm:text-sm"
+            >
+              Rozlicz nadogdziny
+            </InertiaLink>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="space-y-6 xl:col-span-1 xl:col-start-3">
+      <div class="bg-white shadow-md">
+        <div class="py-5 px-4 sm:px-6">
+          <h3 class="text-lg font-medium leading-6 text-gray-900">
+            Historia wniosku
+          </h3>
+        </div>
+        <div class="p-4 border-t border-gray-200">
+          <ul>
+            <li
+              v-for="(activity, index) in activities.data"
+              :key="index"
+            >
+              <Activity
+                :activity="activity"
+                :last="index !== activities.data.length - 1"
+              />
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/resources/js/Shared/Layout/AppLayout.vue b/resources/js/Shared/Layout/AppLayout.vue
index b17e3095..20ff0abe 100644
--- a/resources/js/Shared/Layout/AppLayout.vue
+++ b/resources/js/Shared/Layout/AppLayout.vue
@@ -11,6 +11,7 @@ const props = defineProps({
   auth: Object,
   years: Object,
   vacationRequestsCount: Number,
+  overtimeRequestsCount: Number,
   deployInformation: Object,
   lastUpdate: String,
 })
@@ -51,6 +52,7 @@ function vacationPageOpened() {
       :auth="auth"
       :show-refresh-button="isUpdated"
       :vacation-requests-count="vacationRequestsCount"
+      :overtime-requests-count="overtimeRequestsCount"
       :years="years"
       @open="vacationPageOpened"
     />
diff --git a/resources/js/Shared/MainMenu.vue b/resources/js/Shared/MainMenu.vue
index 27249cbf..97489cb3 100644
--- a/resources/js/Shared/MainMenu.vue
+++ b/resources/js/Shared/MainMenu.vue
@@ -31,6 +31,7 @@ import {
   SunIcon,
   UserGroupIcon,
   XMarkIcon,
+  ClockIcon,
 } from '@heroicons/vue/24/outline'
 import { CheckIcon, ChevronDownIcon } from '@heroicons/vue/24/solid'
 
@@ -38,6 +39,7 @@ const props = defineProps({
   auth: Object,
   years: Object,
   vacationRequestsCount: Number,
+  overtimeRequestsCount: Number,
   showRefreshButton: Boolean,
   lastUpdate: String,
 })
@@ -61,6 +63,21 @@ const vacationNavigation = computed(() =>
       can: props.auth.can.listAllRequests,
       badge: props.vacationRequestsCount,
     },
+    {
+      name: 'Nadgodziny',
+      href: '/overtime/requests',
+      section: 'OvertimeRequest',
+      icon: ClockIcon,
+      can: props.auth.can.listAllOvertimeRequests,
+      badge: props.overtimeRequestsCount,
+    },
+    {
+      name: 'Moje nadgodziny',
+      href: '/overtime/requests/me',
+      section: 'OvertimeRequest',
+      icon: ClockIcon,
+      can: !props.auth.can.listAllOvertimeRequests && props.auth.overtimeEnabled,
+    },
     {
       name: 'Kalendarz',
       href: '/calendar',
diff --git a/resources/js/Shared/SettlementType.vue b/resources/js/Shared/SettlementType.vue
new file mode 100644
index 00000000..1d0d3992
--- /dev/null
+++ b/resources/js/Shared/SettlementType.vue
@@ -0,0 +1,23 @@
+<script setup>
+import { computed } from 'vue'
+import useSettlementTypeInfo from '@/Composables/settlementTypeInfo.js'
+
+const props = defineProps({
+  type: String,
+})
+
+const { findType } = useSettlementTypeInfo()
+
+const settlementTypeInfo = computed(() => findType(props.type))
+</script>
+
+<template>
+  <div class="flex items-center">
+    <component
+      :is="settlementTypeInfo.icon"
+      :class="[settlementTypeInfo.color ,'w-5 h-5 mr-1.5']"
+      :size="20"
+    />
+    <span>{{ settlementTypeInfo.text }}</span>
+  </div>
+</template>
diff --git a/routes/api.php b/routes/api.php
index 82a35ff1..10ff404a 100644
--- a/routes/api.php
+++ b/routes/api.php
@@ -3,6 +3,7 @@
 declare(strict_types=1);
 
 use Illuminate\Support\Facades\Route;
+use Toby\Http\Controllers\Api\CalculateOvertimeHoursController;
 use Toby\Http\Controllers\Api\CalculateUserUnavailableDaysController;
 use Toby\Http\Controllers\Api\CalculateUserVacationStatsController;
 use Toby\Http\Controllers\Api\CalculateVacationDaysController;
@@ -19,5 +20,6 @@
     Route::post("vacation/calculate-stats", CalculateUserVacationStatsController::class);
     Route::post("vacation/calculate-unavailable-days", CalculateUserUnavailableDaysController::class);
     Route::post("vacation/get-available-vacation-types", GetAvailableVacationTypesController::class);
+    Route::post("overtime/calculate-hours", CalculateOvertimeHoursController::class);
     Route::get("last-update", LastUpdateController::class);
 });
diff --git a/routes/web.php b/routes/web.php
index f0184dd7..0ac411e2 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -18,6 +18,7 @@
 use Toby\Http\Controllers\LoginController;
 use Toby\Http\Controllers\LogoutController;
 use Toby\Http\Controllers\MonthlyUsageController;
+use Toby\Http\Controllers\OvertimeRequestController;
 use Toby\Http\Controllers\PermissionController;
 use Toby\Http\Controllers\ResumeController;
 use Toby\Http\Controllers\SelectYearPeriodController;
@@ -173,6 +174,31 @@
         Route::get("/annual-summary", AnnualSummaryController::class)
             ->name("annual-summary");
     });
+    Route::prefix("/overtime")->as("overtime.")->group(function (): void {
+        Route::get("/requests", [OvertimeRequestController::class, "indexForApprovers"])
+            ->name("requests.indexForApprovers");
+        Route::post("/requests", [OvertimeRequestController::class, "store"])
+            ->name("requests.store");
+        Route::get("/requests/me", [OvertimeRequestController::class, "index"])
+            ->name("requests.index");
+        Route::get("/requests/create", [OvertimeRequestController::class, "create"])
+            ->name("requests.create");
+        Route::get("/requests/{overtimeRequest}", [OvertimeRequestController::class, "show"])
+            ->whereNumber("overtimeRequest")
+            ->name("requests.show");
+        Route::post("/requests/{overtimeRequest}/reject", [OvertimeRequestController::class, "reject"])
+            ->whereNumber("overtimeRequest")
+            ->name("requests.reject");
+        Route::post("/requests/{overtimeRequest}/cancel", [OvertimeRequestController::class, "cancel"])
+            ->whereNumber("overtimeRequest")
+            ->name("requests.cancel");
+        Route::post("/requests/{overtimeRequest}/settle", [OvertimeRequestController::class, "settle"])
+            ->whereNumber("overtimeRequest")
+            ->name("requests.settle");
+        Route::post("/requests/{overtimeRequest}/accept-as-technical", [OvertimeRequestController::class, "acceptAsTechnical"])
+            ->whereNumber("overtimeRequest")
+            ->name("requests.accept-as-technical");
+    });
 });
 
 Route::middleware("guest")->group(function (): void {
diff --git a/tests/Feature/OvertimeRequestTest.php b/tests/Feature/OvertimeRequestTest.php
new file mode 100644
index 00000000..7b348e10
--- /dev/null
+++ b/tests/Feature/OvertimeRequestTest.php
@@ -0,0 +1,447 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Tests\Feature;
+
+use Illuminate\Foundation\Testing\DatabaseMigrations;
+use Illuminate\Support\Carbon;
+use Inertia\Testing\AssertableInertia as Assert;
+use Tests\FeatureTestCase;
+use Toby\Enums\EmploymentForm;
+use Toby\Enums\SettlementType;
+use Toby\Models\OvertimeRequest;
+use Toby\Models\Profile;
+use Toby\Models\User;
+use Toby\Models\YearPeriod;
+use Toby\States\OvertimeRequest\Approved;
+use Toby\States\OvertimeRequest\Cancelled;
+use Toby\States\OvertimeRequest\Rejected;
+use Toby\States\OvertimeRequest\Settled;
+use Toby\States\OvertimeRequest\WaitingForTechnical;
+
+class OvertimeRequestTest extends FeatureTestCase
+{
+    use DatabaseMigrations;
+
+    public function testUserCanSeeOvertimeRequestsList(): void
+    {
+        $user = User::factory()
+            ->employee()
+            ->has(Profile::factory(["employment_form" => EmploymentForm::EmploymentContract]))
+            ->create();
+        $currentYearPeriod = YearPeriod::current();
+
+        OvertimeRequest::factory()
+            ->count(10)
+            ->for($user)
+            ->for($currentYearPeriod)
+            ->create();
+
+        $this->actingAs($user)
+            ->get("/overtime/requests/me")
+            ->assertOk()
+            ->assertInertia(
+                fn(Assert $page) => $page
+                    ->component("OvertimeRequest/Index")
+                    ->has("requests.data", 10),
+            );
+    }
+
+    public function testUserWithEmploymentContractCanCreateOvertimeRequest(): void
+    {
+        $user = User::factory()
+            ->employee()
+            ->has(Profile::factory(["employment_form" => EmploymentForm::EmploymentContract]))
+            ->create();
+
+        $currentYearPeriod = YearPeriod::current();
+
+        $this->actingAs($user)
+            ->post("/overtime/requests", [
+                "user" => $user->id,
+                "type" => SettlementType::Money->value,
+                "from" => Carbon::create($currentYearPeriod->year, 2, 7, 20)->format("Y-m-d H:i"),
+                "to" => Carbon::create($currentYearPeriod->year, 2, 7, 23)->format("Y-m-d H:i"),
+                "comment" => "Comment for the overtime request.",
+            ])
+            ->assertSessionHasNoErrors()
+            ->assertRedirect();
+
+        $this->assertDatabaseHas("overtime_requests", [
+            "user_id" => $user->id,
+            "year_period_id" => $currentYearPeriod->id,
+            "settlement_type" => SettlementType::Money->value,
+            "state" => WaitingForTechnical::$name,
+            "from" => Carbon::create($currentYearPeriod->year, 2, 7, 20)->format("Y-m-d H:i"),
+            "to" => Carbon::create($currentYearPeriod->year, 2, 7, 23)->format("Y-m-d H:i"),
+            "hours" => 3,
+            "comment" => "Comment for the overtime request.",
+        ]);
+    }
+
+    public function testUserWithB2bContractCannotCreateOvertimeRequest(): void
+    {
+        $user = User::factory()
+            ->employee()
+            ->has(Profile::factory(["employment_form" => EmploymentForm::B2bContract]))
+            ->create();
+
+        $this->actingAs($user)
+            ->get("/overtime/requests/create")
+            ->assertStatus(403);
+    }
+
+    public function testUserWithBoardMemberContractCannotCreateOvertimeRequest(): void
+    {
+        $user = User::factory()
+            ->employee()
+            ->has(Profile::factory(["employment_form" => EmploymentForm::BoardMemberContract]))
+            ->create();
+
+        $this->actingAs($user)
+            ->get("/overtime/requests/create")
+            ->assertStatus(403);
+    }
+
+    public function testUserWithCommissionContractCannotCreateOvertimeRequest(): void
+    {
+        $user = User::factory()
+            ->employee()
+            ->has(Profile::factory(["employment_form" => EmploymentForm::CommissionContract]))
+            ->create();
+
+        $this->actingAs($user)
+            ->get("/overtime/requests/create")
+            ->assertStatus(403);
+    }
+
+    public function testTechnicalApproverCanApproveOvertimeRequest(): void
+    {
+        $user = User::factory()
+            ->has(Profile::factory(["employment_form" => EmploymentForm::EmploymentContract]))
+            ->create();
+        $technicalApprover = User::factory()->technicalApprover()->create();
+
+        $overtimeRequest = OvertimeRequest::factory()
+            ->for($user)
+            ->create(["state" => WaitingForTechnical::$name]);
+
+        $this->actingAs($technicalApprover)
+            ->post("/overtime/requests/{$overtimeRequest->id}/accept-as-technical")
+            ->assertSessionHasNoErrors()
+            ->assertRedirect();
+
+        $this->assertDatabaseHas("overtime_requests", [
+            "id" => $overtimeRequest->id,
+            "state" => Approved::$name,
+        ]);
+    }
+
+    public function testEmployeeCannotApproveOvertimeRequest(): void
+    {
+        $user = User::factory()
+            ->has(Profile::factory(["employment_form" => EmploymentForm::EmploymentContract]))
+            ->create();
+        $approver = User::factory()->employee()->create();
+
+        $overtimeRequest = OvertimeRequest::factory()
+            ->for($user)
+            ->create(["state" => WaitingForTechnical::$name]);
+
+        $this->actingAs($approver)
+            ->post("/overtime/requests/{$overtimeRequest->id}/accept-as-technical")
+            ->assertStatus(403);
+
+        $this->assertDatabaseHas("overtime_requests", [
+            "id" => $overtimeRequest->id,
+            "state" => WaitingForTechnical::$name,
+        ]);
+    }
+
+    public function testTechnicalApproverCanRejectOvertimeRequest(): void
+    {
+        $user = User::factory()
+            ->has(Profile::factory(["employment_form" => EmploymentForm::EmploymentContract]))
+            ->create();
+        $technicalApprover = User::factory()->technicalApprover()->create();
+
+        $overtimeRequest = OvertimeRequest::factory()
+            ->for($user)
+            ->create(["state" => WaitingForTechnical::$name]);
+
+        $this->actingAs($technicalApprover)
+            ->post("/overtime/requests/{$overtimeRequest->id}/reject")
+            ->assertSessionHasNoErrors()
+            ->assertRedirect();
+
+        $this->assertDatabaseHas("overtime_requests", [
+            "id" => $overtimeRequest->id,
+            "state" => Rejected::$name,
+        ]);
+    }
+
+    public function testEmployeeCanCancelOvertimeRequest(): void
+    {
+        $user = User::factory()
+            ->has(Profile::factory(["employment_form" => EmploymentForm::EmploymentContract]))
+            ->create();
+
+        $overtimeRequest = OvertimeRequest::factory()
+            ->for($user)
+            ->create(["state" => WaitingForTechnical::$name]);
+
+        $this->actingAs($user)
+            ->post("/overtime/requests/{$overtimeRequest->id}/cancel")
+            ->assertSessionHasNoErrors()
+            ->assertRedirect();
+
+        $this->assertDatabaseHas("overtime_requests", [
+            "id" => $overtimeRequest->id,
+            "state" => Cancelled::$name,
+        ]);
+    }
+
+    public function testEmployeeCannotCreateOvertimeRequestIfHeHasPendingOvertimeRequestInThisRange(): void
+    {
+        $user = User::factory()
+            ->has(Profile::factory(["employment_form" => EmploymentForm::EmploymentContract]))
+            ->create();
+        $currentYearPeriod = YearPeriod::current();
+
+        OvertimeRequest::factory([
+            "state" => WaitingForTechnical::class,
+            "from" => Carbon::create($currentYearPeriod->year, 2, 7, 19)->format("Y-m-d H:i"),
+            "to" => Carbon::create($currentYearPeriod->year, 2, 7, 22)->format("Y-m-d H:i"),
+        ])
+            ->for($user)
+            ->for($currentYearPeriod)
+            ->create();
+
+        $this->actingAs($user)
+            ->post("/overtime/requests", [
+                "user" => $user->id,
+                "type" => SettlementType::Money->value,
+                "from" => Carbon::create($currentYearPeriod->year, 2, 7, 21)->format("Y-m-d H:i"),
+                "to" => Carbon::create($currentYearPeriod->year, 2, 7, 23)->format("Y-m-d H:i"),
+            ])
+            ->assertSessionHasErrors([
+                "overtimeRequest" => __("You have a pending request in this date range."),
+            ]);
+
+        $this->actingAs($user)
+            ->post("/overtime/requests", [
+                "user" => $user->id,
+                "type" => SettlementType::Money->value,
+                "from" => Carbon::create($currentYearPeriod->year, 2, 7, 18)->format("Y-m-d H:i"),
+                "to" => Carbon::create($currentYearPeriod->year, 2, 7, 22)->format("Y-m-d H:i"),
+            ])
+            ->assertSessionHasErrors([
+                "overtimeRequest" => __("You have a pending request in this date range."),
+            ]);
+
+        $this->actingAs($user)
+            ->post("/overtime/requests", [
+                "user" => $user->id,
+                "type" => SettlementType::Money->value,
+                "from" => Carbon::create($currentYearPeriod->year, 2, 7, 21)->format("Y-m-d H:i"),
+                "to" => Carbon::create($currentYearPeriod->year, 2, 7, 22)->format("Y-m-d H:i"),
+            ])
+            ->assertSessionHasErrors([
+                "overtimeRequest" => __("You have a pending request in this date range."),
+            ]);
+
+        $this->actingAs($user)
+            ->post("/overtime/requests", [
+                "user" => $user->id,
+                "type" => SettlementType::Money->value,
+                "from" => Carbon::create($currentYearPeriod->year, 2, 6, 21)->format("Y-m-d H:i"),
+                "to" => Carbon::create($currentYearPeriod->year, 2, 8, 22)->format("Y-m-d H:i"),
+            ])
+            ->assertSessionHasErrors([
+                "overtimeRequest" => __("You have a pending request in this date range."),
+            ]);
+    }
+
+    public function testEmployeeCannotCreateOvertimeRequestIfHeHasSettledOvertimeRequestInThisRange(): void
+    {
+        $user = User::factory()
+            ->has(Profile::factory(["employment_form" => EmploymentForm::EmploymentContract]))
+            ->create();
+        $currentYearPeriod = YearPeriod::current();
+
+        OvertimeRequest::factory([
+            "state" => Settled::class,
+            "from" => Carbon::create($currentYearPeriod->year, 2, 7, 20)->format("Y-m-d H:i"),
+            "to" => Carbon::create($currentYearPeriod->year, 2, 7, 22)->format("Y-m-d H:i"),
+        ])
+            ->for($user)
+            ->for($currentYearPeriod)
+            ->create();
+
+        $this->actingAs($user)
+            ->post("/overtime/requests", [
+                "user" => $user->id,
+                "type" => SettlementType::Money->value,
+                "from" => Carbon::create($currentYearPeriod->year, 2, 7, 21)->format("Y-m-d H:i"),
+                "to" => Carbon::create($currentYearPeriod->year, 2, 7, 23)->format("Y-m-d H:i"),
+            ])
+            ->assertSessionHasErrors([
+                "overtimeRequest" => __("You have a pending request in this date range."),
+            ]);
+    }
+
+    public function testTechnicalApproverCanSettleOvertimeRequest(): void
+    {
+        $user = User::factory()
+            ->has(Profile::factory(["employment_form" => EmploymentForm::EmploymentContract]))
+            ->create();
+        $technicalApprover = User::factory()->technicalApprover()->create();
+
+        $overtimeRequest = OvertimeRequest::factory()
+            ->for($user)
+            ->create(["state" => Approved::$name]);
+
+        $this->actingAs($technicalApprover)
+            ->post("/overtime/requests/{$overtimeRequest->id}/settle")
+            ->assertSessionHasNoErrors()
+            ->assertRedirect();
+
+        $this->assertDatabaseHas("overtime_requests", [
+            "id" => $overtimeRequest->id,
+            "state" => Settled::$name,
+        ]);
+    }
+
+    public function testEmployeeCanSettleOvertimeRequest(): void
+    {
+        $user = User::factory()
+            ->has(Profile::factory(["employment_form" => EmploymentForm::EmploymentContract]))
+            ->create();
+
+        $overtimeRequest = OvertimeRequest::factory()
+            ->for($user)
+            ->create(["state" => Approved::$name]);
+
+        $this->actingAs($user)
+            ->post("/overtime/requests/{$overtimeRequest->id}/settle")
+            ->assertSessionHasNoErrors()
+            ->assertRedirect();
+
+        $this->assertDatabaseHas("overtime_requests", [
+            "id" => $overtimeRequest->id,
+            "state" => Settled::$name,
+        ]);
+    }
+
+    public function testEmployeeCannotSettleOvertimeRequestIfItIsNotApproved(): void
+    {
+        $user = User::factory()
+            ->has(Profile::factory(["employment_form" => EmploymentForm::EmploymentContract]))
+            ->create();
+
+        $overtimeRequest = OvertimeRequest::factory()
+            ->for($user)
+            ->create(["state" => WaitingForTechnical::$name]);
+
+        $this->actingAs($user)
+            ->post("/overtime/requests/{$overtimeRequest->id}/settle")
+            ->assertStatus(403);
+
+        $this->assertDatabaseHas("overtime_requests", [
+            "id" => $overtimeRequest->id,
+            "state" => WaitingForTechnical::$name,
+        ]);
+    }
+
+    public function testEmployeeCannotSettleOvertimeRequestIfItIsRejected(): void
+    {
+        $user = User::factory()
+            ->has(Profile::factory(["employment_form" => EmploymentForm::EmploymentContract]))
+            ->create();
+
+        $overtimeRequest = OvertimeRequest::factory()
+            ->for($user)
+            ->create(["state" => Rejected::$name]);
+
+        $this->actingAs($user)
+            ->post("/overtime/requests/{$overtimeRequest->id}/settle")
+            ->assertStatus(403);
+
+        $this->assertDatabaseHas("overtime_requests", [
+            "id" => $overtimeRequest->id,
+            "state" => Rejected::$name,
+        ]);
+    }
+
+    public function testEmployeeCannotCancelOvertimeRequestIfItIsSettled(): void
+    {
+        $user = User::factory()
+            ->has(Profile::factory(["employment_form" => EmploymentForm::EmploymentContract]))
+            ->create();
+
+        $overtimeRequest = OvertimeRequest::factory()
+            ->for($user)
+            ->create(["state" => Settled::$name]);
+
+        $this->actingAs($user)
+            ->post("/overtime/requests/{$overtimeRequest->id}/cancel")
+            ->assertStatus(403);
+
+        $this->assertDatabaseHas("overtime_requests", [
+            "id" => $overtimeRequest->id,
+            "state" => Settled::$name,
+        ]);
+    }
+
+    public function testEmployeeCannotCancelOvertimeRequestIfItIsApproved(): void
+    {
+        $user = User::factory()
+            ->has(Profile::factory(["employment_form" => EmploymentForm::EmploymentContract]))
+            ->create();
+
+        $overtimeRequest = OvertimeRequest::factory()
+            ->for($user)
+            ->create(["state" => Approved::$name]);
+
+        $this->actingAs($user)
+            ->post("/overtime/requests/{$overtimeRequest->id}/cancel")
+            ->assertStatus(403);
+
+        $this->assertDatabaseHas("overtime_requests", [
+            "id" => $overtimeRequest->id,
+            "state" => Approved::$name,
+        ]);
+    }
+
+    public function testOvertimeRequestHoursAreRoundedUp(): void
+    {
+        $user = User::factory()
+            ->has(Profile::factory(["employment_form" => EmploymentForm::EmploymentContract]))
+            ->create();
+
+        $currentYearPeriod = YearPeriod::current();
+
+        $this->actingAs($user)
+            ->post("/overtime/requests", [
+                "user" => $user->id,
+                "type" => SettlementType::Money->value,
+                "from" => Carbon::create($currentYearPeriod->year, 2, 7, 20)->format("Y-m-d H:i"),
+                "to" => Carbon::create($currentYearPeriod->year, 2, 7, 23, 5)->format("Y-m-d H:i"),
+                "comment" => "Comment for the overtime request.",
+            ])
+            ->assertSessionHasNoErrors()
+            ->assertRedirect();
+
+        $this->assertDatabaseHas("overtime_requests", [
+            "user_id" => $user->id,
+            "year_period_id" => $currentYearPeriod->id,
+            "settlement_type" => SettlementType::Money->value,
+            "state" => WaitingForTechnical::$name,
+            "from" => Carbon::create($currentYearPeriod->year, 2, 7, 20)->format("Y-m-d H:i"),
+            "to" => Carbon::create($currentYearPeriod->year, 2, 7, 23, 5)->format("Y-m-d H:i"),
+            "hours" => 4,
+            "comment" => "Comment for the overtime request.",
+        ]);
+    }
+}
diff --git a/tests/Feature/PermissionTest.php b/tests/Feature/PermissionTest.php
index adc3c48a..44d78fb5 100644
--- a/tests/Feature/PermissionTest.php
+++ b/tests/Feature/PermissionTest.php
@@ -36,9 +36,12 @@ public function testAdminCanSeeEditEmployeePermissionsForm(): void
                             ->where("manageVacationLimits", false)
                             ->where("manageRequestsAsAdministrativeApprover", false)
                             ->where("manageRequestsAsTechnicalApprover", false)
+                            ->where("manageOvertimeAsAdministrativeApprover", false)
+                            ->where("manageOvertimeAsTechnicalApprover", false)
                             ->where("createRequestsOnBehalfOfEmployee", false)
                             ->where("listMonthlyUsage", false)
                             ->where("listAllRequests", false)
+                            ->where("listAllOvertimeRequests", false)
                             ->where("skipRequestFlow", false)
                             ->where("receiveUpcomingAndOverdueMedicalExamsNotification", false)
                             ->where("receiveUpcomingAndOverdueOhsTrainingNotification", false)
@@ -74,9 +77,12 @@ public function testAdminCanSeeEditTechnicalApproverPermissionsForm(): void
                             ->where("manageVacationLimits", false)
                             ->where("manageRequestsAsAdministrativeApprover", false)
                             ->where("manageRequestsAsTechnicalApprover", true)
+                            ->where("manageOvertimeAsAdministrativeApprover", false)
+                            ->where("manageOvertimeAsTechnicalApprover", true)
                             ->where("createRequestsOnBehalfOfEmployee", false)
                             ->where("listMonthlyUsage", false)
                             ->where("listAllRequests", true)
+                            ->where("listAllOvertimeRequests", true)
                             ->where("skipRequestFlow", false)
                             ->where("receiveUpcomingAndOverdueMedicalExamsNotification", false)
                             ->where("receiveUpcomingAndOverdueOhsTrainingNotification", false)
@@ -112,9 +118,12 @@ public function testAdminCanSeeEditAdministrativeApproverPermissionsForm(): void
                             ->where("manageVacationLimits", true)
                             ->where("manageRequestsAsAdministrativeApprover", true)
                             ->where("manageRequestsAsTechnicalApprover", false)
+                            ->where("manageOvertimeAsAdministrativeApprover", true)
+                            ->where("manageOvertimeAsTechnicalApprover", false)
                             ->where("createRequestsOnBehalfOfEmployee", true)
                             ->where("listMonthlyUsage", true)
                             ->where("listAllRequests", true)
+                            ->where("listAllOvertimeRequests", true)
                             ->where("skipRequestFlow", true)
                             ->where("receiveUpcomingAndOverdueMedicalExamsNotification", true)
                             ->where("receiveUpcomingAndOverdueOhsTrainingNotification", true)