From 026eb1115ba396d43a1c9e156bcdab63ceb88566 Mon Sep 17 00:00:00 2001
From: Daeng Deni Mardaeni <ddeni05@gmail.com>
Date: Sat, 28 Dec 2024 17:09:32 +0700
Subject: [PATCH] Refactor card styles for consistency across views

- Menambahkan border dan background pada elemen card dengan class `border-agi-100` dan `bg-agi-50`.
- Perubahan berlaku di berbagai file blade untuk meningkatkan konsistensi UI.
---
 resources/views/Ijin_usaha/create.blade.php   |  4 +--
 resources/views/Ijin_usaha/index.blade.php    |  4 +--
 .../views/activity/activitydetail.blade.php   |  4 +--
 .../activity/components/status.blade.php      |  6 ++--
 resources/views/activity/index.blade.php      |  6 ++--
 .../activity/progres_activity/index.blade.php |  6 ++--
 .../views/arah_mata_angin/create.blade.php    |  4 +--
 .../views/arah_mata_angin/index.blade.php     |  4 +--
 resources/views/authorization/index.blade.php |  4 +--
 .../views/component/detail-jaminan.blade.php  | 12 ++++----
 .../component/history-permohonan.blade.php    |  4 +--
 .../debitur/components/jaminan.blade.php      |  4 +--
 .../debitur/components/pemilik.blade.php      |  4 +--
 resources/views/debitur/create.blade.php      |  4 +--
 resources/views/debitur/edit.blade.php        |  4 +--
 resources/views/debitur/index.blade.php       |  4 +--
 resources/views/debitur/jaminan.blade.php     |  4 +--
 .../hubungan_pemilik_jaminan/create.blade.php |  4 +--
 .../hubungan_pemilik_jaminan/index.blade.php  |  4 +--
 .../create.blade.php                          |  4 +--
 .../hubungan_penghuni_jaminan/index.blade.php |  4 +--
 resources/views/jenis_aset/create.blade.php   |  4 +--
 resources/views/jenis_aset/index.blade.php    |  4 +--
 .../views/jenis_dokumen/create.blade.php      |  4 +--
 resources/views/jenis_dokumen/index.blade.php |  4 +--
 .../jenis_fasilitas_kredit/create.blade.php   |  4 +--
 .../jenis_fasilitas_kredit/index.blade.php    |  4 +--
 .../views/jenis_jaminan/create.blade.php      |  4 +--
 resources/views/jenis_jaminan/index.blade.php |  4 +--
 .../views/jenis_laporan/create.blade.php      |  4 +--
 resources/views/jenis_laporan/index.blade.php |  4 +--
 .../jenis_legalitas_jaminan/create.blade.php  |  4 +--
 .../jenis_legalitas_jaminan/index.blade.php   |  4 +--
 .../views/jenis_penilaian/form.blade.php      |  4 +--
 .../views/jenis_penilaian/index.blade.php     |  4 +--
 resources/views/kjpp/create.blade.php         |  4 +--
 resources/views/kjpp/index.blade.php          |  4 +--
 resources/views/kjpp/show.blade.php           |  4 +--
 resources/views/laporan/index.blade.php       |  4 +--
 .../views/laporan/standard_index.blade.php    | 10 +++----
 .../views/nilai_plafond/create.blade.php      |  4 +--
 resources/views/nilai_plafond/index.blade.php |  4 +--
 resources/views/noc/form.blade.php            |  4 +--
 resources/views/noc/index.blade.php           |  4 +--
 .../views/otorisasipenawaran/edit.blade.php   | 22 +++++++--------
 .../views/otorisasipenawaran/index.blade.php  |  4 +--
 .../views/otorisasipenawaran/show.blade.php   |  6 ++--
 resources/views/pembatalan/form.blade.php     |  4 +--
 resources/views/pembatalan/index.blade.php    |  4 +--
 resources/views/pembayaran/approval.blade.php |  4 +--
 resources/views/pembayaran/form.blade.php     |  4 +--
 resources/views/pembayaran/index.blade.php    |  4 +--
 .../views/pemilik_jaminan/form.blade.php      |  4 +--
 .../views/pemilik_jaminan/index.blade.php     |  4 +--
 resources/views/penawaran/create.blade.php    |  4 +--
 resources/views/penawaran/edit.blade.php      |  4 +--
 resources/views/penawaran/index.blade.php     |  4 +--
 resources/views/penawaran/show.blade.php      |  4 +--
 .../views/penawaran/showKirimEmail.blade.php  |  8 +++---
 .../views/penawaran/surat_tender.blade.php    |  4 +--
 .../penawaran/surat_tender_kjpp.blade.php     |  4 +--
 .../views/penawaran_ulang/index.blade.php     |  4 +--
 .../components/foto-lampiran.blade.php        | 10 +++----
 .../lpj-sederhana-standard.blade.php          | 22 +++++++--------
 .../views/penilai/components/memo.blade.php   | 24 ++++++++--------
 .../penilai/components/paparan.blade.php      |  2 +-
 .../views/penilai/components/resume.blade.php |  8 +++---
 resources/views/penilai/index.blade.php       |  4 +--
 resources/views/penilai/show.blade.php        |  4 +--
 resources/views/penilaian/form.blade.php      |  4 +--
 resources/views/penilaian/index.blade.php     |  4 +--
 .../views/penilaian/laporan-so.blade.php      |  4 +--
 .../penilaian/otorisator/index.blade.php      |  4 +--
 .../views/penilaian/otorisator/show.blade.php |  4 +--
 .../permohonan/authorization/index.blade.php  |  4 +--
 resources/views/permohonan/create.blade.php   |  4 +--
 resources/views/permohonan/form.blade.php     |  8 +++---
 resources/views/permohonan/index.blade.php    |  4 +--
 .../permohonan/pembatalan-form.blade.php      |  4 +--
 resources/views/permohonan/print.blade.php    | 12 ++++----
 .../persetujuan_penawaran/form.blade.php      |  4 +--
 .../persetujuan_penawaran/index.blade.php     |  4 +--
 .../prosespenawaran/createPenawaran.blade.php |  4 +--
 .../views/prosespenawaran/edit.blade.php      | 24 ++++++++--------
 .../views/prosespenawaran/editulang.blade.php | 28 +++++++++----------
 .../views/prosespenawaran/index.blade.php     |  4 +--
 .../views/prosespenawaran/show.blade.php      |  6 ++--
 .../prosespenawaran/showPermohonan.blade.php  |  4 +--
 .../views/prosespenawaranulang/edit.blade.php | 16 +++++------
 .../prosespenawaranulang/index.blade.php      |  4 +--
 .../views/prosespenawaranulang/show.blade.php |  4 +--
 resources/views/region/create.blade.php       |  4 +--
 resources/views/region/index.blade.php        |  4 +--
 resources/views/registrasi/edit.blade.php     | 10 +++----
 resources/views/registrasi/index.blade.php    |  4 +--
 resources/views/registrasi/show.blade.php     |  6 ++--
 .../views/registrasifinal/edit.blade.php      | 10 +++----
 .../views/registrasifinal/index.blade.php     |  4 +--
 .../views/registrasifinal/show.blade.php      |  2 +-
 resources/views/resume/index.blade.php        | 10 +++----
 resources/views/spk/edit.blade.php            |  4 +--
 resources/views/spk/index.blade.php           |  4 +--
 resources/views/spk/view.blade.php            |  4 +--
 .../views/status_permohonan/form.blade.php    |  4 +--
 .../views/status_permohonan/index.blade.php   |  4 +--
 .../surveyor/components/alat-berat.blade.php  | 10 +++----
 .../components/apartemen-kantor.blade.php     |  4 +--
 .../surveyor/components/bangunan.blade.php    |  4 +--
 .../surveyor/components/card-tambah.blade.php |  2 +-
 .../components/data-pembanding.blade.php      |  4 +--
 .../views/surveyor/components/denah.blade.php |  6 ++--
 .../views/surveyor/components/fakta.blade.php |  4 +--
 .../views/surveyor/components/foto.blade.php  | 14 +++++-----
 .../surveyor/components/header.blade.php      | 16 +++++------
 .../surveyor/components/informasi.blade.php   |  4 +--
 .../views/surveyor/components/kapal.blade.php |  6 ++--
 .../surveyor/components/kendaraan.blade.php   | 10 +++----
 .../surveyor/components/lingkungan.blade.php  |  4 +--
 .../views/surveyor/components/mesin.blade.php |  6 ++--
 .../surveyor/components/pesawat.blade.php     | 26 ++++++++---------
 .../views/surveyor/components/tanah.blade.php |  4 +--
 resources/views/surveyor/data/form.blade.php  |  4 +--
 resources/views/surveyor/data/index.blade.php |  4 +--
 resources/views/surveyor/detail.blade.php     |  4 +--
 resources/views/surveyor/index.blade.php      |  4 +--
 resources/views/teams/form.blade.php          |  4 +--
 resources/views/teams/index.blade.php         |  4 +--
 .../views/tujuan_penilaian/create.blade.php   |  4 +--
 .../views/tujuan_penilaian/index.blade.php    |  4 +--
 .../tujuan_penilaian_kjpp/create.blade.php    |  4 +--
 .../tujuan_penilaian_kjpp/index.blade.php     |  4 +--
 131 files changed, 381 insertions(+), 381 deletions(-)

diff --git a/resources/views/Ijin_usaha/create.blade.php b/resources/views/Ijin_usaha/create.blade.php
index 507268d..fb44efa 100644
--- a/resources/views/Ijin_usaha/create.blade.php
+++ b/resources/views/Ijin_usaha/create.blade.php
@@ -14,8 +14,8 @@
                 <form method="POST" action="{{ route('basicdata.ijin_usaha.store') }}">
         @endif
         @csrf
-        <div class="card pb-2.5">
-            <div class="card-header" id="basic_settings">
+        <div class="card border border-agi-100 pb-2.5">
+            <div class="card-header bg-agi-50" id="basic_settings">
                 <h3 class="card-title">
                     {{ isset($ijin_usaha->id) ? 'Edit' : 'Tambah' }} Ijin Usaha
                 </h3>
diff --git a/resources/views/Ijin_usaha/index.blade.php b/resources/views/Ijin_usaha/index.blade.php
index 27f9d64..8809c99 100644
--- a/resources/views/Ijin_usaha/index.blade.php
+++ b/resources/views/Ijin_usaha/index.blade.php
@@ -6,9 +6,9 @@
 
 @section('content')
     <div class="grid">
-        <div class="card card-grid min-w-full" data-datatable="false" data-datatable-page-size="10"
+        <div class="card border border-agi-100 card-grid min-w-full" data-datatable="false" data-datatable-page-size="10"
             data-datatable-state-save="false" id="ijin-table" data-api-url="{{ route('basicdata.ijin_usaha.datatables') }}">
-            <div class="card-header py-5 flex-wrap">
+            <div class="card-header bg-agi-50 py-5 flex-wrap">
                 <h3 class="card-title">
                     Ijin Usaha
                 </h3>
diff --git a/resources/views/activity/activitydetail.blade.php b/resources/views/activity/activitydetail.blade.php
index b26b60b..d964608 100644
--- a/resources/views/activity/activitydetail.blade.php
+++ b/resources/views/activity/activitydetail.blade.php
@@ -14,7 +14,7 @@
     @endpush
     <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
         <div class="card">
-            <div class="card-header" id="advanced_settings_appearance">
+            <div class="card-header bg-agi-50" id="advanced_settings_appearance">
                 <h3 class="card-title">
                     Activity Permohonan
                 </h3>
@@ -54,7 +54,7 @@
             </div>
         </div>
 
-        <div class="card grow" id="activity_2024">
+        <div class="card border border-agi-100 grow" id="activity_2024">
             @include('lpj::component.history-permohonan')
         </div>
     </div>
diff --git a/resources/views/activity/components/status.blade.php b/resources/views/activity/components/status.blade.php
index 19d1107..b36e4fb 100644
--- a/resources/views/activity/components/status.blade.php
+++ b/resources/views/activity/components/status.blade.php
@@ -19,7 +19,7 @@
 
     {{-- Tampilkan keterangan jika status 'register' --}}
     @if (strtolower($status->name) == 'register' && $hasKeterangan && $isCurrentStatus)
-        <div class="card shadow-none">
+        <div class="card border border-agi-100 shadow-none">
             <div class="card-body">
                 <p class="text-xs text-gray-800 leading-[22px]">
                     {{ $permohonan->keterangan }}
@@ -30,7 +30,7 @@
 
     {{-- Tampilkan dokumen dan keterangan jika status 'revisi' --}}
     @if (strtolower($status->name) == 'revisi' && $hasKeterangan)
-        <div class="card shadow-none">
+        <div class="card border border-agi-100 shadow-none">
             <div class="card-body">
                 <a href="{{ route('activity.download', $permohonan->id) }}" class="badge badge-sm badge-outline">
                     {{ basename($permohonan->dokumen) }}
@@ -44,7 +44,7 @@
     @endif
 
     @if (strtolower($status->name) == 'assign' && $isCurrentStatus)
-        <div class="card shadow-none">
+        <div class="card border border-agi-100 shadow-none">
             <div class="card-body grid grid-cols-3 gap-5">
 
                 <div>
diff --git a/resources/views/activity/index.blade.php b/resources/views/activity/index.blade.php
index 53ff981..2e73d0c 100644
--- a/resources/views/activity/index.blade.php
+++ b/resources/views/activity/index.blade.php
@@ -34,14 +34,14 @@
 
 @endpush
     <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
-        <div class="card pb-2.5">
-            <div class="card-header" id="basic_settings">
+        <div class="card border border-agi-100 pb-2.5">
+            <div class="card-header bg-agi-50" id="basic_settings">
                 <div class="card-title flex flex-row gap-1.5">
                     Activity
                 </div>
 
 
-                <div class="card-header py-5 flex-wrap">
+                <div class="card-header bg-agi-50 py-5 flex-wrap">
 
                     <div class="flex flex-wrap gap-2 lg:gap-5">
                         <div class="flex">
diff --git a/resources/views/activity/progres_activity/index.blade.php b/resources/views/activity/progres_activity/index.blade.php
index af59311..f2f6527 100644
--- a/resources/views/activity/progres_activity/index.blade.php
+++ b/resources/views/activity/progres_activity/index.blade.php
@@ -42,8 +42,8 @@
     @endpush
 
     <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
-        <div class="card min-w-full">
-            <div class="card-header">
+        <div class="card border border-agi-100 min-w-full">
+            <div class="card-header bg-agi-50">
                 <h3 class="card-title">Team Activity</h3>
             </div>
             <div data-accordion="true">
@@ -88,7 +88,7 @@
                         </button>
                         <div class="accordion-content hidden" id="accordion_{{ $index }}content_{{ $index }}">
                             <div class="mx-8 pb-4" style="margin-bottom: 20px">
-                                <div class="card card-grid min-w-full" data-datatable="false"
+                                <div class="card border border-agi-100 card-grid min-w-full" data-datatable="false"
                                     id="activity-table-{{ $index }}"
                                     data-api-url="{{ route('activity.progres.datatables', ['id' => $item->user->id]) }}">
                                     <div class="card-body">
diff --git a/resources/views/arah_mata_angin/create.blade.php b/resources/views/arah_mata_angin/create.blade.php
index e3bc5c9..1d31dac 100644
--- a/resources/views/arah_mata_angin/create.blade.php
+++ b/resources/views/arah_mata_angin/create.blade.php
@@ -14,8 +14,8 @@
                     <form method="POST" action="{{ route('basicdata.arah-mata-angin.store') }}">
                         @endif
                         @csrf
-                        <div class="card pb-2.5">
-                            <div class="card-header" id="basic_settings">
+                        <div class="card border border-agi-100 pb-2.5">
+                            <div class="card-header bg-agi-50" id="basic_settings">
                                 <h3 class="card-title">
                                     {{ isset($arahMataAngin->id) ? 'Edit' : 'Tambah' }} Arah Mata Angin
                                 </h3>
diff --git a/resources/views/arah_mata_angin/index.blade.php b/resources/views/arah_mata_angin/index.blade.php
index 3e6f1b8..0e377b2 100644
--- a/resources/views/arah_mata_angin/index.blade.php
+++ b/resources/views/arah_mata_angin/index.blade.php
@@ -6,8 +6,8 @@
 
 @section('content')
     <div class="grid">
-        <div class="card card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="arah-mata-angin-table" data-api-url="{{ route('basicdata.arah-mata-angin.datatables') }}">
-            <div class="card-header py-5 flex-wrap">
+        <div class="card border border-agi-100 card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="arah-mata-angin-table" data-api-url="{{ route('basicdata.arah-mata-angin.datatables') }}">
+            <div class="card-header bg-agi-50 py-5 flex-wrap">
                 <h3 class="card-title">
                     Daftar Arah Mata Angin
                 </h3>
diff --git a/resources/views/authorization/index.blade.php b/resources/views/authorization/index.blade.php
index 793892f..d9d8036 100644
--- a/resources/views/authorization/index.blade.php
+++ b/resources/views/authorization/index.blade.php
@@ -6,8 +6,8 @@
 
 @section('content')
     <div class="grid">
-        <div class="card card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="authorization-table" data-api-url="{{ route('authorization.datatables') }}">
-            <div class="card-header py-5 flex-wrap">
+        <div class="card border border-agi-100 card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="authorization-table" data-api-url="{{ route('authorization.datatables') }}">
+            <div class="card-header bg-agi-50 py-5 flex-wrap">
                 <h3 class="card-title">
                     Daftar Authorization
                 </h3>
