diff --git a/app/Http/Controllers/Izin/IzinAngkutController.php b/app/Http/Controllers/Izin/IzinAngkutController.php
new file mode 100644
index 0000000..c62c425
--- /dev/null
+++ b/app/Http/Controllers/Izin/IzinAngkutController.php
@@ -0,0 +1,14 @@
+<?php
+
+namespace App\Http\Controllers\Izin;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\Request;
+
+class IzinAngkutController extends Controller
+{
+    public function index_angkut()
+    {
+        return view('izinangkut/index_permohonan');
+    }
+}
diff --git a/app/Http/Controllers/Izin/IzinEmisiController.php b/app/Http/Controllers/Izin/IzinEmisiController.php
new file mode 100644
index 0000000..a2d7ca7
--- /dev/null
+++ b/app/Http/Controllers/Izin/IzinEmisiController.php
@@ -0,0 +1,14 @@
+<?php
+
+namespace App\Http\Controllers\Izin;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\Request;
+
+class IzinEmisiController extends Controller
+{
+       public function index_emisi()
+    {
+        return view('izinemisi/index_permohonan');
+    }
+}
diff --git a/resources/views/components/sidebar.blade.php b/resources/views/components/sidebar.blade.php
index f5e22e8..42e8010 100644
--- a/resources/views/components/sidebar.blade.php
+++ b/resources/views/components/sidebar.blade.php
@@ -152,9 +152,9 @@
                  {{-- submenu --}}
                  <ul class="sidebar-submenu">
                     <li>
-                        <a href="{{ route('persetujuan.kerangka.index') }}"><i class="text-primary-600 w-auto"></i>
+                        <a href="{{ route('izinangkut.index_permohonan') }}"><i class="text-primary-600 w-auto"></i>
                            <iconify-icon icon="bi:journal-text" class="menu-icon"></iconify-icon>
-                           <span>Permohonan Kerangka Acuan</span>
+                           <span>Daftar Permohonan</span>
                          </a>
                    </li>
                 </ul>
@@ -168,9 +168,9 @@
                  {{-- submenu --}}
                  <ul class="sidebar-submenu">
                     <li>
-                        <a href="{{ route('persetujuan.kerangka.index') }}"><i class="text-primary-600 w-auto"></i>
+                        <a href="{{ route('izinemisi.index_permohonan') }}"><i class="text-primary-600 w-auto"></i>
                            <iconify-icon icon="bi:journal-text" class="menu-icon"></iconify-icon>
-                           <span>Permohonan Kerangka Acuan</span>
+                           <span>Daftar Permohonan</span>
                          </a>
                    </li>
                 </ul>
diff --git a/resources/views/dashboard/index.blade.php b/resources/views/dashboard/index.blade.php
index 3989302..98391ef 100644
--- a/resources/views/dashboard/index.blade.php
+++ b/resources/views/dashboard/index.blade.php
@@ -11,69 +11,84 @@
     <div class="col-12">
         <div class="card shadow-lg border-0 overflow-hidden">
             <div class="card-body p-0">
-                <ul class="nav nav-pills nav-justified position-relative" id="dashboard-tabs" role="tablist">
-                    <div class="nav-indicator position-absolute bg-primary rounded-pill transition-all"
-                         style="height: 100%; width: 20%; left: 0; top: 0; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); z-index: 1;"></div>
+                <ul class="nav nav-justified position-relative flex-wrap flex-md-nowrap" id="dashboard-tabs" role="tablist" style="gap: 4px; overflow-x: auto; white-space: nowrap;">
+                    {{-- <div class="position-absolute bg-primary rounded-pill transition-all d-none d-md-block"
+                         style="height: 100%; width: 20%; left: 0; top: 0; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); z-index: 1;"></div> --}}
 
-                    <li class="nav-item position-relative" role="presentation" style="z-index: 2;">
-                        <button class="nav-link active fw-semibold d-flex align-items-center justify-content-center gap-2 text-md py-4 px-3 border-0 bg-transparent position-relative overflow-hidden"
+                    <li class="nav-item position-relative flex-fill" role="presentation" style="z-index: 2; min-width: 80px;">
+                        <button class="nav-link active fw-semibold d-flex align-items-center justify-content-center gap-2 text-md py-3 px-2 border-0 bg-transparent position-relative overflow-hidden w-100"
                                 id="pertek-tab" data-bs-toggle="pill" data-bs-target="#pertek-content"
-                                type="button" role="tab" aria-controls="pertek-content" aria-selected="true">
+                                type="button" role="tab" aria-controls="pertek-content" aria-selected="true"
+                                data-bs-toggle="tooltip" data-bs-placement="bottom"
+                                title="Persetujuan Teknis & Sertifikat Laik Operasi"
+                                data-bs-custom-class="tooltip-mobile">
                             <div class="icon-wrapper d-flex align-items-center justify-content-center">
-                                <x-lucide-shield-check class="w-22-px h-22-px transition-all duration-300"/>
+                                <x-lucide-shield-check class="w-20-px h-20-px w-md-22-px h-md-22-px transition-all duration-300"/>
                             </div>
-                            <span class="nav-text transition-all duration-300">PERTEK</span>
+                            <span class="nav-text transition-all duration-300 d-none d-sm-inline">PERTEK</span>
                             <div class="nav-ripple position-absolute rounded-circle bg-white opacity-0 transition-all"
                                  style="width: 0; height: 0; top: 50%; left: 50%; transform: translate(-50%, -50%);"></div>
                         </button>
                     </li>
 