diff --git a/resources/views/component/detail-jaminan.blade.php b/resources/views/component/detail-jaminan.blade.php
index 0c24327..d82f002 100644
--- a/resources/views/component/detail-jaminan.blade.php
+++ b/resources/views/component/detail-jaminan.blade.php
@@ -1,5 +1,5 @@
-<div class="card {{ isset($hidePermohonan) ? 'hidden' : '' }}">
-    <div class="card-header" id="advanced_settings_appearance">
+<div class="card border border-agi-100 {{ isset($hidePermohonan) ? 'hidden' : '' }}">
+    <div class="card-header bg-agi-50" id="advanced_settings_appearance">
         @php
             $title = $title ?? 'Data Permohonan';
         @endphp
@@ -78,8 +78,8 @@
     </div>
 </div>
 
-<div class="card min-w-full">
-    <div class="card-header">
+<div class="card border border-agi-100 min-w-full">
+    <div class="card-header bg-agi-50">
         <h3 class="card-title">
             Detail Debitur
         </h3>
@@ -175,8 +175,8 @@
     </div>
 </div>
 
-<div class="card min-w-full">
-    <div class="card-header">
+<div class="card border border-agi-100 min-w-full">
+    <div class="card-header bg-agi-50">
         <h3 class="card-title">
             Data Jaminan
         </h3>
diff --git a/resources/views/component/history-permohonan.blade.php b/resources/views/component/history-permohonan.blade.php
index f0c1063..a8133c3 100644
--- a/resources/views/component/history-permohonan.blade.php
+++ b/resources/views/component/history-permohonan.blade.php
@@ -1,5 +1,5 @@
-<div class="card min-w-full">
-    <div class="card-header">
+<div class="card border border-agi-100 min-w-full">
+    <div class="card-header bg-agi-50">
         <h3 class="card-title">
             Activity
         </h3>
diff --git a/resources/views/debitur/components/jaminan.blade.php b/resources/views/debitur/components/jaminan.blade.php
index 2955f02..c9ec9ba 100644
--- a/resources/views/debitur/components/jaminan.blade.php
+++ b/resources/views/debitur/components/jaminan.blade.php
@@ -1,6 +1,6 @@
 <div class="grid grid-cols-1 lg:grid-cols-2 gap-5 lg:gap-7.5">
     @foreach($documents as $document)
-        <div class="card flex flex-col gap-5 p-5 lg:p-7.5">
+        <div class="card border border-agi-100 flex flex-col gap-5 p-5 lg:p-7.5">
             <div class="flex items-center flex-wrap justify-between gap-1">
                 <div class="flex items-center gap-2.5">
                     <div class="relative size-[44px] shrink-0">
@@ -126,7 +126,7 @@
         }
     </style>
     @if(request()->get('permohonan_id'))
-        <a class="card border-2 border-dashed border-brand-clarity bg-center bg-[length:600px] bg-no-repeat add-new-bg" href="{{ route('debitur.jaminan.create',array_merge(request()->query(),['id'=>$debitur->id])) }}">
+        <a class="card border border-agi-100 border-2 border-dashed border-brand-clarity bg-center bg-[length:600px] bg-no-repeat add-new-bg" href="{{ route('debitur.jaminan.create',array_merge(request()->query(),['id'=>$debitur->id])) }}">
             <div class="card-body grid items-center">
                 <div class="flex flex-col gap-3">
                     <div class="flex justify-center pt-5">
diff --git a/resources/views/debitur/components/pemilik.blade.php b/resources/views/debitur/components/pemilik.blade.php
index ab94ffa..0c03503 100644
--- a/resources/views/debitur/components/pemilik.blade.php
+++ b/resources/views/debitur/components/pemilik.blade.php
@@ -1,6 +1,6 @@
 <div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-5 lg:gap-7.5">
     @foreach($pemilikJaminan as $pemilik)
-        <div class="card flex flex-col gap-5 p-5 lg:p-7.5">
+        <div class="card border border-agi-100 flex flex-col gap-5 p-5 lg:p-7.5">
             <div class="flex items-center flex-wrap justify-between gap-1">
                 <div class="flex items-center gap-2.5">
                     <div class="relative size-[44px] shrink-0">
@@ -100,7 +100,7 @@
             background-image: url('/assets/media/images/2600x1200/bg-4-dark.png');
         }
     </style>
-    <a class="card border-2 border-dashed border-brand-clarity bg-center bg-[length:600px] bg-no-repeat add-new-bg" href="{{ route('debitur.pemilik.create',$debitur->id) }}">
+    <a class="card border border-agi-100 border-2 border-dashed border-brand-clarity bg-center bg-[length:600px] bg-no-repeat add-new-bg" href="{{ route('debitur.pemilik.create',$debitur->id) }}">
         <div class="card-body grid items-center">
             <div class="flex flex-col gap-3">
                 <div class="flex justify-center pt-5">
diff --git a/resources/views/debitur/create.blade.php b/resources/views/debitur/create.blade.php
index e31169b..571c5e4 100644
--- a/resources/views/debitur/create.blade.php
+++ b/resources/views/debitur/create.blade.php
@@ -7,8 +7,8 @@
 @section('content')
     <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
 
-        <div class="card pb-2.5">
-            <div class="card-header" id="basic_settings">
+        <div class="card border border-agi-100 pb-2.5">
+            <div class="card-header bg-agi-50" id="basic_settings">
                 <h3 class="card-title">
                     {{ isset($debitur->id) ? 'Edit' : 'Tambah' }} Debitur
                 </h3>
diff --git a/resources/views/debitur/edit.blade.php b/resources/views/debitur/edit.blade.php
index 8940f5a..3c60579 100644
--- a/resources/views/debitur/edit.blade.php
+++ b/resources/views/debitur/edit.blade.php
@@ -6,8 +6,8 @@
 
 @section('content')
     <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
-        <div class="card pb-2.5">
-            <div class="card-header" id="basic_settings">
+        <div class="card border border-agi-100 pb-2.5">
+            <div class="card-header bg-agi-50" id="basic_settings">
                 <div class="card-title flex flex-row gap-1.5">
                     @if(request()->get('permohonan_id'))
                         <a href="{{ route('permohonan.edit',['permohonan'=>request()->get('permohonan_id')]) }}" class="btn btn-xs {{ request()->routeIs('permohonan.edit') ? 'btn-outline btn-primary' : 'btn-light' }}">Data Permohonan</a>
diff --git a/resources/views/debitur/index.blade.php b/resources/views/debitur/index.blade.php
index 81341eb..06ce1fb 100644
--- a/resources/views/debitur/index.blade.php
+++ b/resources/views/debitur/index.blade.php
@@ -6,8 +6,8 @@
 
 @section('content')
     <div class="grid">
-        <div class="card card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="debitur-table" data-api-url="{{ route('debitur.datatables') }}">
-            <div class="card-header py-5 flex-wrap">
+        <div class="card border border-agi-100 card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="debitur-table" data-api-url="{{ route('debitur.datatables') }}">
+            <div class="card-header bg-agi-50 py-5 flex-wrap">
                 <h3 class="card-title">
                     Daftar Debitur
                 </h3>
diff --git a/resources/views/debitur/jaminan.blade.php b/resources/views/debitur/jaminan.blade.php
index cf6797e..8d6cee5 100644
--- a/resources/views/debitur/jaminan.blade.php
+++ b/resources/views/debitur/jaminan.blade.php
@@ -7,8 +7,8 @@
 @section('content')
     <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
 
-        <div class="card pb-2.5">
-            <div class="card-header" id="basic_settings">
+        <div class="card border border-agi-100 pb-2.5">
+            <div class="card-header bg-agi-50" id="basic_settings">
                 <h3 class="card-title">
                     {{ isset($document->id) ? 'Edit' : 'Tambah' }} Data Jaminan
                 </h3>
diff --git a/resources/views/hubungan_pemilik_jaminan/create.blade.php b/resources/views/hubungan_pemilik_jaminan/create.blade.php
index 67fa2e9..0cb7881 100644
--- a/resources/views/hubungan_pemilik_jaminan/create.blade.php
+++ b/resources/views/hubungan_pemilik_jaminan/create.blade.php
@@ -14,8 +14,8 @@
                     <form method="POST" action="{{ route('basicdata.hubungan-pemilik-jaminan.store') }}">
                         @endif
                         @csrf
-                        <div class="card pb-2.5">
-                            <div class="card-header" id="basic_settings">
+                        <div class="card border border-agi-100 pb-2.5">
+                            <div class="card-header bg-agi-50" id="basic_settings">
                                 <h3 class="card-title">
                                     {{ isset($hubunganPemilikJaminan->id) ? 'Edit' : 'Tambah' }} Hubungan Pemilik Jaminan
                                 </h3>
diff --git a/resources/views/hubungan_pemilik_jaminan/index.blade.php b/resources/views/hubungan_pemilik_jaminan/index.blade.php
index ce6db3f..f5aba7d 100644
--- a/resources/views/hubungan_pemilik_jaminan/index.blade.php
+++ b/resources/views/hubungan_pemilik_jaminan/index.blade.php
@@ -6,8 +6,8 @@
 
 @section('content')
     <div class="grid">
-        <div class="card card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="hubungan-pemilik-jaminan-table" data-api-url="{{ route('basicdata.hubungan-pemilik-jaminan.datatables') }}">
-            <div class="card-header py-5 flex-wrap">
+        <div class="card border border-agi-100 card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="hubungan-pemilik-jaminan-table" data-api-url="{{ route('basicdata.hubungan-pemilik-jaminan.datatables') }}">
+            <div class="card-header bg-agi-50 py-5 flex-wrap">
                 <h3 class="card-title">
                     Daftar Hubungan Pemilik Jaminan
                 </h3>
diff --git a/resources/views/hubungan_penghuni_jaminan/create.blade.php b/resources/views/hubungan_penghuni_jaminan/create.blade.php
index 78e143b..40b9a35 100644
--- a/resources/views/hubungan_penghuni_jaminan/create.blade.php
+++ b/resources/views/hubungan_penghuni_jaminan/create.blade.php
@@ -14,8 +14,8 @@
                     <form method="POST" action="{{ route('basicdata.hubungan-penghuni-jaminan.store') }}">
                         @endif
                         @csrf
-                        <div class="card pb-2.5">
-                            <div class="card-header" id="basic_settings">
+                        <div class="card border border-agi-100 pb-2.5">
+                            <div class="card-header bg-agi-50" id="basic_settings">
                                 <h3 class="card-title">
                                     {{ isset($hubunganPenghuniJaminan->id) ? 'Edit' : 'Tambah' }} Hubungan Penghuni Jaminan
                                 </h3>
diff --git a/resources/views/hubungan_penghuni_jaminan/index.blade.php b/resources/views/hubungan_penghuni_jaminan/index.blade.php
index 297974b..67dbfa9 100644
--- a/resources/views/hubungan_penghuni_jaminan/index.blade.php
+++ b/resources/views/hubungan_penghuni_jaminan/index.blade.php
@@ -6,8 +6,8 @@
 
 @section('content')
     <div class="grid">
-        <div class="card card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="hubungan-penghuni-jaminan-table" data-api-url="{{ route('basicdata.hubungan-penghuni-jaminan.datatables') }}">
-            <div class="card-header py-5 flex-wrap">
+        <div class="card border border-agi-100 card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="hubungan-penghuni-jaminan-table" data-api-url="{{ route('basicdata.hubungan-penghuni-jaminan.datatables') }}">
+            <div class="card-header bg-agi-50 py-5 flex-wrap">
                 <h3 class="card-title">
                     Daftar Hubungan Penghuni Jaminan
                 </h3>
diff --git a/resources/views/jenis_aset/create.blade.php b/resources/views/jenis_aset/create.blade.php
index 9f988bc..96f0c27 100644
--- a/resources/views/jenis_aset/create.blade.php
+++ b/resources/views/jenis_aset/create.blade.php
@@ -14,8 +14,8 @@
                     <form method="POST" action="{{ route('basicdata.jenis-aset.store') }}">
                         @endif
                         @csrf
-                        <div class="card pb-2.5">
-                            <div class="card-header" id="basic_settings">
+                        <div class="card border border-agi-100 pb-2.5">
+                            <div class="card-header bg-agi-50" id="basic_settings">
                                 <h3 class="card-title">
                                     {{ isset($jenisAset->id) ? 'Edit' : 'Tambah' }} Jenis Aset
                                 </h3>
diff --git a/resources/views/jenis_aset/index.blade.php b/resources/views/jenis_aset/index.blade.php
index 64da628..a3404d3 100644
--- a/resources/views/jenis_aset/index.blade.php
+++ b/resources/views/jenis_aset/index.blade.php
@@ -6,8 +6,8 @@
 
 @section('content')
     <div class="grid">
-        <div class="card card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="jenis-aset-table" data-api-url="{{ route('basicdata.jenis-aset.datatables') }}">
-            <div class="card-header py-5 flex-wrap">
+        <div class="card border border-agi-100 card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="jenis-aset-table" data-api-url="{{ route('basicdata.jenis-aset.datatables') }}">
+            <div class="card-header bg-agi-50 py-5 flex-wrap">
                 <h3 class="card-title">
                     Daftar Jenis Aset
                 </h3>
diff --git a/resources/views/jenis_dokumen/create.blade.php b/resources/views/jenis_dokumen/create.blade.php
index 5a408f3..8e35664 100644
--- a/resources/views/jenis_dokumen/create.blade.php
+++ b/resources/views/jenis_dokumen/create.blade.php
@@ -14,8 +14,8 @@
                     <form method="POST" action="{{ route('basicdata.jenis-dokumen.store') }}">
                         @endif
                         @csrf
-                        <div class="card pb-2.5">
-                            <div class="card-header" id="basic_settings">
+                        <div class="card border border-agi-100 pb-2.5">
+                            <div class="card-header bg-agi-50" id="basic_settings">
                                 <h3 class="card-title">
                                     {{ isset($jenisDokumen->id) ? 'Edit' : 'Tambah' }} Jenis Dokumen
                                 </h3>
diff --git a/resources/views/jenis_dokumen/index.blade.php b/resources/views/jenis_dokumen/index.blade.php
index d99757b..811772f 100644
--- a/resources/views/jenis_dokumen/index.blade.php
+++ b/resources/views/jenis_dokumen/index.blade.php
@@ -6,8 +6,8 @@
 
 @section('content')
     <div class="grid">
-        <div class="card card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="jenis-dokumen-table" data-api-url="{{ route('basicdata.jenis-dokumen.datatables') }}">
-            <div class="card-header py-5 flex-wrap">
+        <div class="card border border-agi-100 card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="jenis-dokumen-table" data-api-url="{{ route('basicdata.jenis-dokumen.datatables') }}">
+            <div class="card-header bg-agi-50 py-5 flex-wrap">
                 <h3 class="card-title">
                     Daftar Jenis Dokumen
                 </h3>
diff --git a/resources/views/jenis_fasilitas_kredit/create.blade.php b/resources/views/jenis_fasilitas_kredit/create.blade.php
index 6b42ef0..2ad5b40 100644
--- a/resources/views/jenis_fasilitas_kredit/create.blade.php
+++ b/resources/views/jenis_fasilitas_kredit/create.blade.php
@@ -18,8 +18,8 @@
                     <form method="POST" action="{{ route('basicdata.jenis-fasilitas-kredit.store') }}">
                         @endif
                         @csrf
-                        <div class="card pb-2.5">
-                            <div class="card-header" id="basic_settings">
+                        <div class="card border border-agi-100 pb-2.5">
+                            <div class="card-header bg-agi-50" id="basic_settings">
                                 <h3 class="card-title">
                                     {{ isset($jenisFasilitasKredit->id) ? 'Edit' : 'Tambah' }} Jenis Fasilitas Kredit
                                 </h3>
diff --git a/resources/views/jenis_fasilitas_kredit/index.blade.php b/resources/views/jenis_fasilitas_kredit/index.blade.php
index 88fa5ac..e560f56 100644
--- a/resources/views/jenis_fasilitas_kredit/index.blade.php
+++ b/resources/views/jenis_fasilitas_kredit/index.blade.php
@@ -6,8 +6,8 @@
 
 @section('content')
     <div class="grid">
-        <div class="card card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="jenis-fasilitas-kredit-table" data-api-url="{{ route('basicdata.jenis-fasilitas-kredit.datatables') }}">
-            <div class="card-header py-5 flex-wrap">
+        <div class="card border border-agi-100 card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="jenis-fasilitas-kredit-table" data-api-url="{{ route('basicdata.jenis-fasilitas-kredit.datatables') }}">
+            <div class="card-header bg-agi-50 py-5 flex-wrap">
                 <h3 class="card-title">
                     Daftar Jenis Fasilitas Kredit
                 </h3>
diff --git a/resources/views/jenis_jaminan/create.blade.php b/resources/views/jenis_jaminan/create.blade.php
index 382377f..9c8f44a 100644
--- a/resources/views/jenis_jaminan/create.blade.php
+++ b/resources/views/jenis_jaminan/create.blade.php
@@ -14,8 +14,8 @@
                 <form method="POST" action="{{ route('basicdata.jenis-jaminan.store') }}">
         @endif
         @csrf
-        <div class="card pb-2.5">
-            <div class="card-header" id="basic_settings">
+        <div class="card border border-agi-100 pb-2.5">
+            <div class="card-header bg-agi-50" id="basic_settings">
                 <h3 class="card-title">
                     {{ isset($jenisJaminan->id) ? 'Edit' : 'Tambah' }} Jenis Jaminan
                 </h3>
diff --git a/resources/views/jenis_jaminan/index.blade.php b/resources/views/jenis_jaminan/index.blade.php
index a4b6e6f..2e901ad 100644
--- a/resources/views/jenis_jaminan/index.blade.php
+++ b/resources/views/jenis_jaminan/index.blade.php
@@ -6,8 +6,8 @@
 
 @section('content')
     <div class="grid">