-                    <li class="nav-item position-relative" role="presentation" style="z-index: 2;">
-                        <button class="nav-link fw-semibold d-flex align-items-center justify-content-center gap-2 text-md py-4 px-3 border-0 bg-transparent position-relative overflow-hidden"
+                    <li class="nav-item position-relative flex-fill" role="presentation" style="z-index: 2; min-width: 80px;">
+                        <button class="nav-link fw-semibold d-flex align-items-center justify-content-center gap-2 text-md py-3 px-2 border-0 bg-transparent position-relative overflow-hidden w-100"
                                 id="rintek-tab" data-bs-toggle="pill" data-bs-target="#rintek-content"
-                                type="button" role="tab" aria-controls="rintek-content" aria-selected="false">
+                                type="button" role="tab" aria-controls="rintek-content" aria-selected="false"
+                                data-bs-toggle="tooltip" data-bs-placement="bottom"
+                                title="Rekomendasi Teknis"
+                                data-bs-custom-class="tooltip-mobile">
                             <div class="icon-wrapper d-flex align-items-center justify-content-center">
-                                <x-lucide-settings class="w-22-px h-22-px transition-all duration-300"/>
+                                <x-lucide-settings class="w-20-px h-20-px w-md-22-px h-md-22-px transition-all duration-300"/>
                             </div>
-                            <span class="nav-text transition-all duration-300">RINTEK</span>
+                            <span class="nav-text transition-all duration-300 d-none d-sm-inline">RINTEK</span>
                             <div class="nav-ripple position-absolute rounded-circle bg-white opacity-0 transition-all"
                                  style="width: 0; height: 0; top: 50%; left: 50%; transform: translate(-50%, -50%);"></div>
                         </button>
                     </li>
 
-                    <li class="nav-item position-relative" role="presentation" style="z-index: 2;">
-                        <button class="nav-link fw-semibold d-flex align-items-center justify-content-center gap-2 text-md py-4 px-3 border-0 bg-transparent position-relative overflow-hidden"
+                    <li class="nav-item position-relative flex-fill" role="presentation" style="z-index: 2; min-width: 80px;">
+                        <button class="nav-link fw-semibold d-flex align-items-center justify-content-center gap-2 text-md py-3 px-2 border-0 bg-transparent position-relative overflow-hidden w-100"
                                 id="amdal-tab" data-bs-toggle="pill" data-bs-target="#amdal-content"
-                                type="button" role="tab" aria-controls="amdal-content" aria-selected="false">
+                                type="button" role="tab" aria-controls="amdal-content" aria-selected="false"
+                                data-bs-toggle="tooltip" data-bs-placement="bottom"
+                                title="Analisis Mengenai Dampak Lingkungan"
+                                data-bs-custom-class="tooltip-mobile">
                             <div class="icon-wrapper d-flex align-items-center justify-content-center">
-                                <x-lucide-leaf class="w-22-px h-22-px transition-all duration-300"/>
+                                <x-lucide-leaf class="w-20-px h-20-px w-md-22-px h-md-22-px transition-all duration-300"/>
                             </div>
-                            <span class="nav-text transition-all duration-300">AMDAL</span>
+                            <span class="nav-text transition-all duration-300 d-none d-sm-inline">AMDAL</span>
                             <div class="nav-ripple position-absolute rounded-circle bg-white opacity-0 transition-all"
                                  style="width: 0; height: 0; top: 50%; left: 50%; transform: translate(-50%, -50%);"></div>
                         </button>
                     </li>
 
-                    <li class="nav-item position-relative" role="presentation" style="z-index: 2;">
-                        <button class="nav-link fw-semibold d-flex align-items-center justify-content-center gap-2 text-md py-4 px-3 border-0 bg-transparent position-relative overflow-hidden"
+                    <li class="nav-item position-relative flex-fill" role="presentation" style="z-index: 2; min-width: 80px;">
+                        <button class="nav-link fw-semibold d-flex align-items-center justify-content-center gap-2 text-md py-3 px-2 border-0 bg-transparent position-relative overflow-hidden w-100"
                                 id="angkut-tab" data-bs-toggle="pill" data-bs-target="#angkut-content"
-                                type="button" role="tab" aria-controls="angkut-content" aria-selected="false">
+                                type="button" role="tab" aria-controls="angkut-content" aria-selected="false"
+                                data-bs-toggle="tooltip" data-bs-placement="bottom"
+                                title="Izin Angkut & Olah Limbah B3"
+                                data-bs-custom-class="tooltip-mobile">
                             <div class="icon-wrapper d-flex align-items-center justify-content-center">
-                                <x-lucide-bus-front class="w-22-px h-22-px transition-all duration-300"/>
+                                <x-lucide-bus-front class="w-20-px h-20-px w-md-22-px h-md-22-px transition-all duration-300"/>
                             </div>
-                            <span class="nav-text transition-all duration-300">IZIN ANGKUT & OLAH</span>
+                            <span class="nav-text transition-all duration-300 d-none d-sm-inline text-center">IZIN ANGKUT & OLAH</span>
                             <div class="nav-ripple position-absolute rounded-circle bg-white opacity-0 transition-all"
                                  style="width: 0; height: 0; top: 50%; left: 50%; transform: translate(-50%, -50%);"></div>
                         </button>
                     </li>
-                    <li class="nav-item position-relative" role="presentation" style="z-index: 2;">
-                        <button class="nav-link fw-semibold d-flex align-items-center justify-content-center gap-2 text-md py-4 px-3 border-0 bg-transparent position-relative overflow-hidden"
+                    <li class="nav-item position-relative flex-fill" role="presentation" style="z-index: 2; min-width: 80px;">
+                        <button class="nav-link fw-semibold d-flex align-items-center justify-content-center gap-2 text-md py-3 px-2 border-0 bg-transparent position-relative overflow-hidden w-100"
                                 id="ujiemisi-tab" data-bs-toggle="pill" data-bs-target="#ujiemisi-content"
-                                type="button" role="tab" aria-controls="ujiemisi-content" aria-selected="false">
+                                type="button" role="tab" aria-controls="ujiemisi-content" aria-selected="false"
+                                data-bs-toggle="tooltip" data-bs-placement="bottom"
+                                title="Izin Tempat Uji Emisi Kendaraan Bermotor"
+                                data-bs-custom-class="tooltip-mobile">
                             <div class="icon-wrapper d-flex align-items-center justify-content-center">
-                                <x-lucide-bus class="w-22-px h-22-px transition-all duration-300"/>
+                                <x-lucide-bus class="w-20-px h-20-px w-md-22-px h-md-22-px transition-all duration-300"/>
                             </div>
-                            <span class="nav-text transition-all duration-300">IZIN TEMPAT UJI EMISI</span>
+                            <span class="nav-text transition-all duration-300 d-none d-sm-inline text-center">IZIN TEMPAT UJI EMISI</span>
                             <div class="nav-ripple position-absolute rounded-circle bg-white opacity-0 transition-all"
                                  style="width: 0; height: 0; top: 50%; left: 50%; transform: translate(-50%, -50%);"></div>
                         </button>
@@ -169,7 +184,7 @@
 
         <!-- Top 5 Izin Tercepat Table -->
         <div class="row gy-4 mt-4">
-            <div class="col-6">
+            <div class="col-lg-6 col-12">
                 <div class="card shadow-none border h-100">
                     <div class="card-body p-24">
                          <span class="badge text-bg-primary">PERTEK</span>
@@ -180,46 +195,46 @@
                                     <tr>
                                         <th scope="col" class="text-sm">No</th>
                                         <th scope="col" class="text-sm">Nama Izin</th>
-                                        <th scope="col" class="text-sm">Total Izin</th>
-                                        <th scope="col" class="text-sm d-none d-lg-table-cell">Waktu Rata-Rata (Pemohon)</th>
-                                        <th scope="col" class="text-sm d-none d-lg-table-cell">Waktu Rata-Rata (Petugas)</th>
+                                        <th scope="col" class="text-sm d-none d-md-table-cell">Total Izin</th>
+                                        <th scope="col" class="text-sm d-none d-xl-table-cell">Waktu Rata-Rata (Pemohon)</th>
+                                        <th scope="col" class="text-sm d-none d-xl-table-cell">Waktu Rata-Rata (Petugas)</th>
                                     </tr>
                                 </thead>
                                 <tbody>
                                     <tr>
                                         <td>1</td>
                                         <td class="text-sm">SERTIFIKAT LAIK OPERASI - PEMENUHAN BAKU MUTU EMISI</td>
-                                        <td class="text-sm">125</td>
-                                        <td class="text-sm d-none d-lg-table-cell">58 Jam 29 Menit</td>
-                                        <td class="text-sm d-none d-lg-table-cell">19 Jam 12 Menit</td>
+                                        <td class="text-sm d-none d-md-table-cell">125</td>
+                                        <td class="text-sm d-none d-xl-table-cell">58 Jam 29 Menit</td>
+                                        <td class="text-sm d-none d-xl-table-cell">19 Jam 12 Menit</td>
                                     </tr>
                                     <tr>
                                         <td>2</td>
                                         <td class="text-sm">PERSETUJUAN TEKNIS - PEMENUHAN BAKU MUTU AIR LIMBAH (PEMANFAATAN)</td>
-                                        <td class="text-sm">89</td>
-                                        <td class="text-sm d-none d-lg-table-cell">36 Jam 0 Menit</td>
-                                        <td class="text-sm d-none d-lg-table-cell">26 Jam 24 Menit</td>
+                                        <td class="text-sm d-none d-md-table-cell">89</td>
+                                        <td class="text-sm d-none d-xl-table-cell">36 Jam 0 Menit</td>
+                                        <td class="text-sm d-none d-xl-table-cell">26 Jam 24 Menit</td>
                                     </tr>
                                     <tr>
                                         <td>3</td>
                                         <td class="text-sm">SERTIFIKAT LAIK OPERASI - PEMENUHAN BAKU MUTU AIR LIMBAH (PEMBUANGAN)</td>
-                                        <td class="text-sm">156</td>
-                                        <td class="text-sm d-none d-lg-table-cell">43 Jam 12 Menit</td>
-                                        <td class="text-sm d-none d-lg-table-cell">31 Jam 12 Menit</td>
+                                        <td class="text-sm d-none d-md-table-cell">156</td>
+                                        <td class="text-sm d-none d-xl-table-cell">43 Jam 12 Menit</td>
+                                        <td class="text-sm d-none d-xl-table-cell">31 Jam 12 Menit</td>
                                     </tr>
                                     <tr>
                                         <td>4</td>
                                         <td class="text-sm">PERSETUJUAN TEKNIS - PEMENUHAN BAKU MUTU AIR LIMBAH (PEMBUANGAN)</td>
-                                        <td class="text-sm">73</td>
-                                        <td class="text-sm d-none d-lg-table-cell">50 Jam 24 Menit</td>
-                                        <td class="text-sm d-none d-lg-table-cell">38 Jam 24 Menit</td>
+                                        <td class="text-sm d-none d-md-table-cell">73</td>
+                                        <td class="text-sm d-none d-xl-table-cell">50 Jam 24 Menit</td>
+                                        <td class="text-sm d-none d-xl-table-cell">38 Jam 24 Menit</td>
                                     </tr>
                                     <tr>
                                         <td>5</td>
                                         <td class="text-sm">SERTIFIKAT LAIK OPERASI - PEMENUHAN BAKU MUTU AIR LIMBAH (PEMANFAATAN)</td>