-        <div class="card card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="jenis-jaminan-table" data-api-url="{{ route('basicdata.jenis-jaminan.datatables') }}">
-            <div class="card-header py-5 flex-wrap">
+        <div class="card border border-agi-100 card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="jenis-jaminan-table" data-api-url="{{ route('basicdata.jenis-jaminan.datatables') }}">
+            <div class="card-header bg-agi-50 py-5 flex-wrap">
                 <h3 class="card-title">
                     Daftar Jenis Jaminan
                 </h3>
diff --git a/resources/views/jenis_laporan/create.blade.php b/resources/views/jenis_laporan/create.blade.php
index 64d0bb4..94cacdf 100644
--- a/resources/views/jenis_laporan/create.blade.php
+++ b/resources/views/jenis_laporan/create.blade.php
@@ -14,8 +14,8 @@
                 <form method="POST" action="{{ route('basicdata.jenis_laporan.store') }}">
         @endif
         @csrf
-        <div class="card pb-2.5">
-            <div class="card-header" id="basic_settings">
+        <div class="card border border-agi-100 pb-2.5">
+            <div class="card-header bg-agi-50" id="basic_settings">
                 <h3 class="card-title">
                     {{ isset($jenisLaporan->id) ? 'Edit' : 'Tambah' }} Jenis Laporan
                 </h3>
diff --git a/resources/views/jenis_laporan/index.blade.php b/resources/views/jenis_laporan/index.blade.php
index f922dd6..ba8b258 100644
--- a/resources/views/jenis_laporan/index.blade.php
+++ b/resources/views/jenis_laporan/index.blade.php
@@ -6,10 +6,10 @@
 
 @section('content')
     <div class="grid">
-        <div class="card card-grid min-w-full" data-datatable="false" data-datatable-page-size="10"
+        <div class="card border border-agi-100 card-grid min-w-full" data-datatable="false" data-datatable-page-size="10"
             data-datatable-state-save="false" id="jenis-laporan-table"
             data-api-url="{{ route('basicdata.jenis_laporan.datatables') }}">
-            <div class="card-header py-5 flex-wrap">
+            <div class="card-header bg-agi-50 py-5 flex-wrap">
                 <h3 class="card-title">
                     Daftar Jenis Laporan
                 </h3>
diff --git a/resources/views/jenis_legalitas_jaminan/create.blade.php b/resources/views/jenis_legalitas_jaminan/create.blade.php
index 919892a..d8e273a 100644
--- a/resources/views/jenis_legalitas_jaminan/create.blade.php
+++ b/resources/views/jenis_legalitas_jaminan/create.blade.php
@@ -14,8 +14,8 @@
             <form method="POST" action="{{ route('basicdata.jenis-legalitas-jaminan.store') }}">
         @endif
         @csrf
-        <div class="card pb-2.5">
-            <div class="card-header" id="basic_settings">
+        <div class="card border border-agi-100 pb-2.5">
+            <div class="card-header bg-agi-50" id="basic_settings">
                 <h3 class="card-title">
                     {{ isset($jenisLegalitasJaminan->id) ? 'Edit' : 'Tambah' }} Jenis Legalitas Jaminan
                 </h3>
diff --git a/resources/views/jenis_legalitas_jaminan/index.blade.php b/resources/views/jenis_legalitas_jaminan/index.blade.php
index 08b8616..afbe9a6 100644
--- a/resources/views/jenis_legalitas_jaminan/index.blade.php
+++ b/resources/views/jenis_legalitas_jaminan/index.blade.php
@@ -6,8 +6,8 @@
 
 @section('content')
     <div class="grid">
-        <div class="card card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="jenis-legalitas-jaminan-table" data-api-url="{{ route('basicdata.jenis-legalitas-jaminan.datatables') }}">
-            <div class="card-header py-5 flex-wrap">
+        <div class="card border border-agi-100 card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="jenis-legalitas-jaminan-table" data-api-url="{{ route('basicdata.jenis-legalitas-jaminan.datatables') }}">
+            <div class="card-header bg-agi-50 py-5 flex-wrap">
                 <h3 class="card-title">
                     Daftar Jenis Legalitas Jaminan
                 </h3>
diff --git a/resources/views/jenis_penilaian/form.blade.php b/resources/views/jenis_penilaian/form.blade.php
index 9571d8f..8a02cf5 100644
--- a/resources/views/jenis_penilaian/form.blade.php
+++ b/resources/views/jenis_penilaian/form.blade.php
@@ -17,8 +17,8 @@
             @endif
 
             @csrf
-            <div class="card pb-2.5">
-                <div class="card-header" id="basic_settings">
+            <div class="card border border-agi-100 pb-2.5">
+                <div class="card-header bg-agi-50" id="basic_settings">
                     <h3 class="card-title">
                         {{ isset($jenisPenilaian->id) ? 'Edit' : 'Tambah' }} jenis penilaian
                     </h3>
diff --git a/resources/views/jenis_penilaian/index.blade.php b/resources/views/jenis_penilaian/index.blade.php
index 640f4b3..52a6acd 100644
--- a/resources/views/jenis_penilaian/index.blade.php
+++ b/resources/views/jenis_penilaian/index.blade.php
@@ -6,10 +6,10 @@
 
 @section('content')
     <div class="grid">
-        <div class="card card-grid min-w-full" data-datatable="false" data-datatable-page-size="10"
+        <div class="card border border-agi-100 card-grid min-w-full" data-datatable="false" data-datatable-page-size="10"
             data-datatable-state-save="false" id="jenis-penilaian-table"
             data-api-url="{{ route('basicdata.jenis-penilaian.datatables') }}">
-            <div class="card-header py-5 flex-wrap">
+            <div class="card-header bg-agi-50 py-5 flex-wrap">
                 <h3 class="card-title">
                     Daftar Jenis penilaian
                 </h3>
diff --git a/resources/views/kjpp/create.blade.php b/resources/views/kjpp/create.blade.php
index 502e400..df68f5e 100644
--- a/resources/views/kjpp/create.blade.php
+++ b/resources/views/kjpp/create.blade.php
@@ -14,8 +14,8 @@
             @endif
             @csrf
 
-            <div class="card pb-2.5">
-                <div class="card-header" id="basic_settings">
+            <div class="card border border-agi-100 pb-2.5">
+                <div class="card-header bg-agi-50" id="basic_settings">
                     <h3 class="card-title">
                         {{ isset($kjpp->id) ? 'Edit' : 'Tambah' }} KJPP
                     </h3>
diff --git a/resources/views/kjpp/index.blade.php b/resources/views/kjpp/index.blade.php
index b3f7ee1..8c4d27a 100644
--- a/resources/views/kjpp/index.blade.php
+++ b/resources/views/kjpp/index.blade.php
@@ -6,9 +6,9 @@
 
 @section('content')
     <div class="grid">
-        <div class="card card-grid min-w-full" data-datatable="false" data-datatable-page-size="10"
+        <div class="card border border-agi-100 card-grid min-w-full" data-datatable="false" data-datatable-page-size="10"
             data-datatable-state-save="false" id="kjpp-table" data-api-url="{{ route('basicdata.kjpp.datatables') }}">
-            <div class="card-header py-5 flex-wrap">
+            <div class="card-header bg-agi-50 py-5 flex-wrap">
                 <h3 class="card-title">
                     KJPP
                 </h3>
diff --git a/resources/views/kjpp/show.blade.php b/resources/views/kjpp/show.blade.php
index 4da7007..c944003 100644
--- a/resources/views/kjpp/show.blade.php
+++ b/resources/views/kjpp/show.blade.php
@@ -6,8 +6,8 @@
 
 @section('content')
     <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
-        <div class="card pb-2.5">
-            <div class="card-header" id="basic_settings">
+        <div class="card border border-agi-100 pb-2.5">
+            <div class="card-header bg-agi-50" id="basic_settings">
                 <h3 class="card-title">
                     Show KJPP
                 </h3>
diff --git a/resources/views/laporan/index.blade.php b/resources/views/laporan/index.blade.php
index efbad1e..a4524cf 100644
--- a/resources/views/laporan/index.blade.php
+++ b/resources/views/laporan/index.blade.php
@@ -7,9 +7,9 @@
 
 @section('content')
     <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
-        <div class="card card-grid min-w-full" data-datatable="false" data-datatable-page-size="10"
+        <div class="card border border-agi-100 card-grid min-w-full" data-datatable="false" data-datatable-page-size="10"
             data-datatable-state-save="false" id="laporan-table" data-api-url="{{ route('laporan.datatables') }}">
-            <div class="card-header py-5 flex-wrap">
+            <div class="card-header bg-agi-50 py-5 flex-wrap">
                 <h3 class="card-title">
                     Laporan
                 </h3>
diff --git a/resources/views/laporan/standard_index.blade.php b/resources/views/laporan/standard_index.blade.php
index 182a91c..8d8b07a 100644
--- a/resources/views/laporan/standard_index.blade.php
+++ b/resources/views/laporan/standard_index.blade.php
@@ -37,8 +37,8 @@
     </style>
 
     <div class="grid">
-        <div class="card card-grid min-w-full" id="debitur-table">
-            <div class="card-header py-5 flex-wrap">
+        <div class="card border border-agi-100 card-grid min-w-full" id="debitur-table">
+            <div class="card-header bg-agi-50 py-5 flex-wrap">
                 <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
                     <form action="" method="POST" class="grid gap-5">
                         <input type="hidden" name="id" value="">
@@ -417,11 +417,11 @@
                                 </ol>
                             </div>
                         </div>
-                        
+
                         <hr>
 
                         <label class="form-label">Salam,</label>
-                        
+
                         <div class="flex flex-wrap lg:flex-nowrap gap-4">
                             <div class="flex items-center w-full lg:w-1/2 gap-2.5">
                                 <label class="form-label max-w-56 lg:w-32">