-                                        <td class="text-sm">92</td>
-                                        <td class="text-sm d-none d-lg-table-cell">55 Jam 12 Menit</td>
-                                        <td class="text-sm d-none d-lg-table-cell">45 Jam 36 Menit</td>
+                                        <td class="text-sm d-none d-md-table-cell">92</td>
+                                        <td class="text-sm d-none d-xl-table-cell">55 Jam 12 Menit</td>
+                                        <td class="text-sm d-none d-xl-table-cell">45 Jam 36 Menit</td>
                                     </tr>
                                 </tbody>
                             </table>
@@ -228,7 +243,7 @@
                 </div>
             </div>
 
-            <div class="col-6">
+            <div class="col-lg-6 col-12">
                 <div class="card shadow-none border h-100">
                     <div class="card-body p-24">
                          <span class="badge text-bg-primary mb-12">PERTEK</span>
@@ -239,40 +254,40 @@
                                     <tr>
                                         <th scope="col" class="text-sm">No</th>
                                         <th scope="col" class="text-sm">Nama Izin</th>
-                                        <th scope="col" class="text-sm">Pemohon</th>
-                                        <th scope="col" class="text-sm d-none d-lg-table-cell">Tanggal Terbit</th>
+                                        <th scope="col" class="text-sm d-none d-md-table-cell">Pemohon</th>
+                                        <th scope="col" class="text-sm d-none d-xl-table-cell">Tanggal Terbit</th>
                                     </tr>
                                 </thead>
                                 <tbody>
                                     <tr>
                                         <td>1</td>
                                         <td class="text-sm">SERTIFIKAT LAIK OPERASI - PEMENUHAN BAKU MUTU EMISI</td>
-                                        <td class="text-sm">PT. MAJU BERSAMA</td>
-                                        <td class="text-sm d-none d-lg-table-cell">15 Des 2024</td>
+                                        <td class="text-sm d-none d-md-table-cell">PT. MAJU BERSAMA</td>
+                                        <td class="text-sm d-none d-xl-table-cell">15 Des 2024</td>
                                     </tr>
                                     <tr>
                                         <td>2</td>
                                         <td class="text-sm">PERSETUJUAN TEKNIS - PEMENUHAN BAKU MUTU AIR LIMBAH</td>
-                                        <td class="text-sm">CV. KARYA MANDIRI</td>
-                                        <td class="text-sm d-none d-lg-table-cell">14 Des 2024</td>
+                                        <td class="text-sm d-none d-md-table-cell">CV. KARYA MANDIRI</td>
+                                        <td class="text-sm d-none d-xl-table-cell">14 Des 2024</td>
                                     </tr>
                                     <tr>
                                         <td>3</td>
                                         <td class="text-sm">SERTIFIKAT LAIK OPERASI - PEMENUHAN BAKU MUTU AIR LIMBAH</td>
-                                        <td class="text-sm">PT. INDUSTRI SEJAHTERA</td>
-                                        <td class="text-sm d-none d-lg-table-cell">13 Des 2024</td>
+                                        <td class="text-sm d-none d-md-table-cell">PT. INDUSTRI SEJAHTERA</td>
+                                        <td class="text-sm d-none d-xl-table-cell">13 Des 2024</td>
                                     </tr>
                                     <tr>
                                         <td>4</td>
                                         <td class="text-sm">PERSETUJUAN TEKNIS - PEMENUHAN BAKU MUTU AIR LIMBAH</td>
-                                        <td class="text-sm">PT. TEKNOLOGI MODERN</td>
-                                        <td class="text-sm d-none d-lg-table-cell">12 Des 2024</td>
+                                        <td class="text-sm d-none d-md-table-cell">PT. TEKNOLOGI MODERN</td>
+                                        <td class="text-sm d-none d-xl-table-cell">12 Des 2024</td>
                                     </tr>
                                     <tr>
                                         <td>5</td>
                                         <td class="text-sm">SERTIFIKAT LAIK OPERASI - PEMENUHAN BAKU MUTU EMISI</td>
-                                        <td class="text-sm">CV. BERKAH JAYA</td>
-                                        <td class="text-sm d-none d-lg-table-cell">11 Des 2024</td>
+                                        <td class="text-sm d-none d-md-table-cell">CV. BERKAH JAYA</td>
+                                        <td class="text-sm d-none d-xl-table-cell">11 Des 2024</td>
                                     </tr>
                                 </tbody>
                             </table>
@@ -433,7 +448,7 @@
 
         <!-- Top 5 Izin Tercepat Table -->
         <div class="row gy-4 mt-4">
-            <div class="col-6">
+            <div class="col-lg-6 col-12">
                 <div class="card shadow-none border h-100">
                     <div class="card-body p-24">
                         <span class="badge text-bg-success">RINTEK</span>
@@ -444,46 +459,46 @@
                                     <tr>
                                         <th scope="col" class="text-sm">No</th>
                                         <th scope="col" class="text-sm">Nama Izin</th>
-                                        <th scope="col" class="text-sm">Total Izin</th>
-                                        <th scope="col" class="text-sm d-none d-lg-table-cell">Waktu Rata-Rata (Pemohon)</th>
-                                        <th scope="col" class="text-sm d-none d-lg-table-cell">Waktu Rata-Rata (Petugas)</th>
+                                        <th scope="col" class="text-sm d-none d-md-table-cell">Total Izin</th>
+                                        <th scope="col" class="text-sm d-none d-xl-table-cell">Waktu Rata-Rata (Pemohon)</th>
+                                        <th scope="col" class="text-sm d-none d-xl-table-cell">Waktu Rata-Rata (Petugas)</th>
                                     </tr>
                                 </thead>
                                 <tbody>
                                     <tr>
                                         <td>1</td>
                                         <td class="text-sm">REKOMENDASI TEKNIS KEGIATAN PEMANFAATAN RUANG</td>
-                                        <td class="text-sm">98</td>
-                                        <td class="text-sm d-none d-lg-table-cell">42 Jam 15 Menit</td>
-                                        <td class="text-sm d-none d-lg-table-cell">18 Jam 30 Menit</td>
+                                        <td class="text-sm d-none d-md-table-cell">98</td>
+                                        <td class="text-sm d-none d-xl-table-cell">42 Jam 15 Menit</td>
+                                        <td class="text-sm d-none d-xl-table-cell">18 Jam 30 Menit</td>
                                     </tr>
                                     <tr>
                                         <td>2</td>
                                         <td class="text-sm">PERSETUJUAN TEKNIS BANGUNAN GEDUNG</td>
-                                        <td class="text-sm">76</td>
-                                        <td class="text-sm d-none d-lg-table-cell">35 Jam 45 Menit</td>
-                                        <td class="text-sm d-none d-lg-table-cell">22 Jam 12 Menit</td>
+                                        <td class="text-sm d-none d-md-table-cell">76</td>
+                                        <td class="text-sm d-none d-xl-table-cell">35 Jam 45 Menit</td>
+                                        <td class="text-sm d-none d-xl-table-cell">22 Jam 12 Menit</td>
                                     </tr>
                                     <tr>
                                         <td>3</td>
                                         <td class="text-sm">IZIN MENDIRIKAN BANGUNAN</td>
-                                        <td class="text-sm">134</td>
-                                        <td class="text-sm d-none d-lg-table-cell">48 Jam 20 Menit</td>
-                                        <td class="text-sm d-none d-lg-table-cell">28 Jam 45 Menit</td>
+                                        <td class="text-sm d-none d-md-table-cell">134</td>
+                                        <td class="text-sm d-none d-xl-table-cell">48 Jam 20 Menit</td>
+                                        <td class="text-sm d-none d-xl-table-cell">28 Jam 45 Menit</td>
                                     </tr>
                                     <tr>
                                         <td>4</td>
                                         <td class="text-sm">SERTIFIKAT LAIK FUNGSI BANGUNAN</td>
-                                        <td class="text-sm">67</td>
-                                        <td class="text-sm d-none d-lg-table-cell">52 Jam 10 Menit</td>
-                                        <td class="text-sm d-none d-lg-table-cell">35 Jam 20 Menit</td>
+                                        <td class="text-sm d-none d-md-table-cell">67</td>
+                                        <td class="text-sm d-none d-xl-table-cell">52 Jam 10 Menit</td>
+                                        <td class="text-sm d-none d-xl-table-cell">35 Jam 20 Menit</td>
                                     </tr>
                                     <tr>
                                         <td>5</td>
                                         <td class="text-sm">PERSETUJUAN TEKNIS PRASARANA WILAYAH</td>
-                                        <td class="text-sm">89</td>
-                                        <td class="text-sm d-none d-lg-table-cell">60 Jam 30 Menit</td>
-                                        <td class="text-sm d-none d-lg-table-cell">40 Jam 15 Menit</td>
+                                        <td class="text-sm d-none d-md-table-cell">89</td>
+                                        <td class="text-sm d-none d-xl-table-cell">60 Jam 30 Menit</td>
+                                        <td class="text-sm d-none d-xl-table-cell">40 Jam 15 Menit</td>
                                     </tr>
                                 </tbody>
                             </table>
@@ -492,7 +507,7 @@
                 </div>
             </div>
 
-               <div class="col-6">
+               <div class="col-lg-6 col-12">
                 <div class="card shadow-none border h-100">
                     <div class="card-body p-24">
                         <span class="badge text-bg-success">RINTEK</span>
@@ -503,34 +518,34 @@
                                     <tr>
                                         <th scope="col" class="text-sm">No</th>
                                         <th scope="col" class="text-sm">Nama Izin</th>
-                                        <th scope="col" class="text-sm">Pemohon</th>
-                                        <th scope="col" class="text-sm d-none d-lg-table-cell">Tanggal Terbit</th>
+                                        <th scope="col" class="text-sm d-none d-md-table-cell">Pemohon</th>
+                                        <th scope="col" class="text-sm d-none d-xl-table-cell">Tanggal Terbit</th>
                                     </tr>
                                 </thead>
                                 <tbody>
                                     <tr>
                                         <td>1</td>
                                         <td class="text-sm">SERTIFIKAT LAIK OPERASI - PEMENUHAN BAKU MUTU EMISI</td>
-                                        <td class="text-sm">PT. MAJU BERSAMA</td>
-                                        <td class="text-sm d-none d-lg-table-cell">15 Des 2024</td>
+                                        <td class="text-sm d-none d-md-table-cell">PT. MAJU BERSAMA</td>
+                                        <td class="text-sm d-none d-xl-table-cell">15 Des 2024</td>
                                     </tr>
                                     <tr>
                                         <td>2</td>
                                         <td class="text-sm">PERSETUJUAN TEKNIS - PEMENUHAN BAKU MUTU AIR LIMBAH</td>
-                                        <td class="text-sm">CV. KARYA MANDIRI</td>
-                                        <td class="text-sm d-none d-lg-table-cell">14 Des 2024</td>
+                                        <td class="text-sm d-none d-md-table-cell">CV. KARYA MANDIRI</td>
+                                        <td class="text-sm d-none d-xl-table-cell">14 Des 2024</td>
                                     </tr>
                                     <tr>
                                         <td>3</td>
                                         <td class="text-sm">SERTIFIKAT LAIK OPERASI - PEMENUHAN BAKU MUTU AIR LIMBAH</td>