@@ -444,7 +444,7 @@
         </div>
 
         {{--  <form method="POST" action="">
-            <div class="card pb-2.5">
+            <div class="card border border-agi-100 pb-2.5">
                 <input type="hidden" name="action" value="">
 
                 <div class="card-body grid gap-5">
diff --git a/resources/views/nilai_plafond/create.blade.php b/resources/views/nilai_plafond/create.blade.php
index c8b11af..a256457 100644
--- a/resources/views/nilai_plafond/create.blade.php
+++ b/resources/views/nilai_plafond/create.blade.php
@@ -14,8 +14,8 @@
                     <form method="POST" action="{{ route('basicdata.nilai-plafond.store') }}">
                         @endif
                         @csrf
-                        <div class="card pb-2.5">
-                            <div class="card-header" id="basic_settings">
+                        <div class="card border border-agi-100 pb-2.5">
+                            <div class="card-header bg-agi-50" id="basic_settings">
                                 <h3 class="card-title">
                                     {{ isset($nilaiPlafond->id) ? 'Edit' : 'Tambah' }} Nilai Plafond
                                 </h3>
diff --git a/resources/views/nilai_plafond/index.blade.php b/resources/views/nilai_plafond/index.blade.php
index e5cfc60..3a5d229 100644
--- a/resources/views/nilai_plafond/index.blade.php
+++ b/resources/views/nilai_plafond/index.blade.php
@@ -6,8 +6,8 @@
 
 @section('content')
     <div class="grid">
-        <div class="card card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="nilai-plafond-table" data-api-url="{{ route('basicdata.nilai-plafond.datatables') }}">
-            <div class="card-header py-5 flex-wrap">
+        <div class="card border border-agi-100 card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="nilai-plafond-table" data-api-url="{{ route('basicdata.nilai-plafond.datatables') }}">
+            <div class="card-header bg-agi-50 py-5 flex-wrap">
                 <h3 class="card-title">
                     Daftar Nilai Plafond
                 </h3>
diff --git a/resources/views/noc/form.blade.php b/resources/views/noc/form.blade.php
index 41c84fd..9d0eb81 100644
--- a/resources/views/noc/form.blade.php
+++ b/resources/views/noc/form.blade.php
@@ -6,8 +6,8 @@
 
 @section('content')
     <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
-        <div class="card pb-2.5">
-            <div class="card-header" id="basic_settings">
+        <div class="card border border-agi-100 pb-2.5">
+            <div class="card-header bg-agi-50" id="basic_settings">
                 <div class="card-title flex flex-row gap-1.5">
                     NOC
                 </div>
diff --git a/resources/views/noc/index.blade.php b/resources/views/noc/index.blade.php
index f0aafd5..035552a 100644
--- a/resources/views/noc/index.blade.php
+++ b/resources/views/noc/index.blade.php
@@ -6,8 +6,8 @@
 
 @section('content')
     <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
-        <div class="card card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="noc-table" data-api-url="{{ route('noc.datatables') }}">
-            <div class="card-header py-5 flex-wrap">
+        <div class="card border border-agi-100 card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="noc-table" data-api-url="{{ route('noc.datatables') }}">
+            <div class="card-header bg-agi-50 py-5 flex-wrap">
                 <h3 class="card-title">
                     Daftar NOC
                 </h3>
diff --git a/resources/views/otorisasipenawaran/edit.blade.php b/resources/views/otorisasipenawaran/edit.blade.php
index 964abbd..86790b6 100644
--- a/resources/views/otorisasipenawaran/edit.blade.php
+++ b/resources/views/otorisasipenawaran/edit.blade.php
@@ -10,11 +10,11 @@
 @endphp
 
 @section('content')
-<div class="w-full grid gap-5 lg:gap-7.5 mx-auto">    
+<div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
     <!-- $id ==> penawaran.id -->
-    <input type="hidden" id="id" name="id" value="{{ $id }}">       
-    <div class="card pb-2.5">
-        <div class="card-header" id="basic_settings">
+    <input type="hidden" id="id" name="id" value="{{ $id }}">
+    <div class="card border border-agi-100 pb-2.5">
+        <div class="card-header bg-agi-50" id="basic_settings">
             <h3 class="card-title">
                 Tambah Data Otorisasi Penawaran
             </h3>
@@ -60,9 +60,9 @@
         </div>
         <div class="card-body grid gap-5">
             <!-- datatables -->
-            <div class="grid">                            
-                <div class="card min-w-full">
-                    <div class="card-header">
+            <div class="grid">
+                <div class="card border border-agi-100 min-w-full">
+                    <div class="card-header bg-agi-50">
                         <h3 class="card-title">Data KJPP</h3>
                         <button type="button" class="btn btn-sm btn-danger" id="{{$route[1]}}_toPenawaranUlang">
                             <i class="ki-filled ki-wrench"></i>Penawaran Ulang
@@ -94,9 +94,9 @@
         </div>
         <div class="card-body grid gap-5">
             <!-- datatables -->
-            <div class="grid">                            
-                <div class="card min-w-full">
-                    <div class="card-header">
+            <div class="grid">
+                <div class="card border border-agi-100 min-w-full">
+                    <div class="card-header bg-agi-50">
                         <h3 class="card-title">Data KJPP Sebelumnya</h3>
                     </div>
                     <div class="card-table scrollable-x-auto">
@@ -126,4 +126,4 @@
     </div>
 </div>
 @endsection
-@include('lpj::otorisasipenawaran.js.editjs')
\ No newline at end of file
+@include('lpj::otorisasipenawaran.js.editjs')
diff --git a/resources/views/otorisasipenawaran/index.blade.php b/resources/views/otorisasipenawaran/index.blade.php
index 5e3d8e5..db6cc5b 100644
--- a/resources/views/otorisasipenawaran/index.blade.php
+++ b/resources/views/otorisasipenawaran/index.blade.php
@@ -6,8 +6,8 @@
 
 @section('content')
     <div class="grid">
-        <div class="card card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="otorisasipenawaran-table" data-api-url="{{ route('otorisasitender.penawaran.datatables') }}">
-            <div class="card-header py-5 flex-wrap">
+        <div class="card border border-agi-100 card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="otorisasipenawaran-table" data-api-url="{{ route('otorisasitender.penawaran.datatables') }}">
+            <div class="card-header bg-agi-50 py-5 flex-wrap">
                 <h3 class="card-title">
                     Daftar Otorisasi Penawaran
                 </h3>
diff --git a/resources/views/otorisasipenawaran/show.blade.php b/resources/views/otorisasipenawaran/show.blade.php
index 8a1f7e1..bf5d25e 100644
--- a/resources/views/otorisasipenawaran/show.blade.php
+++ b/resources/views/otorisasipenawaran/show.blade.php
@@ -8,9 +8,9 @@
 @endphp
 @section('content')
 <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
-    <div class="card pb-2.5">
-        <div class="card-header" id="basic_settings">
-            <h3 class="card-title">                
+    <div class="card border border-agi-100 pb-2.5">
+        <div class="card-header bg-agi-50" id="basic_settings">
+            <h3 class="card-title">
                 Detail Data Otorisasi Penawaran
             </h3>
             <div class="flex items-center gap-2">
diff --git a/resources/views/pembatalan/form.blade.php b/resources/views/pembatalan/form.blade.php
index 78a4f26..68770ea 100644
--- a/resources/views/pembatalan/form.blade.php
+++ b/resources/views/pembatalan/form.blade.php
@@ -6,8 +6,8 @@
 
 @section('content')
     <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
-        <div class="card pb-2.5">
-            <div class="card-header">
+        <div class="card border border-agi-100 pb-2.5">
+            <div class="card-header bg-agi-50">
                 <h3 class="card-title">Form Pembatalan Permohonan</h3>
                 <div class="flex items-center gap-2">
                     <a href="{{ route('pembatalan.index') }}" class="btn btn-xs btn-info"><i class="ki-filled ki-exit-left"></i> Back</a>
diff --git a/resources/views/pembatalan/index.blade.php b/resources/views/pembatalan/index.blade.php
index 6e27000..396ede1 100644
--- a/resources/views/pembatalan/index.blade.php
+++ b/resources/views/pembatalan/index.blade.php
@@ -6,8 +6,8 @@
 
 @section('content')
     <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
-        <div class="card card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="pembatalan-table" data-api-url="{{ route('pembatalan.datatables') }}">
-            <div class="card-header py-5 flex-wrap">
+        <div class="card border border-agi-100 card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="pembatalan-table" data-api-url="{{ route('pembatalan.datatables') }}">
+            <div class="card-header bg-agi-50 py-5 flex-wrap">
                 <h3 class="card-title">
                     Daftar Pembatalan Permohonan
                 </h3>
diff --git a/resources/views/pembayaran/approval.blade.php b/resources/views/pembayaran/approval.blade.php
index 7f46b72..24f479e 100644
--- a/resources/views/pembayaran/approval.blade.php
+++ b/resources/views/pembayaran/approval.blade.php
@@ -6,9 +6,9 @@
 
 @section('content')
     <div class="grid">
-        <div class="card card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false"
+        <div class="card border border-agi-100 card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false"
              id="pembayaran-table" data-api-url="{{ route('pembayaran.approval.datatables') }}">
-            <div class="card-header py-5 flex-wrap">
+            <div class="card-header bg-agi-50 py-5 flex-wrap">
                 <h3 class="card-title">
                     Daftar Pembayaran
                 </h3>
diff --git a/resources/views/pembayaran/form.blade.php b/resources/views/pembayaran/form.blade.php
index f02d011..823bd39 100644
--- a/resources/views/pembayaran/form.blade.php
+++ b/resources/views/pembayaran/form.blade.php
@@ -6,8 +6,8 @@
 
 @section('content')
     <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
-        <div class="card pb-2.5">
-            <div class="card-header" id="basic_settings">
+        <div class="card border border-agi-100 pb-2.5">
+            <div class="card-header bg-agi-50" id="basic_settings">
                 <div class="card-title flex flex-row gap-1.5">
                     Pembayaran
                 </div>
diff --git a/resources/views/pembayaran/index.blade.php b/resources/views/pembayaran/index.blade.php
index eb70e4c..6aba159 100644
--- a/resources/views/pembayaran/index.blade.php
+++ b/resources/views/pembayaran/index.blade.php
@@ -6,9 +6,9 @@
 
 @section('content')
     <div class="grid">
-        <div class="card card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false"
+        <div class="card border border-agi-100 card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false"
              id="pembayaran-table" data-api-url="{{ route('pembayaran.datatables') }}">
-            <div class="card-header py-5 flex-wrap">
+            <div class="card-header bg-agi-50 py-5 flex-wrap">
                 <h3 class="card-title">
                     Daftar Pembayaran
                 </h3>
diff --git a/resources/views/pemilik_jaminan/form.blade.php b/resources/views/pemilik_jaminan/form.blade.php
index 27af2b1..41b8a9f 100644
--- a/resources/views/pemilik_jaminan/form.blade.php
+++ b/resources/views/pemilik_jaminan/form.blade.php
@@ -7,8 +7,8 @@
 @section('content')
     <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
 
-        <div class="card pb-2.5">
-            <div class="card-header" id="basic_settings">
+        <div class="card border border-agi-100 pb-2.5">
+            <div class="card-header bg-agi-50" id="basic_settings">
                 <h3 class="card-title">
                     {{ isset($pemilik->id) ? 'Edit' : 'Tambah' }} Pemilik Jaminan
                 </h3>
diff --git a/resources/views/pemilik_jaminan/index.blade.php b/resources/views/pemilik_jaminan/index.blade.php
index 5c4cae3..5e78183 100644
--- a/resources/views/pemilik_jaminan/index.blade.php
+++ b/resources/views/pemilik_jaminan/index.blade.php
@@ -7,8 +7,8 @@
 @section('content')
     <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
 
-        <div class="card pb-2.5">
-            <div class="card-header" id="basic_settings">
+        <div class="card border border-agi-100 pb-2.5">
+            <div class="card-header bg-agi-50" id="basic_settings">
                 <h3 class="card-title">
                     {{ isset($document->id) ? 'Edit' : 'Tambah' }} Pemilik Jaminan
                 </h3>
diff --git a/resources/views/penawaran/create.blade.php b/resources/views/penawaran/create.blade.php
index 225c174..8ad6610 100644
--- a/resources/views/penawaran/create.blade.php
+++ b/resources/views/penawaran/create.blade.php
@@ -9,8 +9,8 @@
         <form action="{{ route('tender.penawaran.storePenawaran', $noreg) }}" method="POST">
             @csrf
 
-            <div class="card pb-2.5">
-                <div class="card-header" id="basic_settings">
+            <div class="card border border-agi-100 pb-2.5">
+                <div class="card-header bg-agi-50" id="basic_settings">
                     <h3 class="card-title">
                         Tambah Data Penawaran
                     </h3>
diff --git a/resources/views/penawaran/edit.blade.php b/resources/views/penawaran/edit.blade.php
index 9d5603a..f67ec55 100644
--- a/resources/views/penawaran/edit.blade.php
+++ b/resources/views/penawaran/edit.blade.php
@@ -10,8 +10,8 @@
             @csrf
             @method('PUT')
 
-            <div class="card pb-2.5">
-                <div class="card-header" id="basic_settings">
+            <div class="card border border-agi-100 pb-2.5">
+                <div class="card-header bg-agi-50" id="basic_settings">
                     <h3 class="card-title">
                         Penawaran Ulang
                     </h3>
diff --git a/resources/views/penawaran/index.blade.php b/resources/views/penawaran/index.blade.php
index 24c2711..aa197ae 100644
--- a/resources/views/penawaran/index.blade.php
+++ b/resources/views/penawaran/index.blade.php
@@ -7,9 +7,9 @@
 @section('content')
     <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
 
-        <div class="card card-grid min-w-full" data-datatable="false" data-datatable-page-size="10"
+        <div class="card border border-agi-100 card-grid min-w-full" data-datatable="false" data-datatable-page-size="10"
             data-datatable-state-save="false" id="penawaran-table" data-api-url="{{ route('tender.penawaran.datatables') }}">
-            <div class="card-header py-5 flex-wrap" id="basic_settings">
+            <div class="card-header bg-agi-50 py-5 flex-wrap" id="basic_settings">
                 <h3 class="card-title">
                     Data Penawaran
                 </h3>
diff --git a/resources/views/penawaran/show.blade.php b/resources/views/penawaran/show.blade.php
index f2f9938..8328696 100644
--- a/resources/views/penawaran/show.blade.php
+++ b/resources/views/penawaran/show.blade.php
@@ -6,8 +6,8 @@
 
 @section('content')
     <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
-        <div class="card pb-2.5">
-            <div class="card-header" id="basic_settings">
+        <div class="card border border-agi-100 pb-2.5">
+            <div class="card-header bg-agi-50" id="basic_settings">
                 <h3 class="card-title">
                     Detail Penawaran
                 </h3>
diff --git a/resources/views/penawaran/showKirimEmail.blade.php b/resources/views/penawaran/showKirimEmail.blade.php
index 6743770..b1394bd 100644
--- a/resources/views/penawaran/showKirimEmail.blade.php
+++ b/resources/views/penawaran/showKirimEmail.blade.php
@@ -7,8 +7,8 @@
 @section('content')
     <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
 
-        <div class="card pb-2.5">
-            <div class="card-header" id="basic_settings">
+        <div class="card border border-agi-100 pb-2.5">
+            <div class="card-header bg-agi-50" id="basic_settings">
                 <h3 class="card-title">
                     Show Kirim Email Penawaran
                 </h3>
@@ -34,9 +34,9 @@
                 </div>
                 <div class="card-body grid gap-5">
                     <div class="grid">
-                        <div class="card card-grid min-w-full" data-datatable="false" id="kjpp-table"
+                        <div class="card border border-agi-100 card-grid min-w-full" data-datatable="false" id="kjpp-table"
                             data-api-url="{{ route('tender.penawaran.showKirimSurat.datatables', $noreg) }}">
-                            <div class="card-header py-5 flex-wrap">
+                            <div class="card-header bg-agi-50 py-5 flex-wrap">
                                 <div class="card-title">
                                     Data KJPP
                                 </div>
diff --git a/resources/views/penawaran/surat_tender.blade.php b/resources/views/penawaran/surat_tender.blade.php
index cb74770..7b8f5f0 100644
--- a/resources/views/penawaran/surat_tender.blade.php
+++ b/resources/views/penawaran/surat_tender.blade.php
@@ -6,8 +6,8 @@
 
 @section('content')
     <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
-        <div class="card pb-2.5">
-            <div class="card-header" id="basic_settings">
+        <div class="card border border-agi-100 pb-2.5">
+            <div class="card-header bg-agi-50" id="basic_settings">
                 <h3 class="card-title">
                     Surat Tender
                 </h3>
diff --git a/resources/views/penawaran/surat_tender_kjpp.blade.php b/resources/views/penawaran/surat_tender_kjpp.blade.php
index 57f018f..8edc180 100644
--- a/resources/views/penawaran/surat_tender_kjpp.blade.php
+++ b/resources/views/penawaran/surat_tender_kjpp.blade.php
@@ -6,8 +6,8 @@
 
 @section('content')
     <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
-        <div class="card pb-2.5">
-            <div class="card-header" id="basic_settings">
+        <div class="card border border-agi-100 pb-2.5">
+            <div class="card-header bg-agi-50" id="basic_settings">
                 <h3 class="card-title">
                     Surat Tender
                 </h3>
diff --git a/resources/views/penawaran_ulang/index.blade.php b/resources/views/penawaran_ulang/index.blade.php
index 5841ab6..508e5aa 100644
--- a/resources/views/penawaran_ulang/index.blade.php
+++ b/resources/views/penawaran_ulang/index.blade.php
@@ -7,10 +7,10 @@
 @section('content')
     <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
 
-        <div class="card card-grid min-w-full" data-datatable="false" data-datatable-page-size="10"
+        <div class="card border border-agi-100 card-grid min-w-full" data-datatable="false" data-datatable-page-size="10"
             data-datatable-state-save="false" id="penawaran-table"
             data-api-url="{{ route('tender.penawaran.ulang.datatables') }}">
-            <div class="card-header py-5 flex-wrap" id="basic_settings">
+            <div class="card-header bg-agi-50 py-5 flex-wrap" id="basic_settings">
                 <h3 class="card-title">
                     Data Penawaran Ulang
                 </h3>
diff --git a/resources/views/penilai/components/foto-lampiran.blade.php b/resources/views/penilai/components/foto-lampiran.blade.php
index 8391381..5cdb273 100644
--- a/resources/views/penilai/components/foto-lampiran.blade.php
+++ b/resources/views/penilai/components/foto-lampiran.blade.php
@@ -1,5 +1,5 @@
 <div class="card">
-    <div class="card-header" id="basic_settings">
+    <div class="card-header bg-agi-50" id="basic_settings">
         <h3 class="card-title">
             Rute Menuju Lokasi
         </h3>
@@ -27,7 +27,7 @@
 
 
 <div class="card">
-    <div class="card-header" id="basic_settings">
+    <div class="card-header bg-agi-50" id="basic_settings">
         <h3 class="card-title">
             Object Jaminan
         </h3>
@@ -55,7 +55,7 @@
 
 @if (isset($formFoto['foto_basement']))
     <div class="card">
-        <div class="card-header" id="basic_settings">
+        <div class="card-header bg-agi-50" id="basic_settings">
             <h3 class="card-title">
                 Basement
             </h3>
@@ -81,7 +81,7 @@
 
 @if (isset($formFoto['foto_gerbang']))
     <div class="card">
-        <div class="card-header" id="basic_settings">
+        <div class="card-header bg-agi-50" id="basic_settings">
             <h3 class="card-title">
                 Gerbang
             </h3>
@@ -110,7 +110,7 @@
 
 @if (isset($formFoto['pendamping']))
     <div class="card">
-        <div class="card-header" id="basic_settings">
+        <div class="card-header bg-agi-50" id="basic_settings">
             <h3 class="card-title">
                 Pendamping
             </h3>
diff --git a/resources/views/penilai/components/lpj-sederhana-standard.blade.php b/resources/views/penilai/components/lpj-sederhana-standard.blade.php
index 4e78c6f..d50e3ea 100644
--- a/resources/views/penilai/components/lpj-sederhana-standard.blade.php
+++ b/resources/views/penilai/components/lpj-sederhana-standard.blade.php
@@ -9,9 +9,9 @@
 @section('content')
     @include('lpj::assetsku.includenya')
     <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
-        <div class="card min-w-full">
-            <div class="card min-w-full">
-                <div class="card-header">
+        <div class="card border border-agi-100 min-w-full">
+            <div class="card border border-agi-100 min-w-full">
+                <div class="card-header bg-agi-50">
                     <h3 class="card-title">
                         Data Jaminan
                     </h3>
@@ -76,7 +76,7 @@
         </div>
 
         <div class="card">
-            <div class="card-header">
+            <div class="card-header bg-agi-50">
                 <h3 class="card-title uppercase">
                     Identitas Cadeb/Debitur
                 </h3>
@@ -115,7 +115,7 @@
 
 
         <div class="card">
-            <div class="card-header">
+            <div class="card-header bg-agi-50">
                 <h3 class="card-title uppercase">
                     Deskripsi dan Alamat Aset
                 </h3>
@@ -178,7 +178,7 @@
         </div>
 
         <div class="card">
-            <div class="card-header">
+            <div class="card-header bg-agi-50">
                 <h3 class="card-title uppercase">
                     dokumen
                 </h3>
@@ -374,7 +374,7 @@
         </div>
 
         <div class="card">
-            <div class="card-header">
+            <div class="card-header bg-agi-50">
                 <h3 class="card-title uppercase">
                     Hubungan Cadeb/Debitur dengan pemilik dan penghuni
                 </h3>
@@ -415,7 +415,7 @@
 
 
         <div class="card">
-            <div class="card-header">
+            <div class="card-header bg-agi-50">
                 <h3 class="card-title uppercase">
                     Informasi dan pembanding
                 </h3>
@@ -426,7 +426,7 @@
 
         <form id="form-lpj" method="post" class="w-full grid gap-5">
             <div class="card">
-                <div class="card-header">
+                <div class="card-header bg-agi-50">
                     <h3 class="card-title uppercase">
                         total nilai pasar wajar
                     </h3>
@@ -588,7 +588,7 @@
             </div>
 
             <div class="card">
-                <div class="card-header">
+                <div class="card-header bg-agi-50">
                     <h3 class="card-title uppercase">
                         nilai asuransi
                     </h3>
@@ -639,7 +639,7 @@
                 </button>
             </div>
         </form>
-   
+
     </div>
 @endsection
 
diff --git a/resources/views/penilai/components/memo.blade.php b/resources/views/penilai/components/memo.blade.php
index f198920..47a2a78 100644
--- a/resources/views/penilai/components/memo.blade.php
+++ b/resources/views/penilai/components/memo.blade.php
@@ -11,7 +11,7 @@
     <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
         <form id="form-memo" method="POST" class="w-full grid gap-5">
             <div class="card">
-                <div class="card-header">
+                <div class="card-header bg-agi-50">
                     <h3 class="card-title uppercase">
                         Memo Antar Kantor
                     </h3>
@@ -63,8 +63,8 @@
                 </div>
             </div>
 
-            <div class="card w-full bg-white rounded-lg shadow-md ">
-                <div class="card-header">
+            <div class="card border border-agi-100 w-full bg-white rounded-lg shadow-md ">
+                <div class="card-header bg-agi-50">
                     <h1 class="text-md font-medium text-gray-900 uppercase">Sehubungan dengan permintaan BAGI Cabang
                         <b>{{ $permohonan->branch->name }}</b>, untuk dilakukan survey untuk penilaian baru/review, calon debitur/debitur an
                         <b>{{ $permohonan->debiture->name }}</b>,dengan deskripsi sebagai berikut :
@@ -186,7 +186,7 @@
 
 
             <div class="card">
-                <div class="card-header">
+                <div class="card-header bg-agi-50">
                     <h3 class="card-title uppercase">
                         Dokument
                     </h3>
@@ -268,14 +268,14 @@
 
 
             <div class="card">
-                <div class="card-header">
+                <div class="card-header bg-agi-50">
                     <h3 class="card-title uppercase">
                         Peta lokasi
                     </h3>
                 </div>
                 <div class="card-body grid gap-5">
                     <div class="border-t mt-5">
-                        <div class="flex card-header justify-center" id="basic_settings">
+                        <div class="flex card-header border border-agi-100 bg-agi-50 justify-center" id="basic_settings">
                             <h3 class="card-title uppercase">
                                 Rute Menuju Lokasi
                             </h3>
@@ -310,14 +310,14 @@
 
 
             <div class="card">
-                <div class="card-header">
+                <div class="card-header bg-agi-50">
                     <h3 class="card-title uppercase">
                         Foto jaminan
                     </h3>
                 </div>
                 <div class="card-body grid gap-5">
                     <div class="border-t mt-5">
-                        <div class="flex card-header justify-center" id="basic_settings">
+                        <div class="flex card-header border border-agi-100 bg-agi-50 justify-center" id="basic_settings">
                             <h3 class="card-title uppercase">
                                 Rute Menuju Lokasi
                             </h3>
@@ -342,7 +342,7 @@
 
 
                     <div class="border-t mt-5">
-                        <div class="flex card-header justify-center" id="basic_settings">
+                        <div class="flex card-header border border-agi-100 bg-agi-50 justify-center" id="basic_settings">
                             <h3 class="card-title uppercase">
                                 Object Jaminan
                             </h3>
@@ -370,7 +370,7 @@
 
                     @if (isset($formFoto['foto_basement']))
                         <div class="border-t mt-5">
-                            <div class="flex card-header justify-center" id="basic_settings">
+                            <div class="flex card-header border border-agi-100 bg-agi-50 justify-center" id="basic_settings">
                                 <h3 class="card-title uppercase">
                                     Basement
                                 </h3>
@@ -396,7 +396,7 @@
 
                     @if (isset($formFoto['foto_gerbang']))
                         <div class="border-t mt-5">
-                            <div class="flex card-header justify-center" id="basic_settings">
+                            <div class="flex card-header border border-agi-100 bg-agi-50 justify-center" id="basic_settings">
                                 <h3 class="card-title uppercase">
                                     Gerbang
                                 </h3>
@@ -425,7 +425,7 @@
 
                     @if (isset($formFoto['pendamping']))
                         <div class="border-t mt-5">
-                            <div class="flex card-header justify-center" id="basic_settings">
+                            <div class="flex card-header border border-agi-100 bg-agi-50 justify-center" id="basic_settings">
                                 <h3 class="card-title uppercase">
                                     Pendamping
                                 </h3>
diff --git a/resources/views/penilai/components/paparan.blade.php b/resources/views/penilai/components/paparan.blade.php
index 21e26dc..b2e12f1 100644
--- a/resources/views/penilai/components/paparan.blade.php
+++ b/resources/views/penilai/components/paparan.blade.php
@@ -17,7 +17,7 @@
 
 
         <div class="card">
-            <div class="card-header uppercase">
+            <div class="card-header bg-agi-50 uppercase">
                 Kertas Kerja
             </div>
             <div class="card-body flex items-center justify-between">
diff --git a/resources/views/penilai/components/resume.blade.php b/resources/views/penilai/components/resume.blade.php
index f2bdc5d..e040770 100644
--- a/resources/views/penilai/components/resume.blade.php
+++ b/resources/views/penilai/components/resume.blade.php
@@ -12,7 +12,7 @@
         <form id="formResume" method="POST" class="w-full grid gap-5">
             @csrf
             <div class="card">
-                <div class="card-header">
+                <div class="card-header bg-agi-50">
                     <h3 class="card-title uppercase">
                         Data Jaminan
                     </h3>
@@ -76,7 +76,7 @@
                 </div>
             </div>
             <div class="card">
-                <div class="card-header">
+                <div class="card-header bg-agi-50">
                     <h3 class="card-title uppercase">
                         faktor
                     </h3>
@@ -142,8 +142,8 @@
             </div>
 
 
-            <div class="card min-w-full">
-                <div class="card-header">
+            <div class="card border border-agi-100 min-w-full">
+                <div class="card-header bg-agi-50">
                     <h3 class="card-title uppercase">
                         KESIMPULAN NILAI PASAR WAJAR
                     </h3>
diff --git a/resources/views/penilai/index.blade.php b/resources/views/penilai/index.blade.php
index 3728b84..af84db9 100644
--- a/resources/views/penilai/index.blade.php
+++ b/resources/views/penilai/index.blade.php
@@ -8,9 +8,9 @@
     <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
 
 
-        <div class="card card-grid min-w-full" data-datatable="false" data-datatable-page-size="10"
+        <div class="card border border-agi-100 card-grid min-w-full" data-datatable="false" data-datatable-page-size="10"
             data-datatable-state-save="false" id="penilai-table" data-api-url="{{ route('penilai.dataForTables') }}">
-            <div class="card-header py-5 flex-wrap">
+            <div class="card-header bg-agi-50 py-5 flex-wrap">
                 <h3 class="card-title">
                     Penilai
                 </h3>
diff --git a/resources/views/penilai/show.blade.php b/resources/views/penilai/show.blade.php
index 241c4f0..463c14f 100644
--- a/resources/views/penilai/show.blade.php
+++ b/resources/views/penilai/show.blade.php
@@ -7,8 +7,8 @@
 @section('content')
 @include('lpj::assetsku.includenya')
     <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
-        <div class="card pb-2.5">
-            <div class="card-header" id="basic_settings">
+        <div class="card border border-agi-100 pb-2.5">
+            <div class="card-header bg-agi-50" id="basic_settings">
                 <h3 class="card-title">
                     Detail Penilai
                 </h3>
diff --git a/resources/views/penilaian/form.blade.php b/resources/views/penilaian/form.blade.php
index e4f9550..820dcf1 100644
--- a/resources/views/penilaian/form.blade.php
+++ b/resources/views/penilaian/form.blade.php
@@ -8,8 +8,8 @@
     <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
         @include('lpj::component.detail-jaminan', ['backLink' => 'penilaian.index'])
 
-        <div class="card pb-2.5">
-            <div class="card-header" id="basic_settings">
+        <div class="card border border-agi-100 pb-2.5">
+            <div class="card-header bg-agi-50" id="basic_settings">
                 <h3 class="card-title">
                     Form Assignment
                 </h3>
diff --git a/resources/views/penilaian/index.blade.php b/resources/views/penilaian/index.blade.php
index f4d2d18..5355d22 100644
--- a/resources/views/penilaian/index.blade.php
+++ b/resources/views/penilaian/index.blade.php
@@ -6,9 +6,9 @@
 
 @section('content')
     <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
-        <div class="card pb-2.5">
+        <div class="card border border-agi-100 pb-2.5">
             <div class=" card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="permohonan-table" data-api-url="{{ route('penilaian.datatables') }}">
-                <div class="card-header py-5 flex-wrap">
+                <div class="card-header bg-agi-50 py-5 flex-wrap">
                     <h3 class="card-title">
                         Daftar assignment
                     </h3>
diff --git a/resources/views/penilaian/laporan-so.blade.php b/resources/views/penilaian/laporan-so.blade.php
index a8a86e6..6fc9268 100644
--- a/resources/views/penilaian/laporan-so.blade.php
+++ b/resources/views/penilaian/laporan-so.blade.php
@@ -2,8 +2,8 @@
 
 @section('content')
 
-<div class="card w-full bg-white rounded-lg shadow-md h-100vh">
-    <div class="card-header flex justify-between items-center">
+<div class="card border border-agi-100 w-full bg-white rounded-lg shadow-md h-100vh">
+    <div class="card-header bg-agi-50 flex justify-between items-center">
         <h3 class="card-title uppercase">
             Laporan
         </h3>
diff --git a/resources/views/penilaian/otorisator/index.blade.php b/resources/views/penilaian/otorisator/index.blade.php
index ff486a8..5c09fa6 100644
--- a/resources/views/penilaian/otorisator/index.blade.php
+++ b/resources/views/penilaian/otorisator/index.blade.php
@@ -6,11 +6,11 @@
 
 @section('content')
     <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
-        <div class="card pb-2.5">
+        <div class="card border border-agi-100 pb-2.5">
             <div class=" card-grid min-w-full" data-datatable="false" data-datatable-page-size="10"
                  data-datatable-state-save="false" id="permohonan-table"
                  data-api-url="{{ route('otorisator.datatables', ['otorisator' => $header]) }}">
-                <div class="card-header py-5 flex-wrap">
+                <div class="card-header bg-agi-50 py-5 flex-wrap">
                     <h3 class="card-title">
                         Daftar {{ $header }}
                     </h3>
diff --git a/resources/views/penilaian/otorisator/show.blade.php b/resources/views/penilaian/otorisator/show.blade.php
index 4fe235b..735e43e 100644
--- a/resources/views/penilaian/otorisator/show.blade.php
+++ b/resources/views/penilaian/otorisator/show.blade.php
@@ -16,8 +16,8 @@
 
 
         @if($permohonan->approval_so)
-            <div class="card pb-2.5">
-                <div class="card-header" id="basic_settings">
+            <div class="card border border-agi-100 pb-2.5">
+                <div class="card-header bg-agi-50" id="basic_settings">
                     <h3 class="card-title">
                         Approval
                     </h3>
diff --git a/resources/views/permohonan/authorization/index.blade.php b/resources/views/permohonan/authorization/index.blade.php
index 486daf7..2a84158 100644
--- a/resources/views/permohonan/authorization/index.blade.php
+++ b/resources/views/permohonan/authorization/index.blade.php
@@ -7,8 +7,8 @@
 @section('content')
     <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
 
-        <div class="card card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="permohonan-table" data-api-url="{{ route('authorization.datatables') }}">
-            <div class="card-header py-5 flex-wrap">
+        <div class="card border border-agi-100 card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="permohonan-table" data-api-url="{{ route('authorization.datatables') }}">
+            <div class="card-header bg-agi-50 py-5 flex-wrap">
                 <h3 class="card-title">
                     Daftar Permohonan
                 </h3>
diff --git a/resources/views/permohonan/create.blade.php b/resources/views/permohonan/create.blade.php
index 65e6374..87d01df 100644
--- a/resources/views/permohonan/create.blade.php
+++ b/resources/views/permohonan/create.blade.php
@@ -6,8 +6,8 @@
 
 @section('content')
     <div class="grid">
-        <div class="card card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="debitur-table" data-api-url="{{ route('debitur.datatables') }}">
-            <div class="card-header py-5 flex-wrap">
+        <div class="card border border-agi-100 card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="debitur-table" data-api-url="{{ route('debitur.datatables') }}">
+            <div class="card-header bg-agi-50 py-5 flex-wrap">
                 <h3 class="card-title">
                     Daftar Debitur
                 </h3>
diff --git a/resources/views/permohonan/form.blade.php b/resources/views/permohonan/form.blade.php
index 1336330..d26066e 100644
--- a/resources/views/permohonan/form.blade.php
+++ b/resources/views/permohonan/form.blade.php
@@ -7,8 +7,8 @@
 @section('content')
     @if(isset($permohonan))
         <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
-            <div class="card pb-2.5">
-                <div class="card-header" id="basic_settings">
+            <div class="card border border-agi-100 pb-2.5">
+                <div class="card-header bg-agi-50" id="basic_settings">
                     <div class="card-title flex flex-row gap-1.5">
                         <a href="{{ route('permohonan.edit',array_merge(request()->query(),['permohonan'=>$permohonan->id])) }}" class="btn btn-xs {{ request()->routeIs('permohonan.edit') ? 'btn-outline btn-primary' : 'btn-light' }}">Data Permohonan</a>
                         <a href="{{ route('debitur.edit',array_merge(request()->query(),['debitur'=>$debitur->id,'permohonan_id' => $permohonan->id])) }}" class="btn btn-xs {{ request()->routeIs('debitur.edit') ? 'btn-outline btn-primary' : 'btn-light' }}">Data Debitur</a>
@@ -170,8 +170,8 @@
     @else
         <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
 
-            <div class="card pb-2.5">
-                <div class="card-header" id="basic_settings">
+            <div class="card border border-agi-100 pb-2.5">
+                <div class="card-header bg-agi-50" id="basic_settings">
                     <h3 class="card-title">
                         {{ isset($permohonan->id) ? 'Edit' : 'Tambah' }} Permohonan
                     </h3>
diff --git a/resources/views/permohonan/index.blade.php b/resources/views/permohonan/index.blade.php
index d73af03..a1093d8 100644
--- a/resources/views/permohonan/index.blade.php
+++ b/resources/views/permohonan/index.blade.php
@@ -7,9 +7,9 @@
 @section('content')
     <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
 
-        <div class="card card-grid min-w-full" data-datatable="false" data-datatable-page-size="10"
+        <div class="card border border-agi-100 card-grid min-w-full" data-datatable="false" data-datatable-page-size="10"
              data-datatable-state-save="false" id="permohonan-table" data-api-url="{{ route('permohonan.datatables') }}">
-            <div class="card-header py-5 flex-wrap">
+            <div class="card-header bg-agi-50 py-5 flex-wrap">
                 <h3 class="card-title">
                     Daftar Permohonan
                 </h3>
diff --git a/resources/views/permohonan/pembatalan-form.blade.php b/resources/views/permohonan/pembatalan-form.blade.php
index d4b9af6..66dafe9 100644
--- a/resources/views/permohonan/pembatalan-form.blade.php
+++ b/resources/views/permohonan/pembatalan-form.blade.php
@@ -6,8 +6,8 @@
 
 @section('content')
     <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
-        <div class="card pb-2.5">
-            <div class="card-header">
+        <div class="card border border-agi-100 pb-2.5">
+            <div class="card-header bg-agi-50">
                 <h3 class="card-title">Form Pembatalan Permohonan</h3>
                 <div class="flex items-center gap-2">
                     <a href="{{ route('permohonan.index') }}" class="btn btn-xs btn-info"><i class="ki-filled ki-exit-left"></i> Back</a>
diff --git a/resources/views/permohonan/print.blade.php b/resources/views/permohonan/print.blade.php
index 4c6e47f..14bd4ae 100644
--- a/resources/views/permohonan/print.blade.php
+++ b/resources/views/permohonan/print.blade.php
@@ -65,8 +65,8 @@
         </div>
         <div class="gap-5 w-full grid grid-cols-3 mt-5">
             <div>
-                <div class="card min-w-full">
-                    <div class="card-header" id="advanced_settings_appearance">
+                <div class="card border border-agi-100 min-w-full">
+                    <div class="card-header bg-agi-50" id="advanced_settings_appearance">
                         <h3 class="card-title">
                             1. Fasilitas Kredit
                         </h3>
@@ -101,8 +101,8 @@
                     </div>
                 </div>
 
-                <div class="card mt-5 min-w-full">
-                    <div class="card-header">
+                <div class="card border border-agi-100 mt-5 min-w-full">
+                    <div class="card-header bg-agi-50">
                         <h3 class="card-title">
                             2. Identitas Debutur
                         </h3>
@@ -159,8 +159,8 @@
                 </div>
             </div>
             <div class="col-span-2">
-                <div class="card min-w-full">
-                    <div class="card-header">
+                <div class="card border border-agi-100 min-w-full">
+                    <div class="card-header bg-agi-50">
                         <h3 class="card-title">
                             Data Jaminan
                         </h3>
diff --git a/resources/views/persetujuan_penawaran/form.blade.php b/resources/views/persetujuan_penawaran/form.blade.php
index 4c17b59..49f6cbd 100644
--- a/resources/views/persetujuan_penawaran/form.blade.php
+++ b/resources/views/persetujuan_penawaran/form.blade.php
@@ -6,8 +6,8 @@
 
 @section('content')
     <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
-        <div class="card pb-2.5">
-            <div class="card-header" id="basic_settings">
+        <div class="card border border-agi-100 pb-2.5">
+            <div class="card-header bg-agi-50" id="basic_settings">
                 <div class="card-title flex flex-row gap-1.5">
                     Persetujuan Penawaran
                 </div>
diff --git a/resources/views/persetujuan_penawaran/index.blade.php b/resources/views/persetujuan_penawaran/index.blade.php
index 2d7eba1..6c990ea 100644
--- a/resources/views/persetujuan_penawaran/index.blade.php
+++ b/resources/views/persetujuan_penawaran/index.blade.php
@@ -6,8 +6,8 @@
 
 @section('content')
     <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
-        <div class="card card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="persetujuan-penawaran-table" data-api-url="{{ route('persetujuan-penawaran.datatables') }}">
-            <div class="card-header py-5 flex-wrap">
+        <div class="card border border-agi-100 card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="persetujuan-penawaran-table" data-api-url="{{ route('persetujuan-penawaran.datatables') }}">
+            <div class="card-header bg-agi-50 py-5 flex-wrap">
                 <h3 class="card-title">
                     Daftar Persetujuan Penawaran
                 </h3>
diff --git a/resources/views/prosespenawaran/createPenawaran.blade.php b/resources/views/prosespenawaran/createPenawaran.blade.php
index 12507a9..619e412 100644
--- a/resources/views/prosespenawaran/createPenawaran.blade.php
+++ b/resources/views/prosespenawaran/createPenawaran.blade.php
@@ -11,8 +11,8 @@
 @section('content')
 <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
 
-   <div class="card pb-2.5">
-        <div class="card-header" id="basic_settings">
+   <div class="card border border-agi-100 pb-2.5">
+        <div class="card-header bg-agi-50" id="basic_settings">
             <h3 class="card-title">
                 Tambah Data Penawaran
             </h3>
diff --git a/resources/views/prosespenawaran/edit.blade.php b/resources/views/prosespenawaran/edit.blade.php
index ef58152..59621a9 100644
--- a/resources/views/prosespenawaran/edit.blade.php
+++ b/resources/views/prosespenawaran/edit.blade.php
@@ -11,12 +11,12 @@
 
 @section('content')
 <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
-   
+
         <!-- $id = penawaran.id -->
         <input type="hidden" id="id" name="id" value="{{ $id }}">
-       
-                <div class="card pb-2.5">
-                    <div class="card-header" id="basic_settings">
+
+                <div class="card border border-agi-100 pb-2.5">
+                    <div class="card-header bg-agi-50" id="basic_settings">
                         <h3 class="card-title">
                             Tambah Data Proses Penawaran
                         </h3>
@@ -60,16 +60,16 @@
                             </div>
                         </div>
                         <!-- datatables -->
-                        <div class="grid">     
-                            <form enctype="multipart/form-data" id="form_{{$route[1]}}">                        
-                            <div class="card min-w-full">
-                                <div class="card-header">
+                        <div class="grid">
+                            <form enctype="multipart/form-data" id="form_{{$route[1]}}">
+                            <div class="card border border-agi-100 min-w-full">
+                                <div class="card-header bg-agi-50">
                                     <h3 class="card-title">Data KJPP</h3>
                                     <button type="button" class="btn btn-sm btn-danger" id="{{$route[1]}}_toProsesPenawaran">
                                         <i class="ki-filled ki-wrench"></i>Penawaran Ulang
                                     </button>
                                 </div>
-                                <div class="card-table scrollable-x-auto">                                    
+                                <div class="card-table scrollable-x-auto">
                                     <table class="table table-border align-middle text-gray-700 font-medium text-sm">
                                         <thead>
                                             <tr>
@@ -84,7 +84,7 @@
                                         </thead>
                                         <tbody id="tbodyKJPP1">
                                         </tbody>
-                                    </table>                                    
+                                    </table>
                                 </div>
                             </div>
                         </div>
@@ -92,7 +92,7 @@
                         <div class="flex justify-end">
                             <button type="submit" class="btn btn-success" id="{{$route[1]}}_toEditDraft">
                                 Simpan Draft
-                            </form>    
+                            </form>
                             </button>&nbsp;&nbsp;
                             <button type="button" class="btn btn-primary" id="{{$route[1]}}_toEdit">
                                 Pengajuan Penawaran
@@ -102,4 +102,4 @@
                 </div>
 </div>
 @endsection
-@include('lpj::prosespenawaran.js.editjs')
\ No newline at end of file
+@include('lpj::prosespenawaran.js.editjs')
diff --git a/resources/views/prosespenawaran/editulang.blade.php b/resources/views/prosespenawaran/editulang.blade.php
index 350239d..990c2f8 100644
--- a/resources/views/prosespenawaran/editulang.blade.php
+++ b/resources/views/prosespenawaran/editulang.blade.php
@@ -10,11 +10,11 @@
 @endphp
 
 @section('content')
-<div class="w-full grid gap-5 lg:gap-7.5 mx-auto">    
+<div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
     <!-- id ==> penawaran.id -->
-    <input type="hidden" id="id" name="id" value="{{ $id }}">       
-    <div class="card pb-2.5">
-        <div class="card-header" id="basic_settings">
+    <input type="hidden" id="id" name="id" value="{{ $id }}">
+    <div class="card border border-agi-100 pb-2.5">
+        <div class="card-header bg-agi-50" id="basic_settings">
             <h3 class="card-title">
                 Tambah Data Proses Penawaran Ulang
             </h3>
@@ -55,15 +55,15 @@
                         Status
                     </label>
                 </span>
-            </div>            
+            </div>
         </div>
-        
+
         <!-- add kjpp -->
         <div class="card-body grid gap-5">
             <!-- datatables -->
-            <div class="grid">                            
-                <div class="card min-w-full">
-                    <div class="card-header">
+            <div class="grid">
+                <div class="card border border-agi-100 min-w-full">
+                    <div class="card-header bg-agi-50">
                         <h3 class="card-title">Tambah KJPP</h3>
                     </div>
                     <div class="card-table scrollable-x-auto">
@@ -108,7 +108,7 @@
                                     <td  valign="top" class="min-w-[50px] text-center">
                                         <div class="flex flex-nowrap justify-center">
                                             <a class="btn btn-sm btn-icon btn-clear btn-info" href="javascript:void(0)" id="{{$route[1]}}_icon_update_'+value.id+'" title="Tambah KJPP" onclick="addDataUlang()"><i class="ki-outline ki-bookmark"></i></a>
-                                        </div>    
+                                        </div>
                                     </td>
                                 </tr>
                             </tbody>
@@ -124,9 +124,9 @@
         <!-- add kjpp -->
         <div class="card-body grid gap-5">
             <!-- datatables -->
-            <div class="grid">                            
-                <div class="card min-w-full">
-                    <div class="card-header">
+            <div class="grid">
+                <div class="card border border-agi-100 min-w-full">
+                    <div class="card-header bg-agi-50">
                         <h3 class="card-title">Data KJPP</h3>
                         <button type="button" class="btn btn-sm btn-danger" id="{{$route[1]}}_toPenawaranUlang">
                             <i class="ki-filled ki-wrench"></i>Penawaran Ulang
@@ -159,4 +159,4 @@
     </div>
 </div>
 @endsection
-@include('lpj::prosespenawaran.js.editulangjs')
\ No newline at end of file
+@include('lpj::prosespenawaran.js.editulangjs')
diff --git a/resources/views/prosespenawaran/index.blade.php b/resources/views/prosespenawaran/index.blade.php
index ca60319..688f9cd 100644
--- a/resources/views/prosespenawaran/index.blade.php
+++ b/resources/views/prosespenawaran/index.blade.php
@@ -6,10 +6,10 @@
 
 @section('content')
     <div class="grid">
-        <div class="card card-grid min-w-full" data-datatable="false" data-datatable-page-size="10"
+        <div class="card border border-agi-100 card-grid min-w-full" data-datatable="false" data-datatable-page-size="10"
             data-datatable-state-save="false" id="prosespenawaran-table"
             data-api-url="{{ route('tender.prosespenawaran.datatables') }}">
-            <div class="card-header py-5 flex-wrap">
+            <div class="card-header bg-agi-50 py-5 flex-wrap">
                 <h3 class="card-title">
                     Daftar Proses Penawaran
                 </h3>
diff --git a/resources/views/prosespenawaran/show.blade.php b/resources/views/prosespenawaran/show.blade.php
index 4e90af8..4376f2b 100644
--- a/resources/views/prosespenawaran/show.blade.php
+++ b/resources/views/prosespenawaran/show.blade.php
@@ -8,8 +8,8 @@
 @endphp
 @section('content')
 <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
-    <div class="card pb-2.5">
-        <div class="card-header" id="basic_settings">
+    <div class="card border border-agi-100 pb-2.5">
+        <div class="card-header bg-agi-50" id="basic_settings">
             <h3 class="card-title">
                 Detail Data Proses Penawaran
             </h3>
@@ -20,7 +20,7 @@
                     {
                         $buttonProses='<a href="'. route('tender.prosespenawaran.edit', $id) .'" class="btn btn-xs btn-primary" title="Proses Penawaran"><i class="ki-outline ki-notepad-edit"></i> Proses Penawaran</a>';
                     }
-                    elseif ('proposal-tender'==$prosespenawaran->status) 
+                    elseif ('proposal-tender'==$prosespenawaran->status)
                     {
                         $buttonProses='<a href="'. route('tender.prosespenawaran.editulang', $id) .'" class="btn btn-xs btn-primary" title="Proses Penawaran Ulang"><i class="ki-filled ki-arrow-circle-right"></i> Proses Penawaran Ulang</a>';
                     }
diff --git a/resources/views/prosespenawaran/showPermohonan.blade.php b/resources/views/prosespenawaran/showPermohonan.blade.php
index 388f4e8..1bdc457 100644
--- a/resources/views/prosespenawaran/showPermohonan.blade.php
+++ b/resources/views/prosespenawaran/showPermohonan.blade.php
@@ -8,8 +8,8 @@
 @endphp
 @section('content')
 <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
-    <div class="card pb-2.5">
-        <div class="card-header" id="basic_settings">
+    <div class="card border border-agi-100 pb-2.5">
+        <div class="card-header bg-agi-50" id="basic_settings">
             <h3 class="card-title">
                 Detail Data Proses Penawaran
             </h3>
diff --git a/resources/views/prosespenawaranulang/edit.blade.php b/resources/views/prosespenawaranulang/edit.blade.php
index 79e5e79..716e2b8 100644
--- a/resources/views/prosespenawaranulang/edit.blade.php
+++ b/resources/views/prosespenawaranulang/edit.blade.php
@@ -10,10 +10,10 @@
 @endphp
 
 @section('content')
-<div class="w-full grid gap-5 lg:gap-7.5 mx-auto">    
-    <input type="hidden" id="id" name="id" value="{{ $id }}">       
-    <div class="card pb-2.5">
-        <div class="card-header" id="basic_settings">
+<div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
+    <input type="hidden" id="id" name="id" value="{{ $id }}">
+    <div class="card border border-agi-100 pb-2.5">
+        <div class="card-header bg-agi-50" id="basic_settings">
             <h3 class="card-title">
                 Tambah Data Proses Penawaran Ulang
             </h3>
@@ -59,9 +59,9 @@
         </div>
         <div class="card-body grid gap-5">
             <!-- datatables -->
-            <div class="grid">                            
-                <div class="card min-w-full">
-                    <div class="card-header">
+            <div class="grid">
+                <div class="card border border-agi-100 min-w-full">
+                    <div class="card-header bg-agi-50">
                         <h3 class="card-title">Data KJPP</h3>
                     </div>
                     <div class="card-table scrollable-x-auto">
@@ -89,4 +89,4 @@
     </div>
 </div>
 @endsection
-@include('lpj::prosespenawaranulang.js.editjs')
\ No newline at end of file
+@include('lpj::prosespenawaranulang.js.editjs')
diff --git a/resources/views/prosespenawaranulang/index.blade.php b/resources/views/prosespenawaranulang/index.blade.php
index 67b22e8..98f825a 100644
--- a/resources/views/prosespenawaranulang/index.blade.php
+++ b/resources/views/prosespenawaranulang/index.blade.php
@@ -6,8 +6,8 @@
 
 @section('content')
     <div class="grid">
-        <div class="card card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="prosespenawaranulang-table" data-api-url="{{ route('tender.prosespenawaranulang.datatables') }}">
-            <div class="card-header py-5 flex-wrap">
+        <div class="card border border-agi-100 card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="prosespenawaranulang-table" data-api-url="{{ route('tender.prosespenawaranulang.datatables') }}">
+            <div class="card-header bg-agi-50 py-5 flex-wrap">
                 <h3 class="card-title">
                     Daftar Proses Penawaran Ulang
                 </h3>
diff --git a/resources/views/prosespenawaranulang/show.blade.php b/resources/views/prosespenawaranulang/show.blade.php
index 74a361e..d2e423e 100644
--- a/resources/views/prosespenawaranulang/show.blade.php
+++ b/resources/views/prosespenawaranulang/show.blade.php
@@ -8,8 +8,8 @@
 @endphp
 @section('content')
 <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
-    <div class="card pb-2.5">
-        <div class="card-header" id="basic_settings">
+    <div class="card border border-agi-100 pb-2.5">
+        <div class="card-header bg-agi-50" id="basic_settings">
             <h3 class="card-title">
                 Detail Data Proses Penawaran Ulang
             </h3>
diff --git a/resources/views/region/create.blade.php b/resources/views/region/create.blade.php
index 626414b..b3d0a84 100644
--- a/resources/views/region/create.blade.php
+++ b/resources/views/region/create.blade.php
@@ -14,8 +14,8 @@
                 <form method="POST" action="{{ route('basicdata.region.store') }}">
         @endif
         @csrf
-        <div class="card pb-2.5">
-            <div class="card-header" id="basic_settings">
+        <div class="card border border-agi-100 pb-2.5">
+            <div class="card-header bg-agi-50" id="basic_settings">
                 <h3 class="card-title">
                     {{ isset($region->id) ? 'Edit' : 'Tambah' }} region
                 </h3>
diff --git a/resources/views/region/index.blade.php b/resources/views/region/index.blade.php
index 01118ec..4cc09ef 100644
--- a/resources/views/region/index.blade.php
+++ b/resources/views/region/index.blade.php
@@ -6,8 +6,8 @@
 
 @section('content')
     <div class="grid">
-        <div class="card card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="region-table" data-api-url="{{ route('basicdata.region.datatables') }}">
-            <div class="card-header py-5 flex-wrap">
+        <div class="card border border-agi-100 card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="region-table" data-api-url="{{ route('basicdata.region.datatables') }}">
+            <div class="card-header bg-agi-50 py-5 flex-wrap">
                 <h3 class="card-title">
                     Daftar Region
                 </h3>
diff --git a/resources/views/registrasi/edit.blade.php b/resources/views/registrasi/edit.blade.php
index be2b136..59b0d03 100644
--- a/resources/views/registrasi/edit.blade.php
+++ b/resources/views/registrasi/edit.blade.php
@@ -11,13 +11,13 @@
 
 @section('content')
 <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
-   
+
         <form id="{{$route[0]}}_form" name="{{$route[0]}}_form" method="POST">
             <input type="hidden" id="id" name="id" value="{{ $id }}">
             @method('PUT')
             @csrf
-                    <div class="card pb-2.5">
-                        <div class="card-header" id="basic_settings">
+                    <div class="card border border-agi-100 pb-2.5">
+                        <div class="card-header bg-agi-50" id="basic_settings">
                             <h3 class="card-title">
                                 Tambah Registrasi
                             </h3>
@@ -79,7 +79,7 @@
                                 <div class="flex flex-wrap items-baseline w-full">
                                     <input class="inputku input" name="{{$route[0]}}_sla" id="{{$route[0]}}_sla" placeholder="dalam satuan hari" type="text" />
                                     <em id="{{$route[0]}}_sla_msg" class="alert text-danger text-sm"></em>
-                                </div>                                
+                                </div>
                             </div>
                             <div id="{{ $route[0] }}_div_region" class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                 <label class="form-label max-w-56">
@@ -90,7 +90,7 @@
                                         <option></option>
                                     </select>
                                     <em id="{{$route[0]}}_region_msg" class="alert text-danger text-sm"></em>
-                                </div>                                
+                                </div>
                             </div>
                             <div id="{{ $route[0] }}_div_catatan2" class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                 <label class="form-label max-w-56">
diff --git a/resources/views/registrasi/index.blade.php b/resources/views/registrasi/index.blade.php
index 415f6db..dd95fe6 100644
--- a/resources/views/registrasi/index.blade.php
+++ b/resources/views/registrasi/index.blade.php
@@ -6,8 +6,8 @@
 
 @section('content')
     <div class="grid">
-        <div class="card card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="registrasi-table" data-api-url="{{ route('registrasi.datatables') }}">
-            <div class="card-header py-5 flex-wrap">
+        <div class="card border border-agi-100 card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="registrasi-table" data-api-url="{{ route('registrasi.datatables') }}">
+            <div class="card-header bg-agi-50 py-5 flex-wrap">
                 <h3 class="card-title">
                     Daftar Registrasi
                 </h3>
diff --git a/resources/views/registrasi/show.blade.php b/resources/views/registrasi/show.blade.php
index f395cd7..0ea8d42 100644
--- a/resources/views/registrasi/show.blade.php
+++ b/resources/views/registrasi/show.blade.php
@@ -13,8 +13,8 @@
 
         @include('lpj::component.detail-jaminan',['backLink' => 'registrasi.index'])
 
-		<div class="card pb-2.5">
-			<div class="card-header" id="basic_settings">
+		<div class="card border border-agi-100 pb-2.5">
+			<div class="card-header bg-agi-50" id="basic_settings">
 				<h3 class="card-title">
 					Registrasi
 				</h3>
@@ -67,7 +67,7 @@
 						<div class="flex flex-wrap items-baseline w-full">
 							<input class="inputku input" name="{{$route[0]}}_sla" id="{{$route[0]}}_sla" placeholder="dalam satuan hari" type="text" />
 							<em id="{{$route[0]}}_sla_msg" class="alert text-danger text-sm"></em>
-						</div>                                
+						</div>
 					</div>
 					<div id="{{ $route[0] }}_div_region" class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
 						<label class="form-label max-w-56">
diff --git a/resources/views/registrasifinal/edit.blade.php b/resources/views/registrasifinal/edit.blade.php
index fa6172a..747b1bf 100644
--- a/resources/views/registrasifinal/edit.blade.php
+++ b/resources/views/registrasifinal/edit.blade.php
@@ -11,14 +11,14 @@
 
 @section('content')
 <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
-   
+
         <form id="{{$route[0]}}_form" name="{{$route[0]}}_form" method="POST">
             <!-- $id => penawaran.id -->
             <input type="hidden" id="{{$route[0]}}_id" name="id" value="{{ $id }}">
             @method('PUT')
             @csrf
-                    <div class="card pb-2.5">
-                        <div class="card-header" id="basic_settings">
+                    <div class="card border border-agi-100 pb-2.5">
+                        <div class="card-header bg-agi-50" id="basic_settings">
                             <h3 class="card-title">
                                 Tambah Registrasi Final
                             </h3>
@@ -63,7 +63,7 @@
 
                         </div>
                         <div class="card-body grid gap-5">
-                            
+
                             <div id="{{ $route[0] }}_div_region" class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                 <label class="form-label max-w-56">
                                     Dokumen SPK
@@ -93,7 +93,7 @@
                                     <em id="{{$route[0]}}_catatan_msg" class="alert text-danger text-sm"></em>
                                 </div>
                             </div>
-                            
+
                             <div class="flex justify-end">
                                 <button type="button" class="btn btn-primary" id="toEdit">
                                     Save
diff --git a/resources/views/registrasifinal/index.blade.php b/resources/views/registrasifinal/index.blade.php
index 4c65df2..ca965ec 100644
--- a/resources/views/registrasifinal/index.blade.php
+++ b/resources/views/registrasifinal/index.blade.php
@@ -6,8 +6,8 @@
 
 @section('content')
     <div class="grid">
-        <div class="card card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="registrasifinal-table" data-api-url="{{ route('registrasifinal.datatables') }}">
-            <div class="card-header py-5 flex-wrap">
+        <div class="card border border-agi-100 card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="registrasifinal-table" data-api-url="{{ route('registrasifinal.datatables') }}">
+            <div class="card-header bg-agi-50 py-5 flex-wrap">
                 <h3 class="card-title">
                     Daftar Registrasi Final
                 </h3>
diff --git a/resources/views/registrasifinal/show.blade.php b/resources/views/registrasifinal/show.blade.php
index 5a31cd4..a378fbe 100644
--- a/resources/views/registrasifinal/show.blade.php
+++ b/resources/views/registrasifinal/show.blade.php
@@ -11,7 +11,7 @@
 @section('content')
 	<div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
 		<div class="card">
-			<div class="card-header" id="advanced_settings_appearance">
+			<div class="card-header bg-agi-50" id="advanced_settings_appearance">
 				<h3 class="card-title">
 					Data Permohonan
 				</h3>
diff --git a/resources/views/resume/index.blade.php b/resources/views/resume/index.blade.php
index 839710b..7f372e9 100644
--- a/resources/views/resume/index.blade.php
+++ b/resources/views/resume/index.blade.php
@@ -37,8 +37,8 @@
     </style>
 
     <div class="grid">
-        <div class="card card-grid min-w-full" id="debitur-table">
-            <div class="card-header py-5 flex-wrap">
+        <div class="card border border-agi-100 card-grid min-w-full" id="debitur-table">
+            <div class="card-header bg-agi-50 py-5 flex-wrap">
                 <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
                     <form action="" method="POST" class="grid gap-5">
                         <input type="hidden" name="id" value="">
@@ -417,11 +417,11 @@
                                 </ol>
                             </div>
                         </div>
-                        
+
                         <hr>
 
                         <label class="form-label">Salam,</label>
-                        
+
                         <div class="flex flex-wrap lg:flex-nowrap gap-4">
                             <div class="flex items-center w-full lg:w-1/2 gap-2.5">
                                 <label class="form-label max-w-56 lg:w-32">
@@ -444,7 +444,7 @@
         </div>
 
         {{--  <form method="POST" action="">
-            <div class="card pb-2.5">
+            <div class="card border border-agi-100 pb-2.5">
                 <input type="hidden" name="action" value="">
 
                 <div class="card-body grid gap-5">
diff --git a/resources/views/spk/edit.blade.php b/resources/views/spk/edit.blade.php
index fbc7e28..0d746ff 100644
--- a/resources/views/spk/edit.blade.php
+++ b/resources/views/spk/edit.blade.php
@@ -25,8 +25,8 @@
 	}
 </style>
 <div class="grid">
-	<div class="card card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="tujuan-penilaian-table" data-api-url="{{ route('basicdata.tujuan-penilaian.datatables') }}">
-		<div class="card-header py-5 flex-wrap">
+	<div class="card border border-agi-100 card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="tujuan-penilaian-table" data-api-url="{{ route('basicdata.tujuan-penilaian.datatables') }}">
+		<div class="card-header bg-agi-50 py-5 flex-wrap">
 			<h3 class="card-title">Buat SPK</h3>
             <div class="flex items-center gap-2">
 
diff --git a/resources/views/spk/index.blade.php b/resources/views/spk/index.blade.php
index e1f05ef..9814a7c 100644
--- a/resources/views/spk/index.blade.php
+++ b/resources/views/spk/index.blade.php
@@ -6,8 +6,8 @@
 
 @section('content')
     <div class="grid">
-        <div class="card card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="spk-table" data-api-url="{{ route('spk.datatables') }}">
-            <div class="card-header py-5 flex-wrap">
+        <div class="card border border-agi-100 card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="spk-table" data-api-url="{{ route('spk.datatables') }}">
+            <div class="card-header bg-agi-50 py-5 flex-wrap">
                 <h3 class="card-title">
                     Daftar SPK
                 </h3>
diff --git a/resources/views/spk/view.blade.php b/resources/views/spk/view.blade.php
index 1737f49..1a81ab3 100644
--- a/resources/views/spk/view.blade.php
+++ b/resources/views/spk/view.blade.php
@@ -6,8 +6,8 @@
 
 @section('content')
     <div class="grid">
-        <div class="card card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="tujuan-penilaian-table" data-api-url="{{ route('basicdata.tujuan-penilaian.datatables') }}">
-            <div class="card-header py-5 flex-wrap">
+        <div class="card border border-agi-100 card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="tujuan-penilaian-table" data-api-url="{{ route('basicdata.tujuan-penilaian.datatables') }}">
+            <div class="card-header bg-agi-50 py-5 flex-wrap">
                 <h3 class="card-title">
                     SPK View
                 </h3>
diff --git a/resources/views/status_permohonan/form.blade.php b/resources/views/status_permohonan/form.blade.php
index 2ed9ed3..7ddb488 100644
--- a/resources/views/status_permohonan/form.blade.php
+++ b/resources/views/status_permohonan/form.blade.php
@@ -12,8 +12,8 @@
                 <input type="hidden" name="id" value="{{ $statusPermohonan->id }}">
             @endif
             @csrf
-            <div class="card pb-2.5">
-                <div class="card-header" id="basic_settings">
+            <div class="card border border-agi-100 pb-2.5">
+                <div class="card-header bg-agi-50" id="basic_settings">
                     <h3 class="card-title">
                         {{ isset($statusPermohonan->id) ? 'Edit' : 'Tambah' }} Status Permohonan
                     </h3>
diff --git a/resources/views/status_permohonan/index.blade.php b/resources/views/status_permohonan/index.blade.php
index a502c6d..91122da 100644
--- a/resources/views/status_permohonan/index.blade.php
+++ b/resources/views/status_permohonan/index.blade.php
@@ -6,8 +6,8 @@
 
 @section('content')
     <div class="grid">
-        <div class="card card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="status-permohonan-table" data-api-url="{{ route('basicdata.status-permohonan.datatables') }}">
-            <div class="card-header py-5 flex-wrap">
+        <div class="card border border-agi-100 card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="status-permohonan-table" data-api-url="{{ route('basicdata.status-permohonan.datatables') }}">
+            <div class="card-header bg-agi-50 py-5 flex-wrap">
                 <h3 class="card-title">
                     Daftar Status Permohonan
                 </h3>
diff --git a/resources/views/surveyor/components/alat-berat.blade.php b/resources/views/surveyor/components/alat-berat.blade.php
index 790967d..e243219 100644
--- a/resources/views/surveyor/components/alat-berat.blade.php
+++ b/resources/views/surveyor/components/alat-berat.blade.php
@@ -1,4 +1,4 @@
-<div class="card bg-white rounded-lg shadow-md overflow-hidden">
+<div class="card border border-agi-100 bg-white rounded-lg shadow-md overflow-hidden">
     <div class="card-body">
 
 
@@ -47,7 +47,7 @@
 
 
 
-<div class="card bg-white rounded-lg shadow-md overflow-hidden">
+<div class="card border border-agi-100 bg-white rounded-lg shadow-md overflow-hidden">
     <div class="card-body">
         <div class="py-4 px-6">
             <h1 class="text-md font-medium text-gray-900">Identitas Debitur</h1>
@@ -89,7 +89,7 @@
 </div>
 
 
-<div class="card bg-white rounded-lg shadow-md overflow-hidden">
+<div class="card border border-agi-100 bg-white rounded-lg shadow-md overflow-hidden">
     <div class="card-body">
         <div class="py-4 px-6">
             <h1 class="text-md font-medium text-gray-900">Data Data Jaminan</h1>
@@ -221,7 +221,7 @@
 
 
 
-<div class="card bg-white rounded-lg shadow-md overflow-hidden">
+<div class="card border border-agi-100 bg-white rounded-lg shadow-md overflow-hidden">
     <div class="card-body">
         <div class="py-4 px-6">
             <h1 class="text-md font-medium text-gray-900">Kondisi Objek Jaminan</h1>
@@ -358,7 +358,7 @@
 </div>
 
 
-<div class="card bg-white rounded-lg  overflow-hidden">
+<div class="card border border-agi-100 bg-white rounded-lg  overflow-hidden">
     <div class="card-body">
         <div class=" py-4 ">
             <h1 class="text-md font-medium text-gray-900">Analisis Fakta</h1>
diff --git a/resources/views/surveyor/components/apartemen-kantor.blade.php b/resources/views/surveyor/components/apartemen-kantor.blade.php
index 6eb4cfb..b5d4491 100644
--- a/resources/views/surveyor/components/apartemen-kantor.blade.php
+++ b/resources/views/surveyor/components/apartemen-kantor.blade.php
@@ -1,5 +1,5 @@
-<div class="card w-full bg-white rounded-lg shadow-md overflow-hidden">
-    <div class="card-header">
+<div class="card border border-agi-100 w-full bg-white rounded-lg shadow-md overflow-hidden">
+    <div class="card-header bg-agi-50">
         <h3 class="card-title uppercase">
             Analisa Unit
         </h3>
diff --git a/resources/views/surveyor/components/bangunan.blade.php b/resources/views/surveyor/components/bangunan.blade.php
index 7e7ad84..edf6fc2 100644
--- a/resources/views/surveyor/components/bangunan.blade.php
+++ b/resources/views/surveyor/components/bangunan.blade.php
@@ -1,5 +1,5 @@
-<div class="card w-full  rounded-lg shadow-md overflow-hidden">
-    <div class="card-header">
+<div class="card border border-agi-100 w-full  rounded-lg shadow-md overflow-hidden">
+    <div class="card-header bg-agi-50">
         <h3 class="card-title uppercase">
             Analisa Bangunan
         </h3>
diff --git a/resources/views/surveyor/components/card-tambah.blade.php b/resources/views/surveyor/components/card-tambah.blade.php
index eabe275..09323ea 100644
--- a/resources/views/surveyor/components/card-tambah.blade.php
+++ b/resources/views/surveyor/components/card-tambah.blade.php
@@ -52,7 +52,7 @@
             ]);
         @endphp
 
-        <div class="card border-2 border-dashed border-brand-clarity bg-center bg-[length:600px] bg-no-repeat add-new-bg grid gap-5"
+        <div class="card border border-agi-100 border-2 border-dashed border-brand-clarity bg-center bg-[length:600px] bg-no-repeat add-new-bg grid gap-5"
             style="padding: 20px">
             <div class="card-group flex items-center flex-wrap sm:flex-nowrap justify-between py-4 gap-2.5">
                 <div class="flex items-center gap-3.5">
diff --git a/resources/views/surveyor/components/data-pembanding.blade.php b/resources/views/surveyor/components/data-pembanding.blade.php
index ba5b74c..c156224 100644
--- a/resources/views/surveyor/components/data-pembanding.blade.php
+++ b/resources/views/surveyor/components/data-pembanding.blade.php
@@ -17,7 +17,7 @@
                     <input type="hidden" name="dokument_id" value="{{ request('dokument') }}">
 
                     <div class="card">
-                        <div class="card-header">
+                        <div class="card-header bg-agi-50">
                             <h3 class="card-title">Data Pembanding</h3>
                             <div class="flex items-center gap-2">
                                 <a href="{{ route('surveyor.show', ['id' => request('pembanding')]) }}"
@@ -27,7 +27,7 @@
                             </div>
                         </div>
 
-                        <div class="card-header py-5 flex-wrap flex justify-end">
+                        <div class="card-header bg-agi-50 py-5 flex-wrap flex justify-end">
                             <button type="button" id="addColumnBtn" class="btn btn-primary btn-sm">
                                 <i class="ki-filled ki-plus"></i> Tambah Pembanding
                             </button>
diff --git a/resources/views/surveyor/components/denah.blade.php b/resources/views/surveyor/components/denah.blade.php
index 1b311ca..5431ef0 100644
--- a/resources/views/surveyor/components/denah.blade.php
+++ b/resources/views/surveyor/components/denah.blade.php
@@ -16,9 +16,9 @@
 
     @include('lpj::assetsku.includenya')
     <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
-        <div class="card min-w-full">
-            <div class="card min-w-full">
-                <div class="card-header">
+        <div class="card border border-agi-100 min-w-full">
+            <div class="card border border-agi-100 min-w-full">
+                <div class="card-header bg-agi-50">
                     <h3 class="card-title">
                         Denah
                     </h3>
diff --git a/resources/views/surveyor/components/fakta.blade.php b/resources/views/surveyor/components/fakta.blade.php
index 59270e1..096174e 100644
--- a/resources/views/surveyor/components/fakta.blade.php
+++ b/resources/views/surveyor/components/fakta.blade.php
@@ -1,6 +1,6 @@
     {{-- analisa fakta --}}
-    <div class="card rounded-lg  overflow-hidden">
-        <div class="card-header">
+    <div class="card border border-agi-100 rounded-lg  overflow-hidden">
+        <div class="card-header bg-agi-50">
             <h3 class="card-title uppercase">
                 Analisis Fakta
             </h3>
diff --git a/resources/views/surveyor/components/foto.blade.php b/resources/views/surveyor/components/foto.blade.php
index c22e624..b348584 100644
--- a/resources/views/surveyor/components/foto.blade.php
+++ b/resources/views/surveyor/components/foto.blade.php
@@ -7,9 +7,9 @@
 @section('content')
     @include('lpj::assetsku.includenya')
     <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
-        <div class="card min-w-full">
-            <div class="card min-w-full">
-                <div class="card-header">
+        <div class="card border border-agi-100 min-w-full">
+            <div class="card border border-agi-100 min-w-full">
+                <div class="card-header bg-agi-50">
                     <h3 class="card-title">
                         Data Jaminan
                     </h3>
@@ -78,7 +78,7 @@
             <input type="hidden" name="permohonan_id" value="{{ $permohonan->id }}">
             <input type="hidden" name="dokument_id" value="{{ request('dokument') }}">
 
-            <div class="card bg-white rounded-lg shadow-md">
+            <div class="card border border-agi-100 bg-white rounded-lg shadow-md">
                 <div class="card-body">
                     <div class=" text-white py-4 flex items-center justify-between">
                         <h1 class="text-md font-medium text-gray-900">Rute Menuju Lokasi</h1>
@@ -227,7 +227,7 @@
                 </div>
             </div>
 
-            <div class="card bg-white rounded-lg shadow-md">
+            <div class="card border border-agi-100 bg-white rounded-lg shadow-md">
                 <div class="card-body">
                     <div class="text-white py-4 flex items-center justify-between">
                         <h1 class="text-md font-medium text-gray-900">Objek Jaminan</h1>
@@ -466,7 +466,7 @@
                 </div>
             </div>
 
-            <div class="card bg-white rounded-lg shadow-md">
+            <div class="card border border-agi-100 bg-white rounded-lg shadow-md">
                 <div class="card-body">
                     <div class="text-white py-4 flex items-center justify-between">
                         <h1 class="text-md font-medium text-gray-900">Lingkungan</h1>
@@ -537,7 +537,7 @@
                 </div>
             </div>
 
-            <div class="card bg-white rounded-lg shadow-md">
+            <div class="card border border-agi-100 bg-white rounded-lg shadow-md">
                 <div class="card-body">
                     <div class=" text-white py-4 flex items-center justify-between">
                         <h1 class="text-md font-medium text-gray-900">Pendamping</h1>
diff --git a/resources/views/surveyor/components/header.blade.php b/resources/views/surveyor/components/header.blade.php
index 926eb12..536e1ac 100644
--- a/resources/views/surveyor/components/header.blade.php
+++ b/resources/views/surveyor/components/header.blade.php
@@ -1,5 +1,5 @@
 <div class=" card w-full bg-white rounded-lg shadow-md ">
-    <div class="card-header">
+    <div class="card-header bg-agi-50">
         <h3 class="card-title uppercase">
             Form Inspeksi
         </h3>
@@ -83,8 +83,8 @@
     </div>
 </div>
 
-<div class="card w-full bg-white rounded-lg shadow-md overflow-hidden">
-    <div class="card-header">
+<div class="card border border-agi-100 w-full bg-white rounded-lg shadow-md overflow-hidden">
+    <div class="card-header bg-agi-50">
         <h1 class="text-md font-medium text-gray-900 uppercase">Nama Cadeb/Debitur</h1>
     </div>
     <div class="card-body">
@@ -104,8 +104,8 @@
 </div>
 
 
-<div class="card w-full bg-white rounded-lg shadow-md ">
-    <div class="card-header">
+<div class="card border border-agi-100 w-full bg-white rounded-lg shadow-md ">
+    <div class="card-header bg-agi-50">
         <h1 class="text-md font-medium text-gray-900 uppercase">Deskripsi Aset jaminan</h1>
     </div>
     <div class="card-body">
@@ -212,8 +212,8 @@
 </div>
 
 
-<div class="card w-full bg-white rounded-lg shadow-md overflow-hidden">
-    <div class="card-header">
+<div class="card border border-agi-100 w-full bg-white rounded-lg shadow-md overflow-hidden">
+    <div class="card-header bg-agi-50">
         <h1 class="text-md font-medium text-gray-900 uppercase">Titik Koordinat Google Maps</h1>
     </div>
     <div class="card-body">
@@ -240,7 +240,7 @@
 </div>
 
 <div class="card">
-    <div class="card-header">
+    <div class="card-header bg-agi-50">
         <h1 class="text-md font-medium text-gray-900 uppercase">Status</h1>
     </div>
     <div class="card-body">
diff --git a/resources/views/surveyor/components/informasi.blade.php b/resources/views/surveyor/components/informasi.blade.php
index 99f2960..b1e9059 100644
--- a/resources/views/surveyor/components/informasi.blade.php
+++ b/resources/views/surveyor/components/informasi.blade.php
@@ -1,6 +1,6 @@
    <!-- Informasi Tata Ruang -->
-   <div class="card w-full ">
-       <div class="card-header">
+   <div class="card border border-agi-100 w-full ">
+       <div class="card-header bg-agi-50">
            <h3 class="card-title uppercase">
                Informasi Dinas Tata Ruang
            </h3>
diff --git a/resources/views/surveyor/components/kapal.blade.php b/resources/views/surveyor/components/kapal.blade.php
index f92d38f..25ab021 100644
--- a/resources/views/surveyor/components/kapal.blade.php
+++ b/resources/views/surveyor/components/kapal.blade.php
@@ -1,4 +1,4 @@
-<div class="card bg-white rounded-lg shadow-md overflow-hidden">
+<div class="card border border-agi-100 bg-white rounded-lg shadow-md overflow-hidden">
     <div class="card-body">
 
 
@@ -49,7 +49,7 @@
 
 
 
-<div class="card bg-white rounded-lg shadow-md overflow-hidden">
+<div class="card border border-agi-100 bg-white rounded-lg shadow-md overflow-hidden">
     <div class="card-body">
         <div class="py-4 px-6">
             <h1 class="text-md font-medium text-gray-900">Identitas Debitur</h1>
@@ -719,7 +719,7 @@
 </div>
 
 
-<div class="card bg-white rounded-lg  overflow-hidden">
+<div class="card border border-agi-100 bg-white rounded-lg  overflow-hidden">
     <div class="card-body">
         <div class=" py-4 ">
             <h1 class="text-md font-medium text-gray-900">Analisis Fakta</h1>
diff --git a/resources/views/surveyor/components/kendaraan.blade.php b/resources/views/surveyor/components/kendaraan.blade.php
index cde16f0..47850be 100644
--- a/resources/views/surveyor/components/kendaraan.blade.php
+++ b/resources/views/surveyor/components/kendaraan.blade.php
@@ -1,4 +1,4 @@
-<div class="card bg-white rounded-lg shadow-md overflow-hidden">
+<div class="card border border-agi-100 bg-white rounded-lg shadow-md overflow-hidden">
     <div class="card-body">
 
 
@@ -56,7 +56,7 @@
 
 
 
-<div class="card bg-white rounded-lg shadow-md overflow-hidden">
+<div class="card border border-agi-100 bg-white rounded-lg shadow-md overflow-hidden">
     <div class="card-body">
         <div class="py-4 px-6">
             <h1 class="text-md font-medium text-gray-900">Identitas Debitur</h1>
@@ -100,7 +100,7 @@
 </div>
 
 
-<div class="card bg-white rounded-lg shadow-md overflow-hidden">
+<div class="card border border-agi-100 bg-white rounded-lg shadow-md overflow-hidden">
     <div class="card-body">
         <div class="py-4 px-6">
             <h1 class="text-md font-medium text-gray-900">Data Data Jaminan</h1>
@@ -192,7 +192,7 @@
 </div>
 
 
-<div class="card bg-white rounded-lg shadow-md overflow-hidden">
+<div class="card border border-agi-100 bg-white rounded-lg shadow-md overflow-hidden">
     <div class="card-body">
         <div class="py-4 px-6">
             <h1 class="text-md font-medium text-gray-900">Kondisi Fisik Objek</h1>
@@ -626,7 +626,7 @@
 </div>
 
 
-<div class="card bg-white rounded-lg  overflow-hidden">
+<div class="card border border-agi-100 bg-white rounded-lg  overflow-hidden">
     <div class="card-body">
         <div class=" py-4 ">
             <h1 class="text-md font-medium text-gray-900">Analisis Fakta</h1>
diff --git a/resources/views/surveyor/components/lingkungan.blade.php b/resources/views/surveyor/components/lingkungan.blade.php
index e528ca3..a2ff48c 100644
--- a/resources/views/surveyor/components/lingkungan.blade.php
+++ b/resources/views/surveyor/components/lingkungan.blade.php
@@ -1,5 +1,5 @@
-<div class="card w-full  rounded-lg shadow-md  overflow-hidden">
-    <div class="card-header">
+<div class="card border border-agi-100 w-full  rounded-lg shadow-md  overflow-hidden">
+    <div class="card-header bg-agi-50">
         <h3 class="card-title uppercase">
             Analisa Lingkungan
         </h3>
diff --git a/resources/views/surveyor/components/mesin.blade.php b/resources/views/surveyor/components/mesin.blade.php
index 1068573..b70e0bf 100644
--- a/resources/views/surveyor/components/mesin.blade.php
+++ b/resources/views/surveyor/components/mesin.blade.php
@@ -1,4 +1,4 @@
-<div class="card bg-white rounded-lg shadow-md overflow-hidden">
+<div class="card border border-agi-100 bg-white rounded-lg shadow-md overflow-hidden">
     <div class="card-body">
         <div class="py-4 px-6">
             <h1 class="text-md font-medium text-gray-900">Order Penilaian</h1>
@@ -45,7 +45,7 @@
 
 
 
-<div class="card bg-white rounded-lg shadow-md overflow-hidden">
+<div class="card border border-agi-100 bg-white rounded-lg shadow-md overflow-hidden">
     <div class="card-body">
         <div class="py-4 px-6">
             <h1 class="text-md font-medium text-gray-900">Identitas Debitur</h1>
@@ -90,7 +90,7 @@
 </div>
 
 
-<div class="card bg-white rounded-lg shadow-md overflow-hidden">
+<div class="card border border-agi-100 bg-white rounded-lg shadow-md overflow-hidden">
     <div class="card-body">
         <div class="py-4 px-6">
             <h1 class="text-md font-medium text-gray-900">Data Data Jaminan</h1>
diff --git a/resources/views/surveyor/components/pesawat.blade.php b/resources/views/surveyor/components/pesawat.blade.php
index 051bf25..4d16280 100644
--- a/resources/views/surveyor/components/pesawat.blade.php
+++ b/resources/views/surveyor/components/pesawat.blade.php
@@ -1,4 +1,4 @@
-<div class="card bg-white rounded-lg shadow-md overflow-hidden">
+<div class="card border border-agi-100 bg-white rounded-lg shadow-md overflow-hidden">
     <div class="card-body">
 
         <div class="py-4 px-6">
@@ -45,7 +45,7 @@
 </div>
 
 
-<div class="card bg-white rounded-lg shadow-md overflow-hidden">
+<div class="card border border-agi-100 bg-white rounded-lg shadow-md overflow-hidden">
     <div class="card-body">
         <div class="py-4 px-6">
             <h1 class="text-md font-medium text-gray-900">Identitas Debitur</h1>
@@ -88,7 +88,7 @@
 </div>
 
 
-<div class="card bg-white rounded-lg shadow-md overflow-hidden">
+<div class="card border border-agi-100 bg-white rounded-lg shadow-md overflow-hidden">
     <div class="card-body">
 
 
@@ -231,7 +231,7 @@
 </div>
 
 
-<div class="card bg-white rounded-lg shadow-md overflow-hidden">
+<div class="card border border-agi-100 bg-white rounded-lg shadow-md overflow-hidden">
     <div class="card-body">
 
         <div class="py-4 px-6">
@@ -317,7 +317,7 @@
 
 
 
-<div class="card bg-white rounded-lg shadow-md overflow-hidden">
+<div class="card border border-agi-100 bg-white rounded-lg shadow-md overflow-hidden">
     <div class="card-body">
 
 
@@ -383,7 +383,7 @@
 </div>
 
 
-<div class="card bg-white rounded-lg shadow-md overflow-hidden">
+<div class="card border border-agi-100 bg-white rounded-lg shadow-md overflow-hidden">
     <div class="card-body">
         <div class="py-4 px-6">
             <h1 class="text-md font-medium text-gray-900">Kondisi Kabin pesawat</h1>
@@ -466,7 +466,7 @@
 </div>
 
 
-<div class="card bg-white rounded-lg shadow-md overflow-hidden">
+<div class="card border border-agi-100 bg-white rounded-lg shadow-md overflow-hidden">
     <div class="card-body">
         <div class="py-4 px-6">
             <h1 class="text-md font-medium text-gray-900">Kondisi Struktur Pesawat</h1>
@@ -537,7 +537,7 @@
 
 
 
-<div class="card bg-white rounded-lg shadow-md overflow-hidden">
+<div class="card border border-agi-100 bg-white rounded-lg shadow-md overflow-hidden">
     <div class="card-body">
         <div class="py-4 px-6">
             <h1 class="text-md font-medium text-gray-900">Fungsi Navigasi dan Komunikasi</h1>
@@ -601,7 +601,7 @@
 
 
 
-<div class="card bg-white rounded-lg shadow-md overflow-hidden">
+<div class="card border border-agi-100 bg-white rounded-lg shadow-md overflow-hidden">
     <div class="card-body">
         <div class="py-4 px-6">
             <h1 class="text-md font-medium text-gray-900">Kondisi Sistem Bahan Bakar dan Hidrolic</h1>
@@ -665,7 +665,7 @@
 </div>
 
 
-<div class="card bg-white rounded-lg shadow-md overflow-hidden">
+<div class="card border border-agi-100 bg-white rounded-lg shadow-md overflow-hidden">
     <div class="card-body">
         <div class="py-4 px-6">
             <h1 class="text-md font-medium text-gray-900">Kondisi Mesin dan Propulis</h1>
@@ -728,7 +728,7 @@
 </div>
 
 
-<div class="card bg-white rounded-lg shadow-md overflow-hidden">
+<div class="card border border-agi-100 bg-white rounded-lg shadow-md overflow-hidden">
     <div class="card-body">
         <div class="py-4 px-6">
             <h1 class="text-md font-medium text-gray-900">Fungsi keselamatan dan darurat</h1>
@@ -805,7 +805,7 @@
 
 
 
-<div class="card bg-white rounded-lg shadow-md overflow-hidden">
+<div class="card border border-agi-100 bg-white rounded-lg shadow-md overflow-hidden">
     <div class="card-body">
         <div class="py-4 px-6">
             <h1 class="text-md font-medium text-gray-900">Interior dan Sistem Pendukung Kabin</h1>
@@ -862,7 +862,7 @@
 </div>
 
 
-<div class="card bg-white rounded-lg  overflow-hidden">
+<div class="card border border-agi-100 bg-white rounded-lg  overflow-hidden">
     <div class="card-body">
         <div class=" py-4 ">
             <h1 class="text-md font-medium text-gray-900">Analisis Fakta</h1>
diff --git a/resources/views/surveyor/components/tanah.blade.php b/resources/views/surveyor/components/tanah.blade.php
index 71e971f..d706cf2 100644
--- a/resources/views/surveyor/components/tanah.blade.php
+++ b/resources/views/surveyor/components/tanah.blade.php
@@ -1,5 +1,5 @@
-<div class="card w-full  rounded-lg shadow-md overflow-hidden">
-    <div class="card-header">
+<div class="card border border-agi-100 w-full  rounded-lg shadow-md overflow-hidden">
+    <div class="card-header bg-agi-50">
         <h3 class="card-title uppercase">
             Analisa Tanah
         </h3>
diff --git a/resources/views/surveyor/data/form.blade.php b/resources/views/surveyor/data/form.blade.php
index ceddcba..ffe2d9e 100644
--- a/resources/views/surveyor/data/form.blade.php
+++ b/resources/views/surveyor/data/form.blade.php
@@ -14,9 +14,9 @@
                 <form method="POST" action="{{ route('basicdata.storeData', ['type' => $header[1]]) }}">
         @endif
         @csrf
-        <div class="card pb-2.5">
+        <div class="card border border-agi-100 pb-2.5">
             <input type="hidden" name="action" value="{{ $header[1] }}">
-            <div class="card-header" id="basic_settings">
+            <div class="card-header bg-agi-50" id="basic_settings">
                 <h3 class="card-title">
                     {{ isset($jenisAset->id) ? 'Edit' : 'Tambah' }} {{ $header[0] }}
                 </h3>
diff --git a/resources/views/surveyor/data/index.blade.php b/resources/views/surveyor/data/index.blade.php
index ac1aff7..8e09f38 100644
--- a/resources/views/surveyor/data/index.blade.php
+++ b/resources/views/surveyor/data/index.blade.php
@@ -6,8 +6,8 @@
 
 @section('content')
     <div class="grid">
-        <div class="card card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="data-table" data-api-url="{{ route('basicdata.datatablesSurveyory', ['type' => $header[0] ]) }}">
-            <div class="card-header py-5 flex-wrap">
+        <div class="card border border-agi-100 card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="data-table" data-api-url="{{ route('basicdata.datatablesSurveyory', ['type' => $header[0] ]) }}">
+            <div class="card-header bg-agi-50 py-5 flex-wrap">
                 <h3 class="card-title">
                     Daftar {{$header[0]}}
                 </h3>
diff --git a/resources/views/surveyor/detail.blade.php b/resources/views/surveyor/detail.blade.php
index 571fdab..2c31626 100644
--- a/resources/views/surveyor/detail.blade.php
+++ b/resources/views/surveyor/detail.blade.php
@@ -22,8 +22,8 @@
 
         @include('lpj::component.detail-jaminan',['backLink'=>'surveyor.index'])
 
-        <div class="card min-w-full py-2 px-2">
-            <div class="card-header" id="basic_settings">
+        <div class="card border border-agi-100 min-w-full">
+            <div class="card-header bg-agi-50" id="basic_settings">
                 <div class="card-title flex flex-row gap-1.5">
                    Form Jaminan
                 </div>
diff --git a/resources/views/surveyor/index.blade.php b/resources/views/surveyor/index.blade.php
index 0abd3b0..4bf99f5 100644
--- a/resources/views/surveyor/index.blade.php
+++ b/resources/views/surveyor/index.blade.php
@@ -8,9 +8,9 @@
     @endpush
 
     <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
-        <div class="card card-grid min-w-full" data-datatable="false" data-datatable-page-size="10"
+        <div class="card border border-agi-100 card-grid min-w-full" data-datatable="false" data-datatable-page-size="10"
             data-datatable-state-save="false" id="permohonan-table" data-api-url="{{ route('surveyor.datatables') }}">
-            <div class="card-header py-5 flex-wrap">
+            <div class="card-header bg-agi-50 py-5 flex-wrap">
                 <h3 class="card-title">
                     Surveyor
                 </h3>
diff --git a/resources/views/teams/form.blade.php b/resources/views/teams/form.blade.php
index ee2bf49..58b35e4 100644
--- a/resources/views/teams/form.blade.php
+++ b/resources/views/teams/form.blade.php
@@ -16,8 +16,8 @@
                 <input type="hidden" name="id" value="{{ $teams->id }}">
             @endif
             @csrf
-            <div class="card pb-2.5">
-                <div class="card-header" id="basic_settings">
+            <div class="card border border-agi-100 pb-2.5">
+                <div class="card-header bg-agi-50" id="basic_settings">
                     <h3 class="card-title">
                         {{ isset($teams->id) ? 'Edit' : 'Tambah' }} Teams
                     </h3>
diff --git a/resources/views/teams/index.blade.php b/resources/views/teams/index.blade.php
index 7b9e72a..7c8bb83 100644
--- a/resources/views/teams/index.blade.php
+++ b/resources/views/teams/index.blade.php
@@ -6,9 +6,9 @@
 
 @section('content')
     <div class="grid">
-        <div class="card card-grid min-w-full" data-datatable="false" data-datatable-page-size="10"
+        <div class="card border border-agi-100 card-grid min-w-full" data-datatable="false" data-datatable-page-size="10"
             data-datatable-state-save="false" id="teams-table" data-api-url="{{ route('basicdata.teams.datatables') }}">
-            <div class="card-header py-5 flex-wrap">
+            <div class="card-header bg-agi-50 py-5 flex-wrap">
                 <h3 class="card-title">
                     Daftar Teams
                 </h3>
diff --git a/resources/views/tujuan_penilaian/create.blade.php b/resources/views/tujuan_penilaian/create.blade.php
index 45ee7f8..55eeec2 100644
--- a/resources/views/tujuan_penilaian/create.blade.php
+++ b/resources/views/tujuan_penilaian/create.blade.php
@@ -14,8 +14,8 @@
                     <form method="POST" action="{{ route('basicdata.tujuan-penilaian.store') }}">
                         @endif
                         @csrf
-                        <div class="card pb-2.5">
-                            <div class="card-header" id="basic_settings">
+                        <div class="card border border-agi-100 pb-2.5">
+                            <div class="card-header bg-agi-50" id="basic_settings">
                                 <h3 class="card-title">
                                     {{ isset($tujuanPenilaian->id) ? 'Edit' : 'Tambah' }} Tujuan Penilaian
                                 </h3>
diff --git a/resources/views/tujuan_penilaian/index.blade.php b/resources/views/tujuan_penilaian/index.blade.php
index 5d69d51..eb7fffc 100644
--- a/resources/views/tujuan_penilaian/index.blade.php
+++ b/resources/views/tujuan_penilaian/index.blade.php
@@ -6,8 +6,8 @@
 
 @section('content')
     <div class="grid">
-        <div class="card card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="tujuan-penilaian-table" data-api-url="{{ route('basicdata.tujuan-penilaian.datatables') }}">
-            <div class="card-header py-5 flex-wrap">
+        <div class="card border border-agi-100 card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="tujuan-penilaian-table" data-api-url="{{ route('basicdata.tujuan-penilaian.datatables') }}">
+            <div class="card-header bg-agi-50 py-5 flex-wrap">
                 <h3 class="card-title">
                     Daftar Tujuan Penilaian
                 </h3>
diff --git a/resources/views/tujuan_penilaian_kjpp/create.blade.php b/resources/views/tujuan_penilaian_kjpp/create.blade.php
index 92dd1b2..6f36107 100644
--- a/resources/views/tujuan_penilaian_kjpp/create.blade.php
+++ b/resources/views/tujuan_penilaian_kjpp/create.blade.php
@@ -14,8 +14,8 @@
                 <form method="POST" action="{{ route('basicdata.tujuan_penilaian_kjpp.store') }}">
         @endif
         @csrf
-        <div class="card pb-2.5">
-            <div class="card-header" id="basic_settings">
+        <div class="card border border-agi-100 pb-2.5">
+            <div class="card-header bg-agi-50" id="basic_settings">
                 <h3 class="card-title">
                     {{ isset($tujuanPenilaianKJPP->id) ? 'Edit' : 'Tambah' }} Tujuan Penilaian KJPP
                 </h3>
diff --git a/resources/views/tujuan_penilaian_kjpp/index.blade.php b/resources/views/tujuan_penilaian_kjpp/index.blade.php
index 2eb40cf..b4d5767 100644
--- a/resources/views/tujuan_penilaian_kjpp/index.blade.php
+++ b/resources/views/tujuan_penilaian_kjpp/index.blade.php
@@ -6,10 +6,10 @@
 
 @section('content')
     <div class="grid">
-        <div class="card card-grid min-w-full" data-datatable="false" data-datatable-page-size="10"
+        <div class="card border border-agi-100 card-grid min-w-full" data-datatable="false" data-datatable-page-size="10"
             data-datatable-state-save="false" id="tujuan-penilaian-kjpp"
             data-api-url="{{ route('basicdata.tujuan_penilaian_kjpp.datatables') }}">
-            <div class="card-header py-5 flex-wrap">
+            <div class="card-header bg-agi-50 py-5 flex-wrap">
                 <h3 class="card-title">
                     Daftar Tujuan Penilaian KJPP
                 </h3>