-                                        <td class="text-sm">PT. INDUSTRI SEJAHTERA</td>
-                                        <td class="text-sm d-none d-lg-table-cell">13 Des 2024</td>
+                                        <td class="text-sm d-none d-md-table-cell">PT. INDUSTRI SEJAHTERA</td>
+                                        <td class="text-sm d-none d-xl-table-cell">13 Des 2024</td>
                                     </tr>
                                     <tr>
                                         <td>4</td>
                                         <td class="text-sm">PERSETUJUAN TEKNIS - PEMENUHAN BAKU MUTU AIR LIMBAH</td>
-                                        <td class="text-sm">PT. TEKNOLOGI MODERN</td>
-                                        <td class="text-sm d-none d-lg-table-cell">12 Des 2024</td>
+                                        <td class="text-sm d-none d-md-table-cell">PT. TEKNOLOGI MODERN</td>
+                                        <td class="text-sm d-none d-xl-table-cell">12 Des 2024</td>
                                     </tr>
                                     <tr>
                                         <td>5</td>
@@ -697,7 +712,7 @@
 
         <!-- Top 5 Izin Tercepat Table -->
         <div class="row gy-4 mt-4">
-            <div class="col-6">
+            <div class="col-lg-6 col-12">
                 <div class="card shadow-none border h-100">
                     <div class="card-body p-24">
                         <span class="badge text-bg-info text-white">AMDAL</span>
@@ -1308,7 +1323,7 @@
                                     </tr>
                                     <tr>
                                         <td>2</td>
-                                        <td class="text-sm">PERSETUJUAN TEKNIS - PEMENUHAN BAKU MUTU AIR LIMBAH</td>
+                                                                               <td class="text-sm">PERSETUJUAN TEKNIS - PEMENUHAN BAKU MUTU AIR LIMBAH</td>
                                         <td class="text-sm">CV. KARYA MANDIRI</td>
                                         <td class="text-sm d-none d-lg-table-cell">14 Des 2024</td>
                                     </tr>
@@ -1414,16 +1429,16 @@
 
 @push('css')
 <style>
-.nav-pills {
+/* .nav-pills {
     background: linear-gradient(145deg, #ffffff 0%, #f8fafb 100%);
     border-radius: 16px;
     padding: 8px;
     box-shadow:
         0 4px 24px rgba(0, 0, 0, 0.06),
         inset 0 1px 0 rgba(255, 255, 255, 0.8);
-}
+} */
 
-.nav-pills .nav-link {
+.nav-link {
     border-radius: 12px;
     position: relative;
     overflow: hidden;
@@ -1436,7 +1451,7 @@
     z-index: 2;
 }
 
-.nav-pills .nav-link::before {
+.nav-link::before {
     content: '';
     position: absolute;
     top: 0;
@@ -1450,24 +1465,24 @@
     z-index: -1;
 }
 
-.nav-pills .nav-link:hover::before {
+.nav-link:hover::before {
     opacity: 1;
 }
 
-.nav-pills .nav-link:hover {
+.nav-link:hover {
     transform: translateY(-2px);
     color: #3b82f6;
     box-shadow: 0 8px 25px rgba(59, 130, 246, 0.15);
 }
 
-.nav-pills .nav-link.active {
+.nav-link.active {
     background: transparent;
     color: white;
     transform: translateY(-1px);
     box-shadow: 0 12px 40px rgba(59, 130, 246, 0.4);
 }
 
-.nav-indicator {
+/* .nav-indicator {
     background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 50%, #06b6d4 100%);
     border-radius: 12px;
     transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
@@ -1476,7 +1491,7 @@
         0 4px 16px rgba(139, 92, 246, 0.2),
         inset 0 1px 0 rgba(255, 255, 255, 0.2);
     z-index: 1;
-}
+} */
 
 .icon-wrapper {
     width: 36px;
@@ -1536,10 +1551,10 @@
 
 /* Responsive design */
 @media (max-width: 768px) {
-    .nav-pills {
+    /* .nav-pills {
         padding: 6px;
         border-radius: 12px;
-    }
+    } */
 
     .nav-pills .nav-link {
         padding: 12px 8px;
@@ -1580,7 +1595,7 @@
 }
 
 /* Glass morphism effect */
-.nav-pills::before {
+/* .nav-pills::before {
     content: '';
     position: absolute;
     top: 0;
@@ -1592,7 +1607,7 @@
     backdrop-filter: blur(20px);
     border: 1px solid rgba(255, 255, 255, 0.1);
     z-index: -1;
-}
+} */
 </style>
 
 @endpush
@@ -1643,9 +1658,134 @@ document.addEventListener('DOMContentLoaded', function() {
         const leftPosition = (tabIndex * 20) + '%';
         indicator.style.left = leftPosition;
     }
+
+    // Handle window resize to show/hide indicator
+    window.addEventListener('resize', function() {
+        if (window.innerWidth < 768) {
+            indicator.style.display = 'none';
+        } else {
+            indicator.style.display = 'block';
+            // Update indicator position for the active tab
+            const activeTab = document.querySelector('#dashboard-tabs .nav-link.active');
+            if (activeTab) {
+                updateIndicator(activeTab);
+            }
+        }
+    });
+
+    // Initial check for mobile/desktop
+    if (window.innerWidth < 768) {
+        indicator.style.display = 'none';
+    }
+});
+
+// Aktifkan tooltip Bootstrap pada semua tab di mobile
+document.addEventListener('DOMContentLoaded', function () {
+    var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
+    tooltipTriggerList.forEach(function (tooltipTriggerEl) {
+        new bootstrap.Tooltip(tooltipTriggerEl);
+    });
 });
 </script>
+<style>
+/* Desktop active state styles */
+@media (min-width: 768px) {
+    #dashboard-tabs .nav-link.active {
+        background-color: var(--bs-primary) !important;
+        color: white !important;
+        border-radius: 12px !important;
+        position: relative;
+        z-index: 2;
+    }
 
+    #dashboard-tabs .nav-link.active svg {
+        color: white !important;
+    }
 
+    #dashboard-tabs .nav-link.active .nav-text {
+        color: white !important;
+    }
 
+    #dashboard-tabs .nav-link:not(.active) {
+        color: var(--bs-gray-600) !important;
+    }
+
+    #dashboard-tabs .nav-link:not(.active) svg {
+        color: var(--bs-gray-600) !important;
+    }
+
+    #dashboard-tabs .nav-link:not(.active) .nav-text {
+        color: var(--bs-gray-600) !important;
+    }
+
+    /* Hover states for desktop */
+    #dashboard-tabs .nav-link:not(.active):hover {
+        color: var(--bs-primary) !important;
+        transform: translateY(-2px);
+        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+    }
+
+    #dashboard-tabs .nav-link:not(.active):hover svg {
+        color: var(--bs-primary) !important;
+    }
+
+    #dashboard-tabs .nav-link:not(.active):hover .nav-text {
+        color: var(--bs-primary) !important;
+    }
+
+    .tooltip-mobile {
+        display: none !important;
+    }
+}
+
+@media (max-width: 767.98px) {
+    #dashboard-tabs {
+        flex-wrap: nowrap !important;
+        overflow-x: auto;
+        -webkit-overflow-scrolling: touch;
+    }
+    #dashboard-tabs .nav-item {
+        min-width: 100px;
+        flex: 0 0 auto;
+    }
+    #dashboard-tabs .nav-text {
+        display: none !important;
+    }
+
+    /* Mobile active state styles */
+    #dashboard-tabs .nav-link.active {
+        background-color: var(--bs-primary) !important;
+        color: white !important;
+        border-radius: 8px !important;
+    }
+
+    #dashboard-tabs .nav-link.active svg {
+        color: white !important;
+    }
+
+    #dashboard-tabs .nav-link:not(.active) {
+        background-color: transparent !important;
+        color: var(--bs-gray-600) !important;
+    }
+
+    #dashboard-tabs .nav-link:not(.active) svg {
+        color: var(--bs-gray-600) !important;
+    }
+
+    /* Hover states for mobile */
+    #dashboard-tabs .nav-link:not(.active):hover {
+        background-color: var(--bs-gray-100) !important;
+        color: var(--bs-primary) !important;
+    }
+
+    #dashboard-tabs .nav-link:not(.active):hover svg {
+        color: var(--bs-primary) !important;
+    }
+}
+
+/* Custom tooltip styles for mobile */
+.tooltip-mobile {
+    font-size: 12px !important;
+}
+</style>
 @endpush
diff --git a/resources/views/izinangkut/index_permohonan.blade.php b/resources/views/izinangkut/index_permohonan.blade.php
new file mode 100644
index 0000000..6d40f40
--- /dev/null
+++ b/resources/views/izinangkut/index_permohonan.blade.php
@@ -0,0 +1,79 @@
+@extends('layout.layout')
+@php
+    $title='Daftar Izin Angkut & Olah';
+    $subTitle = 'Daftar Izin Angkut & Olah';
+    $script = '<script>
+                    let table = new DataTable("#dataTable");
+               </script>';
+@endphp
+
+@section('content')
+
+            <div class="card basic-data-table">
+                <div class="card-body">
+                     <span class="badge bg-primary text-white mb-3">
+                        Jumlah Izin Angkut & Olah: <span class="fw-bold">{{ $jumlahIzin ?? 20 }}</span>
+                    </span>
+                    <div class="table-responsive">
+                        <table class="table bordered-table mb-0" id="dataTable" data-page-length='10'>
+                            <thead>
+                                <tr>
+                                    <th scope="col">
+                                        <div class="form-check style-check d-flex align-items-center">
+                                            <label class="form-check-label">
+                                                No
+                                            </label>
+                                        </div>
+                                    </th>
+                                    <th scope="col">Nomor Permohonan</th>
+                                    <th scope="col">Perusahaan</th>
+                                    <th scope="col">Nama Kegiatan</th>
+                                    <th scope="col">Tipe Perizinan</th>
+                                    <th scope="col">Pemohon</th>
+                                    <th scope="col">Tanggal</th>
+                                    <th scope="col">Status</th>
+                                    <th scope="col">Dok</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr>
+                                    <td>
+                                        <div class="form-check style-check d-flex align-items-center">
+                                            <label class="form-check-label">
+                                                01
+                                            </label>
+                                        </div>
+                                    </td>
+                                    {{-- <td><a href="javascript:void(0)" class="text-primary-600" data-bs-toggle="modal" data-bs-target="#detailModal">K24/250319E5CC8C330</a></td> --}}
+                                    <td>
+                                        <a href="{{ route('pertek.verifikator_arahan') }}" class="text-primary-600">K24/Verifikator</a>
+                                        <a href="{{ route('pertek.user_arahan') }}" class="text-primary-600 bg-amber-300 rounded-2xl">65D47C214422D</a>
+                                    </td>
+
+                                    {{-- @include('pertek.arahan.modal_detail_arahan') --}}
+                                    {{-- @include('pertek.arahan.admin_modal_detail_arahan') --}}
+
+                                    <td>
+                                        <div class="d-flex align-items-center">
+                                            {{-- <img src="{{ asset('assets/images/user-list/user-list1.png') }}" alt="" class="flex-shrink-0 me-12 radius-8"> --}}
+                                            <h6 class="text-md mb-0 fw-medium flex-grow-1">PT. Permata Hijau</h6>
+                                        </div>
+                                    </td>
+                                    <td>Pembangungan Gedung Baru</td>
+                                    <td>UKL-UPL</td>
+                                    <td>Charles Hasibuan</td>
+                                    <td>21 Maret 2025</td>
+                                    <td> <span class="bg-success-focus text-success-main px-24 py-4 rounded-pill fw-medium text-sm">Proses Review Teknis</span> </td>
+                                    <td>
+                                        <a href="#" class="btn btn-sm btn-light-primary text-success" title="Download Dokumen" download>
+                                            <iconify-icon icon="material-symbols:description" class="text-xl"></iconify-icon>
+                                        </a>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+            </div>
+
+@endsection
diff --git a/resources/views/izinemisi/index_permohonan.blade.php b/resources/views/izinemisi/index_permohonan.blade.php
new file mode 100644
index 0000000..1730f3b
--- /dev/null
+++ b/resources/views/izinemisi/index_permohonan.blade.php
@@ -0,0 +1,79 @@
+@extends('layout.layout')
+@php
+    $title='Daftar Izin Tempat Uji Emisi';
+    $subTitle = 'Daftar Izin Tempat Uji Emisi';
+    $script = '<script>
+                    let table = new DataTable("#dataTable");
+               </script>';
+@endphp
+
+@section('content')
+
+            <div class="card basic-data-table">
+                <div class="card-body">
+                    <span class="badge bg-primary text-white mb-3">
+                        Jumlah Izin Tempat Uji Emisi: <span class="fw-bold">{{ $jumlahIzin ?? 20 }}</span>
+                    </span>
+                    <div class="table-responsive">
+                        <table class="table bordered-table mb-0" id="dataTable" data-page-length='10'>
+                            <thead>
+                                <tr>
+                                    <th scope="col">
+                                        <div class="form-check style-check d-flex align-items-center">
+                                            <label class="form-check-label">
+                                                No
+                                            </label>
+                                        </div>
+                                    </th>
+                                    <th scope="col">Nomor Permohonan</th>
+                                    <th scope="col">Perusahaan</th>
+                                    <th scope="col">Nama Kegiatan</th>
+                                    <th scope="col">Tipe Perizinan</th>
+                                    <th scope="col">Pemohon</th>
+                                    <th scope="col">Tanggal</th>
+                                    <th scope="col">Status</th>
+                                    <th scope="col">Dok</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr>
+                                    <td>
+                                        <div class="form-check style-check d-flex align-items-center">
+                                            <label class="form-check-label">
+                                                01
+                                            </label>
+                                        </div>
+                                    </td>
+                                    {{-- <td><a href="javascript:void(0)" class="text-primary-600" data-bs-toggle="modal" data-bs-target="#detailModal">K24/250319E5CC8C330</a></td> --}}
+                                    <td>
+                                        <a href="{{ route('pertek.verifikator_arahan') }}" class="text-primary-600">K24/Verifikator</a>
+                                        <a href="{{ route('pertek.user_arahan') }}" class="text-primary-600 bg-amber-300 rounded-2xl">65D47C214422D</a>
+                                    </td>
+
+                                    {{-- @include('pertek.arahan.modal_detail_arahan') --}}
+                                    {{-- @include('pertek.arahan.admin_modal_detail_arahan') --}}
+
+                                    <td>
+                                        <div class="d-flex align-items-center">
+                                            {{-- <img src="{{ asset('assets/images/user-list/user-list1.png') }}" alt="" class="flex-shrink-0 me-12 radius-8"> --}}
+                                            <h6 class="text-md mb-0 fw-medium flex-grow-1">PT. Permata Hijau</h6>
+                                        </div>
+                                    </td>
+                                    <td>Pembangungan Gedung Baru</td>
+                                    <td>UKL-UPL</td>
+                                    <td>Charles Hasibuan</td>
+                                    <td>21 Maret 2025</td>
+                                    <td> <span class="bg-success-focus text-success-main px-24 py-4 rounded-pill fw-medium text-sm">Proses Review Teknis</span> </td>
+                                    <td>
+                                        <a href="#" class="btn btn-sm btn-light-primary text-success" title="Download Dokumen" download>
+                                            <iconify-icon icon="material-symbols:description" class="text-xl"></iconify-icon>
+                                        </a>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+            </div>
+
+@endsection
diff --git a/routes/web.php b/routes/web.php
index 6b8dfcf..214fe21 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -2,6 +2,8 @@
 
 use App\Http\Controllers\DashboardController;
 use App\Http\Controllers\HomeController;
+use App\Http\Controllers\Izin\IzinAngkutController;
+use App\Http\Controllers\Izin\IzinEmisiController;
 use App\Http\Controllers\JadwalSidangController;
 use App\Http\Controllers\LoginController;
 use App\Http\Controllers\NewsController;
@@ -89,6 +91,16 @@ Route::prefix('admin')->group(function () {
     Route::get('/rintek/verifikator/arahan', [RincianTeknisController::class, 'verifikator_arahan'])->name('rintek.verifikator_arahan');
 });
 
+//izin angkut
+Route::prefix('admin')->group(function () {
+    Route::get('/izinangkut', [IzinAngkutController::class, 'index_angkut'])->name('izinangkut.index_permohonan');
+});
+
+//izin angkut
+Route::prefix('admin')->group(function () {
+    Route::get('/izinemisi', [IzinEmisiController::class, 'index_emisi'])->name('izinemisi.index_permohonan');
+});
+
 //rintek
 // Route::prefix('admin')->group(function () {
 //     Route::get('/jadwal', [JadwalSidangController::class, 'index'])->name('jadwal.index');
@@ -149,6 +161,7 @@ Route::prefix('admin')->group(function () {
     Route::get('/delh/detail', [DelhController::class, 'detail'])->name('persetujuan.delh.detail');
 });
 
+
 Route::prefix('admin')->group(function () {
     Route::get('/dplh', [DplhController::class, 'index'])->name('persetujuan.dplh.index');
     Route::get('/dplh/detail', [DplhController::class, 'detail'])->name('persetujuan.dplh.detail');