PageSourceSearch

https://funbars.vercel.app/dashboards/logistics

html funbars.vercel.app collected 2026-10-03 06:58:41 UTC 102,183 bytes, 37 lines download raw bytes

1<!DOCTYPE html><!--FlbEORKGqRSCdF1gZ0kFz--><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/Geist_Variable-s.p.f19e4721.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/e41d5df559864f9e-s.p.380d09ea.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/chunks/510bf1f2c550bd15.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/c3c96fe7378813f6.js"/>
1<script src="/_next/static/chunks/806bdb8e4a6a9b95.js" async=""></script>
1<script src="/_next/static/chunks/3967a223c824473e.js" async=""></script>
1<script src="/_next/static/chunks/4c991587003c343c.js" async=""></script>
1<script src="/_next/static/chunks/turbopack-6afa4b37e3f6073b.js" async=""></script>
1<script src="/_next/static/chunks/ff1a16fafef87110.js" async=""></script>
1<script src="/_next/static/chunks/61cc43b3d7ad2990.js" async=""></script>
1<script src="/_next/static/chunks/3e936bad43e18c26.js" async=""></script>
1<script src="/_next/static/chunks/87ae817ac43f0796.js" async=""></script>
1<script src="/_next/static/chunks/05af72c964fc68cb.js" async=""></script>
1<script src="/_next/static/chunks/d3c658696e40cde5.js" async=""></script>
1<meta name="next-size-adjust" content=""/><title>Premium Shadcn Dashboard Templates</title><meta name="description" content="Premium shadcn dashboard templates, save weeks of time."/><link rel="icon" href="/favicon.ico?favicon.2a05f793.ico" sizes="48x48" type="image/x-icon"/><link rel="icon" href="favicon.ico"/>
1<script src="/_next/static/chunks/a6dad97d9634a72d.js" noModule=""></script>
1</head><body class="geistsans_d5a4f12f-module__Ur3q_a__className instrument_serif_9a34f1a8-module__41sP0W__variable"><div hidden=""><!--$--><!--/$--></div><style>
2          #car-dashboard-wrapper .car-dashboard-sidebar {
3            left: 4rem !important;
4          }
5          #car-dashboard-wrapper [data-state=collapsed] .car-dashboard-sidebar {
6            left: calc(4rem - var(--sidebar-width)) !important;
7          }
8        </style><div id="car-dashboard-wrapper" class="flex h-screen overflow-hidden"><style>
9          .icon-rail-tooltip {
10            position: relative;
11            overflow: visible !important;
12          }
13          .icon-rail-tooltip::before {
14            content: '';
15            position: absolute;
16            left: -5px;
17            top: 50%;
18            transform: translateY(-50%);
19            width: 0;
20            height: 0;
21            border-top: 5px solid transparent;
22            border-bottom: 5px solid transparent;
23            border-right: 5px solid black;
24            z-index: 1;
25          }
26        </style><div data-sidebar="sidebar" data-slot="sidebar-inner" class="bg-sidebar border-r group-data-[variant=floating]:border-sidebar-border fixed left-0 top-0 z-50 flex h-full w-16 flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm"><div data-slot="sidebar-header" data-sidebar="header" class="flex flex-col gap-2 px-2 py-3"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a href="#" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="lg" data-active="false" class="peer/menu-button ring-sidebar-ring active:bg-sidebar-accent active:text-sidebar-accent-foreground data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground flex w-full items-center justify-center overflow-hidden rounded-md text-left outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground size-10 text-sm gap-2.5 !bg-transparent [&amp;&gt;svg]:size-8"><svg width="32" height="32" viewBox="0 0 328 329" fill="none" xmlns="http://www.w3.org/2000/svg" class="[&amp;_rect]:fill-card [&amp;_rect:first-child]:fill-primary"><rect y="0.5" width="328" height="328" rx="164" fill="black" class="dark:fill-white"></rect><path d="M165.018 72.3008V132.771C165.018 152.653 148.9 168.771 129.018 168.771H70.2288" stroke="white" stroke-width="20" class="dark:stroke-black"></path><path d="M166.627 265.241L166.627 204.771C166.627 184.889 182.744 168.771 202.627 168.771L261.416 168.771" stroke="white" stroke-width="20" class="dark:stroke-black"></path><line x1="238.136" y1="98.8184" x2="196.76" y2="139.707" stroke="white" stroke-width="20" class="dark:stroke-black"></line><line x1="135.688" y1="200.957" x2="94.3128" y2="241.845" stroke="white" stroke-width="20" class="dark:stroke-black"></line><line x1="133.689" y1="137.524" x2="92.5566" y2="96.3914" stroke="white" stroke-width="20" class="dark:stroke-black"></line><line x1="237.679" y1="241.803" x2="196.547" y2="200.671" stroke="white" stroke-width="20" class="dark:stroke-black"></line></svg><span class="text-xl font-semibold hidden group-data-[collapsible=icon]:hidden">Logistics</span></a></li></ul></div><div data-slot="sidebar-content" data-sidebar="content" class="flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden"><div data-slot="sidebar-group" data-sidebar="group" class="relative flex w-full min-w-0 flex-col px-2 py-3"><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1">
26<li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a href="#" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button ring-sidebar-ring active:bg-sidebar-accent active:text-sidebar-accent-foreground data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground flex w-full items-center justify-center overflow-hidden rounded-md text-left outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:p-0 focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground size-10 text-sm [&amp;&gt;svg]:text-primary [&amp;&gt;svg]:size-6" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path opacity="0.5" d="M6.22209 4.60105C6.66665 4.304 7.13344 4.04636 7.6171 3.82976C8.98898 3.21539 9.67491 2.9082 10.5875 3.4994C11.5 4.09061 11.5 5.06041 11.5 7.00001V8.50001C11.5 10.3856 11.5 11.3284 12.0858 11.9142C12.6716 12.5 13.6144 12.5 15.5 12.5H17C18.9396 12.5 19.9094 12.5 20.5006 13.4125C21.0918 14.3251 20.7846 15.011 20.1702 16.3829C19.9536 16.8666 19.696 17.3334 19.399 17.7779C18.3551 19.3402 16.8714 20.5578 15.1355 21.2769C13.3996 21.9959 11.4895 22.184 9.64665 21.8175C7.80383 21.4509 6.11109 20.5461 4.78249 19.2175C3.45389 17.8889 2.5491 16.1962 2.18254 14.3534C1.81598 12.5105 2.00412 10.6004 2.72315 8.86451C3.44218 7.12861 4.65982 5.64492 6.22209 4.60105Z" fill="currentColor"></path><path d="M21.446 7.06901C20.6342 5.00831 18.9917 3.36579 16.931 2.55398C15.3895 1.94669 14 3.34316 14 5.00002V9.00002C14 9.5523 14.4477 10 15 10H19C20.6569 10 22.0533 8.61055 21.446 7.06901Z" fill="currentColor"></path></svg><span class="hidden group-data-[collapsible=icon]:hidden">Dashboard</span></a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a href="#" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button ring-sidebar-ring active:bg-sidebar-accent active:text-sidebar-accent-foreground data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground flex w-full items-center justify-center overflow-hidden rounded-md text-left outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:p-0 focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground size-10 text-sm [&amp;&gt;svg]:text-primary [&amp;&gt;svg]:size-6" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path opacity="0.5" d="M12 2C7.58172 2 4 6.00258 4 10.5C4 14.9622 6.55332 19.8124 10.5371 21.6744C11.4657 22.1085 12.5343 22.1085 13.4629 21.6744C17.4467 19.8124 20 14.9622 20 10.5C20 6.00258 16.4183 2 12 2Z" fill="currentColor"></path><path d="M12 12.5C13.3807 12.5 14.5 11.3807 14.5 10C14.5 8.61929 13.3807 7.5 12 7.5C10.6193 7.5 9.5 8.61929 9.5 10C9.5 11.3807 10.6193 12.5 12 12.5Z" fill="currentColor"></path></svg><span class="hidden group-data-[collapsible=icon]:hidden">Tracking</span></a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a href="#" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button ring-sidebar-ring active:bg-sidebar-accent active:text-sidebar-accent-foreground data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground flex w-full items-center justify-center overflow-hidden rounded-md text-left outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:p-0 focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground size-10 text-sm [&amp;&gt;svg]:text-primary [&amp;&gt;svg]:size-6" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M8.42229 20.6181C10.1779 21.5395 11.0557 22.0001 12 22.0001V12.0001L2.63802 7.07275C2.62423 7.09491 2.6107 7.11727 2.5974 7.13986C2 8.15436 2 9.41678 2 11.9416V12.0586C2 14.5834 2 15.8459 2.5974 16.8604C3.19479 17.8749 4.27063 18.4395 6.42229 19.5686L8.42229 20.6181Z" fill="currentColor"></path>
26<path opacity="0.7" d="M17.5774 4.43152L15.5774 3.38197C13.8218 2.46066 12.944 2 11.9997 2C11.0554 2 10.1776 2.46066 8.42197 3.38197L6.42197 4.43152C4.31821 5.53552 3.24291 6.09982 2.6377 7.07264L11.9997 12L21.3617 7.07264C20.7564 6.09982 19.6811 5.53552 17.5774 4.43152Z" fill="currentColor"></path><path opacity="0.5" d="M21.4026 7.13986C21.3893 7.11727 21.3758 7.09491 21.362 7.07275L12 12.0001V22.0001C12.9443 22.0001 13.8221 21.5395 15.5777 20.6181L17.5777 19.5686C19.7294 18.4395 20.8052 17.8749 21.4026 16.8604C22 15.8459 22 14.5834 22 12.0586V11.9416C22 9.41678 22 8.15436 21.4026 7.13986Z" fill="currentColor"></path></svg><span class="hidden group-data-[collapsible=icon]:hidden">Inventory</span></a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a href="#" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button ring-sidebar-ring active:bg-sidebar-accent active:text-sidebar-accent-foreground data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground flex w-full items-center justify-center overflow-hidden rounded-md text-left outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:p-0 focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground size-10 text-sm [&amp;&gt;svg]:text-primary [&amp;&gt;svg]:size-6" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path opacity="0.5" d="M2 12.2039C2 9.91549 2 8.77128 2.5192 7.82274C3.0384 6.87421 3.98695 6.28551 5.88403 5.10813L7.88403 3.86687C9.88939 2.62229 10.8921 2 12 2C13.1079 2 14.1106 2.62229 16.116 3.86687L18.116 5.10812C20.0131 6.28551 20.9616 6.87421 21.4808 7.82274C22 8.77128 22 9.91549 22 12.2039V13.725C22 17.6258 22 19.5763 20.8284 20.7881C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.7881C2 19.5763 2 17.6258 2 13.725V12.2039Z" fill="currentColor"></path><path d="M9 17.25C8.58579 17.25 8.25 17.5858 8.25 18C8.25 18.4142 8.58579 18.75 9 18.75H15C15.4142 18.75 15.75 18.4142 15.75 18C15.75 17.5858 15.4142 17.25 15 17.25H9Z" fill="currentColor"></path></svg><span class="hidden group-data-[collapsible=icon]:hidden">Warehouse</span></a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a href="#" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button ring-sidebar-ring active:bg-sidebar-accent active:text-sidebar-accent-foreground data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground flex w-full items-center justify-center overflow-hidden rounded-md text-left outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:p-0 focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground size-10 text-sm [&amp;&gt;svg]:text-primary [&amp;&gt;svg]:size-6" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path opacity="0.5" d="M18.7491 9V9.7041C18.7491 10.5491 18.9903 11.3752 19.4422 12.0782L20.5496 13.8012C21.5612 15.3749 20.789 17.5139 19.0296 18.0116C14.4273 19.3134 9.57274 19.3134 4.97036 18.0116C3.21105 17.5139 2.43882 15.3749 3.45036 13.8012L4.5578 12.0782C5.00972 11.3752 5.25087 10.5491 5.25087 9.7041V9C5.25087 5.13401 8.27256 2 12 2C15.7274 2 18.7491 5.13401 18.7491 9Z" fill="currentColor"></path><path d="M7.24316 18.5449C7.8941 20.5501 9.77767 21.9997 11.9998 21.9997C14.222 21.9997 16.
261055 20.5501 16.7565 18.5449C13.611 19.1352 10.3886 19.1352 7.24316 18.5449Z" fill="currentColor"></path><path d="M9.34865 9C9.34865 9.41421 9.67241 9.75 10.0718 9.75H12.1827L9.56045 12.4697C9.35364 12.6842 9.29177 13.0068 9.4037 13.287C9.51562 13.5673 9.7793 13.75 10.0718 13.75H13.9284C14.3278 13.75 14.6515 13.4142 14.6515 13C14.6515 12.5858 14.3278 12.25 13.9284 12.25H11.8175L14.4397 9.53033C14.6466 9.31583 14.7084 8.99324 14.5965 8.71299C14.4846 8.43273 14.2209 8.25 13.9284 8.25H10.0718C9.67241 8.25 9.34865 8.58579 9.34865 9Z" fill="currentColor"></path></svg><span class="hidden group-data-[collapsible=icon]:hidden">Notification Settings</span></a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a href="#" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button ring-sidebar-ring active:bg-sidebar-accent active:text-sidebar-accent-foreground data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground flex w-full items-center justify-center overflow-hidden rounded-md text-left outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:p-0 focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground size-10 text-sm [&amp;&gt;svg]:text-primary [&amp;&gt;svg]:size-6" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path opacity="0.5" d="M9.99969 20H13.9997C17.7709 20 19.6565 20 20.8281 18.8284C21.9997 17.6569 21.9997 15.7712 21.9997 12C21.9997 11.5581 21.998 10.392 21.9961 10H1.99993C1.99804 10.392 1.99969 11.5581 1.99969 12C1.99969 15.7712 1.99969 17.6569 3.17126 18.8284C4.34284 20 6.22845 20 9.99969 20Z" fill="currentColor"></path><path d="M9.99484 4H14.0052C17.7861 4 19.6766 4 20.8512 5.11578C21.6969 5.91916 21.9337 7.07507 22 9V10H2V9C2.0663 7.07507 2.3031 5.91916 3.14881 5.11578C4.3234 4 6.21388 4 9.99484 4Z" fill="currentColor"></path><path d="M12.5 15.25C12.0858 15.25 11.75 15.5858 11.75 16C11.75 16.4142 12.0858 16.75 12.5 16.75H14C14.4142 16.75 14.75 16.4142 14.75 16C14.75 15.5858 14.4142 15.25 14 15.25H12.5Z" fill="currentColor"></path><path d="M6 15.25C5.58579 15.25 5.25 15.5858 5.25 16C5.25 16.4142 5.58579 16.75 6 16.75H10C10.4142 16.75 10.75 16.4142 10.75 16C10.75 15.5858 10.4142 15.25 10 15.25H6Z" fill="currentColor"></path></svg><span class="hidden group-data-[collapsible=icon]:hidden">Billing &amp; Payments</span></a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a href="#" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" class="peer/menu-button ring-sidebar-ring active:bg-sidebar-accent active:text-sidebar-accent-foreground data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground flex w-full items-center justify-center overflow-hidden rounded-md text-left outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:p-0 focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground size-10 text-sm [&amp;&gt;svg]:text-primary [&amp;&gt;svg]:size-6" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12 10C14.2091 10 16 8.20914 16 6C16 3.79086 14.2091 2 12 2C9.79086 2 8 3.79086 8 6C8 8.20914 9.79086 10 12 10Z" fill="currentColor"></path><path opacity="0.5" d="M12 21C15.866 21 19 19.2091 19 17C19 14.7909 15.866 13 12 13C8.13401 13 5 14.7909 5 17C5 19.2091 8.13401 21 12 21Z" fill="currentColor"></path></svg><span class="hidden group-data-[collapsible=icon]:hidden">User Profile</span></a></li></ul></div></div></div></div><div class="ml-16 flex flex-1 flex-col overflow-hidden"><div style="--sidebar-width:16rem;--sidebar-width-icon:3rem" class="group/sidebar-wrapper flex min-h-svh w-full has-[[data-variant=inset]]:bg-sidebar"><div class="bg-muted sticky top-0 flex h-dvh w-[260px] flex-col border-r max-lg:hidden"><div class="px-4 py-3.5 text-lg font-semibold">Logistics</div><div class="mt-5 flex flex-col px-4"><div class="mb-4 grid grid-cols-2 gap-4"><div class="flex flex-col items-start gap-2 rounded-md border border-gray-300 border-dashed p-2"><p class="text-sm">Deliveries</p><p class="text-chart-1 text-lg font-semibold">25.9k</p></div><div class="flex flex-col items-start gap-2 rounded-md border border-gray-300 border-dashed p-2"><p class="text-sm">On the way</p><p class="text-chart-2 text-lg font-semibold">4.6k</p></div></div><div class="mb-6 flex flex-col"><p class="mb-2.5 text-sm">Delivery Process</p><div aria-valuemax="100" aria-valuemin="0" role="progressbar" data-state="indeterminate" data-max="100" data-slot="progress" class="bg-primary/20 relative h-2 w-full overflow-hidden rounded-full [&amp;&gt;div]:bg-chart-1 mb-1"><div data-state="indeterminate" data-max="100" data-slot="progress-indicator" class="bg-primary h-full w-full flex-1 transition-all" style="transform:translateX(-70%)"></div></div><p class="text-sm">Reached 30% from target</p></div></div><div class="overflow-y-auto px-4 pb-3.5"><div class="mb-6 flex flex-col">
26<p class="text-foreground/70 mb-2 text-sm">Pages</p><div class="grid grid-cols-2 gap-4"><a href="#" class="hover:bg-primary/5 flex flex-col items-center gap-2 rounded-md border px-2 py-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user lucide lucide-user size-7" aria-hidden="true"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg><p class="text-sm">User Profile</p></a><a href="#" class="hover:bg-primary/5 flex flex-col items-center gap-2 rounded-md border px-2 py-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-truck lucide lucide-user size-7" aria-hidden="true"><path d="M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2"></path><path d="M15 18H9"></path><path d="M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14"></path><circle cx="17" cy="18" r="2"></circle><circle cx="7" cy="18" r="2"></circle></svg><p class="text-sm">Vehicle</p></a><a href="#" class="hover:bg-primary/5 flex flex-col items-center gap-2 rounded-md border px-2 py-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-box lucide lucide-user size-7" aria-hidden="true"><path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"></path><path d="m3.3 7 8.7 5 8.7-5"></path><path d="M12 22V12"></path></svg><p class="text-sm">Inventory</p></a><a href="#" class="hover:bg-primary/5 flex flex-col items-center gap-2 rounded-md border px-2 py-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin lucide lucide-user size-7" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg><p class="text-sm">Tracking</p></a><a href="#" class="hover:bg-primary/5 flex flex-col items-center gap-2 rounded-md border px-2 py-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-house lucide lucide-user size-7" aria-hidden="true"><path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"></path><path d="M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path></svg><p class="text-sm">Warehouse</p></a><a href="#" class="hover:bg-primary/5 flex flex-col items-center gap-2 rounded-md border px-2 py-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-cart lucide lucide-user size-7" aria-hidden="true"><circle cx="8" cy="21" r="1"></circle><circle cx="19" cy="21" r="1"></circle><path d="M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12"></path></svg><p class="text-sm">Order</p></a></div></div><div class="flex flex-col"><p class="text-foreground/70 mb-4 text-sm">Settings &amp; Profile</p><div class="flex flex-col gap-5"><a href="#" class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user lucide size-4" aria-hidden="true"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg><p class="text-sm">User Profile</p></a><a href="#" class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lock-keyhole lucide size-4" aria-hidden="true"><circle cx="12" cy="16" r="1"></circle><rect x="3" y="10" width="18" height="12" rx="2"></rect><path d="M7 10V7a5 5 0 0 1 10 0v3"></path></svg><p class="text-sm">Change Password</p></a><a href="#" class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bell lucide size-4" aria-hidden="true"><path d="M10.268 21a2 2 0 0 0 3.464 0"></path><path d="M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326"></path></svg><p class="text-sm">Notification Settings</p></a><a href="#" class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings lucide size-4" aria-hidden="true"><path d="M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915"></path><circle cx="12" cy="12" r="3"></circle></svg><p class="text-sm">App Settings</p></a><a href="#" class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-ship lucide size-4" aria-hidden="true"><path d="M12 10.189V14"></path><path d="M12 2v3"></path><path d="M19 13V7a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2v6"></path><path d="M19.38 20A11.6 11.6 0 0 0 21 14l-8.188-3.639a2 2 0 0 0-1.624 0L3 14a11.6 11.6 0 0 0 2.81 7.76"></path><path d="M2 21c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1s1.2 1 2.5 1c2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1"></path></svg><p class="text-sm">Create Shipment</p></a><a href="#" class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pinned lucide size-4" aria-hidden="true"><path d="M18 8c0 3.613-3.869 7.429-5.393 8.795a1 1 0 0 1-1.214 0C9.87 15.429 6 11.613 6 8a6 6 0 0 1 12 0"></path><circle cx="12" cy="8" r="2"></circle><path d="M8.714 14h-3.71a1 1 0 0 0-.948.683l-2.004 6A1 1 0 0 0 3 22h18a1 1 0 0 0 .948-1.316l-2-6a1 1 0 0 0-.949-.684h-3.712"></path></svg><p class="text-sm">Fleet Status Overview</p></a></div></div></div></div><main class="relative flex w-full flex-1 flex-col bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow overflow-hidden"><div class="flex h-full flex-col border-r"><header class="bg-card sticky top-0 z-50 flex items-center justify-between gap-6 border-b px-4 py-2 sm:px-6"><div class="mx-auto flex w-full items-center justify-between gap-4 sm:gap-6"><div class="flex items-center gap-4 flex-1"><div class="relative flex-1 max-w-2xl"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground" aria-hidden="true"><path d="m21 21-4.34-4.34"></path><circle cx="11" cy="11" r="8"></circle></svg><input type="search" class="flex h-10 rounded-md border-input px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm w-full appearance-none bg-transparent pl-8 shadow-none border-0 focus-visible:ring-0 focus-visible:ring-offset-0" placeholder="Type to search..."/></div></div><div class="flex items-center gap-1.5 sm:gap-6"><div class="flex items-center gap-1.5"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border border-input hover:bg-accent hover:text-accent-foreground size-9 bg-background shadow-xs dark:bg-input/30 dark:border-input" type="button" id="radix-_R_1cqinpfivb_" aria-haspopup="menu" aria-expanded="false" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-languages h-4 w-4" aria-hidden="true"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg><span class="sr-only">Toggle language</span></button><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border border-input hover:bg-accent hover:text-accent-foreground size-9 bg-background shadow-xs dark:bg-input/30 dark:border-input" type="button" id="radix-_R_2cq
26inpfivb_" aria-haspopup="menu" aria-expanded="false" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-activity h-4 w-4" aria-hidden="true"><path d="M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2"></path></svg><span class="sr-only">Activity</span></button><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border border-input hover:bg-accent hover:text-accent-foreground relative size-9 bg-background shadow-xs dark:bg-input/30 dark:border-input" type="button" id="radix-_R_3cqinpfivb_" aria-haspopup="menu" aria-expanded="false" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bell h-4 w-4" aria-hidden="true"><path d="M10.268 21a2 2 0 0 0 3.464 0"></path><path d="M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326"></path></svg><span class="absolute -top-0.5 -right-0.5 h-2 w-2 rounded-full bg-destructive"></span><span class="sr-only">Notifications</span></button></div><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 h-9 w-9 shrink-0 rounded-md p-0 overflow-hidden hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50" type="button" id="radix-_R_kqinpfivb_" aria-haspopup="menu" aria-expanded="false" data-state="closed"><span class="relative flex shrink-0 overflow-hidden h-9 w-9 rounded-md"><span class="flex h-full w-full items-center justify-center bg-muted rounded-md">JH</span></span></button></div></div></header><main class="flex-1 overflow-y-auto px-4 py-6 sm:px-6"><div class="grid grid-cols-6 gap-6"><div class="border bg-card text-card-foreground shadow-sm col-span-full rounded-[14px] xl:col-span-3"><div class="space-y-1.5 p-6 flex flex-row items-center justify-between border-b pb-6 px-6"><span class="text-lg font-semibold">Vehicle overview</span><button class="text-muted-foreground hover:bg-accent hover:text-accent-foreground size-6 rounded-full flex items-center justify-center transition-colors" type="button" id="radix-_R_4jainpfivb_" aria-haspopup="menu" aria-expanded="false" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-ellipsis-vertical size-4" aria-hidden="true"><circle cx="12" cy="12" r="1"></circle><circle cx="12" cy="5" r="1"></circle><circle cx="12" cy="19" r="1"></circle></svg></button></div><div class="p-6 flex flex-col gap-6 px-6 pt-6"><div class="flex flex-col gap-3"><div class="text-muted-foreground flex text-sm"><div class="flex flex-col gap-1" style="width:33.3%"><span>On the way</span><div class="bg-muted-foreground h-2.5 w-0.5 rounded-full"></div></div><div class="flex flex-col gap-1" style="width:23.5%"><span>Unloading</span><div class="bg-muted-foreground h-2.5 w-0.5 rounded-full"></div></div><div class="flex flex-col gap-1" style="width:22.1%"><span>Loading</span><div class="bg-muted-foreground h-2.5 w-0.5 rounded-full"></div></div><div class="flex flex-col gap-1" style="width:21.1%"><span>Waiting</span><div class="bg-muted-foreground h-2.5 w-0.5 rounded-full"></div></div></div><div class="flex h-12 w-full overflow-hidden rounded-md"><div class="flex items-center justify-center p-3 text-sm font-medium transition-all duration-1000 ease-out bg-primary/10 text-primary" style="width:0%"><span>33.3<!-- -->%</span></div><div class="flex items-center justify-center p-3 text-sm font-medium transition-all duration-1000 ease-out bg-orange-600 text-primary-foreground" style="width:0%"><span>23.5<!-- -->%</span></div><div class="flex items-center justify-center p-3 text-sm font-medium transition-all duration-1000 ease-out bg-teal-600 text-primary-foreground" style="width:0%"><span>22.1<!-- -->%</span></div><div class="flex items-center justify-center p-3 text-sm font-medium transition-all duration-1000 ease-out bg-blue-900 text-primary-foreground" style="width:0%"><span>21.1<!-- -->%</span></div></div></div><div><div class="flex items-center justify-between px-2 py-3 border-b"><div class="text-muted-foreground flex items-center gap-4 [&amp;&gt;svg]:size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-car size-4" aria-hidden="true"><path d="M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.4 2.9A3.7 3.7 0 0 0 2 12v4c0 .6.4 1 1 1h2"></path><circle cx="7" cy="17" r="2"></circle><path d="M9 17h6"></path><circle cx="17" cy="17" r="2"></circle></svg><span>On the way</span></div><div class="flex items-center gap-4"><span class="font-medium">2hr 10min</span><span class="text-muted-foreground text-sm">33.3<!-- -->%</span></div></div><div class="flex items-center justify-between px-2 py-3 border-b"><div class="text-muted-foreground flex items-center gap-4 [&amp;&gt;svg]:size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-down size-4" aria-hidden="true"><path d="M12 5v14"></path><path d="m19 12-7 7-7-7"></path></svg><span>Unloading</span></div><div class="flex items-center gap-4"><span class="font-medium">3hr 15min</span><span class="text-muted-foreground text-sm">23.5<!-- -->%</span></div></div><div class="flex items-center justify-between px-2 py-3 border-b"><div class="text-muted-foreground flex items-center gap-4 [&amp;&gt;svg]:size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up size-4" aria-hidden="true"><path d="m5 12 7-7 7 7"></path><path d="M12 19V5"></path></svg><span>Loading</span></div><div class="flex items-center gap-4"><span class="font-medium">1hr 24min</span><span class="text-muted-foreground text-sm">22.1<!-- -->%</span></div></div><div class="flex items-center justify-between px-2 py-3"><div class="text-muted-foreground flex items-center gap-4 [&amp;&gt;svg]:size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock size-4" aria-hidden="true"><path d="M12 6v6l4 2"></path><circle cx="12" cy="12" r="10"></circle></svg><span>Waiting</span></div><div class="flex items-center gap-4"><span class="font-medium">5hr 19min</span><span class="text-muted-foreground text-sm">21.1<!-- -->%</span></div></div></div></div></div><div class="border bg-card text-card-foreground shadow-sm col-span-full rounded-[14px] md:col-span-3"><div class="space-y-1.5 p-6 flex items-start flex-row justify-between gap-2 py-0 px-6 pt-6"><div class="flex items-center gap-2"><span class="relative flex shrink-0 overflow-hidden size-[38px] rounded-lg"><span class="flex h-full w-full items-center justify-center rounded-full bg-muted">JW</span></span><div class="flex flex-col gap-1"><span class="text-[20px] font-medium">@jorjishasan</span><span class="text-muted-foreground text-sm">Business</span></div></div><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 text-muted-foreground hover:bg-accent hover:text-accent-foreground size-6 shrink-0 rounded-full" t
26ype="button" id="radix-_R_4lainpfivb_" aria-haspopup="menu" aria-expanded="false" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-ellipsis size-4" aria-hidden="true"><circle cx="12" cy="12" r="1"></circle><circle cx="19" cy="12" r="1"></circle><circle cx="5" cy="12" r="1"></circle></svg><span class="sr-only">Menu</span></button></div><div class="p-6 px-6 flex flex-1 flex-col gap-6 py-6 pt-3"><div data-orientation="horizontal" role="none" class="bg-border shrink-0 h-px w-full"></div><div class="flex flex-1 flex-col gap-2"><div class="flex items-baseline gap-2"><span class="text-2xl font-medium">4,689</span><span class="text-muted-foreground text-sm">Orders</span></div><div dir="ltr" data-orientation="horizontal" class="flex flex-col flex-1 justify-between gap-6"><div role="tablist" aria-orientation="horizontal" class="bg-muted text-muted-foreground inline-flex h-9 items-center justify-center rounded-lg p-[3px] w-full" tabindex="-1" data-orientation="horizontal" style="outline:none"><button type="button" role="tab" aria-selected="true" aria-controls="radix-_R_l5ainpfivb_-content-packed" data-state="active" id="radix-_R_l5ainpfivb_-trigger-packed" class="ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 text-foreground h-[calc(100%-1px)] flex-1 justify-center rounded-md border border-transparent py-1 text-sm font-medium whitespace-nowrap data-[state=active]:bg-background data-[state=active]:shadow-sm flex items-center gap-1 px-1.5" tabindex="-1" data-orientation="horizontal" data-radix-collection-item=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-package size-4" aria-hidden="true"><path d="M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z"></path><path d="M12 22V12"></path><polyline points="3.29 7 12 12 20.71 7"></polyline><path d="m7.5 4.27 9 5.15"></path></svg><span class="max-sm:hidden">Packed</span></button><button type="button" role="tab" aria-selected="false" aria-controls="radix-_R_l5ainpfivb_-content-shipped" data-state="inactive" id="radix-_R_l5ainpfivb_-trigger-shipped" class="ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 text-foreground h-[calc(100%-1px)] flex-1 justify-center rounded-md border border-transparent py-1 text-sm font-medium whitespace-nowrap data-[state=active]:bg-background data-[state=active]:shadow-sm flex items-center gap-1 px-1.5" tabindex="-1" data-orientation="horizontal" data-radix-collection-item=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-truck size-4" aria-hidden="true"><path d="M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2"></path><path d="M15 18H9"></path><path d="M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14"></path><circle cx="17" cy="18" r="2"></circle><circle cx="7" cy="18" r="2"></circle></svg><span class="max-sm:hidden">Shipped</span></button><button type="button" role="tab" aria-selected="false" aria-controls="radix-_R_l5ainpfivb_-content-received" data-state="inactive" id="radix-_R_l5ainpfivb_-trigger-received" class="ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 text-foreground h-[calc(100%-1px)] flex-1 justify-center rounded-md border border-transparent py-1 text-sm font-medium whitespace-nowrap data-[state=active]:bg-background data-[state=active]:shadow-sm flex items-center gap-1 px-1.5" tabindex="-1" data-orientation="horizontal" data-radix-collection-item=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-package-open size-4" aria-hidden="true"><path d="M12 22v-9"></path><path d="M15.17 2.21a1.67 1.67 0 0 1 1.63 0L21 4.57a1.93 1.93 0 0 1 0 3.36L8.82 14.79a1.655 1.655 0 0 1-1.64 0L3 12.43a1.93 1.93 0 0 1 0-3.36z"></path><path d="M20 13v3.87a2.06 2.06 0 0 1-1.11 1.83l-6 3.08a1.93 1.93 0 0 1-1.78 0l-6-3.08A2.06 2.06 0 0 1 4 16.87V13"></path><path d="M21 12.43a1.93 1.93 0 0 0 0-3.36L8.83 2.2a1.64 1.64 0 0 0-1.63 0L3 4.57a1.93 1.93 0 0 0 0 3.36l12.18 6.86a1.636 1.636 0 0 0 1.63 0z"></path></svg><span class="max-sm:hidden">Received</span></button></div><div data-state="active" data-orientation="horizontal" role="tabpanel" aria-labelledby="radix-_R_l5ainpfivb_-tr
26igger-packed" id="radix-_R_l5ainpfivb_-content-packed" tabindex="0" class="ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 data-[state=active]:flex flex-1 outline-none flex-col justify-evenly gap-6" style="animation-duration:0s"><div class="space-y-2"><div class="flex items-center justify-between"><span>Packing Pending</span><span class="text-muted-foreground text-sm">4250</span></div><div aria-valuemax="100" aria-valuemin="0" role="progressbar" data-state="indeterminate" data-max="100" data-slot="progress" class="bg-primary/20 relative h-2 w-full overflow-hidden rounded-full"><div data-state="indeterminate" data-max="100" data-slot="progress-indicator" class="bg-primary h-full w-full flex-1 transition-all" style="transform:translateX(-20%)"></div></div></div><div class="space-y-2"><div class="flex items-center justify-between"><span>Packing in Progress</span><span class="text-muted-foreground text-sm">2150</span></div><div aria-valuemax="100" aria-valuemin="0" role="progressbar" data-state="indeterminate" data-max="100" data-slot="progress" class="bg-primary/20 relative h-2 w-full overflow-hidden rounded-full"><div data-state="indeterminate" data-max="100" data-slot="progress-indicator" class="bg-primary h-full w-full flex-1 transition-all" style="transform:translateX(-54%)"></div></div></div><div class="space-y-2"><div class="flex items-center justify-between"><span>Packing Complete</span><span class="text-muted-foreground text-sm">1750</span></div><div aria-valuemax="100" aria-valuemin="0" role="progressbar" data-state="indeterminate" data-max="100" data-slot="progress" class="bg-primary/20 relative h-2 w-full overflow-hidden rounded-full"><div data-state="indeterminate" data-max="100" data-slot="progress-indicator" class="bg-primary h-full w-full flex-1 transition-all" style="transform:translateX(-63%)"></div></div></div></div><div data-state="inactive" data-orientation="horizontal" role="tabpanel" aria-labelledby="radix-_R_l5ainpfivb_-trigger-shipped" hidden="" id="radix-_R_l5ainpfivb_-content-shipped" tabindex="0" class="ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 data-[state=active]:flex flex-1 outline-none flex-col justify-evenly gap-6"></div><div data-state="inactive" data-orientation="horizontal" role="tabpanel" aria-labelledby="radix-_R_l5ainpfivb_-trigger-received" hidden="" id="radix-_R_l5ainpfivb_-content-received" tabindex="0" class="ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 data-[state=active]:flex flex-1 outline-none flex-col justify-evenly gap-6"></div></div></div></div></div><div class="border bg-card text-card-foreground shadow-sm col-span-full rounded-[14px] md:col-span-3 xl:col-span-2"><div class="space-y-1.5 p-6 flex flex-col items-start gap-1 pb-0 px-6"><div class="flex w-full items-center justify-between gap-2"><div class="flex items-center gap-2"><span class="relative flex shrink-0 overflow-hidden size-8 rounded-sm"><span class="flex size-full items-center justify-center bg-primary/10 text-primary shrink-0 rounded-md"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles size-4" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg></span></span><span class="text-lg">Sales performance</span></div><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border border-input bg-background hover:bg-accent hover:text-accent-foreground rounded-md h-7 px-2 py-1 text-xs" type="button" id="radix-_R_inainpfivb_" aria-haspopup="menu" aria-expanded="false" data-state="closed">Details</button></div><div class="flex items-center pb-3 gap-2"><span class="text-2xl font-semibold">68K</span><div class="inline-flex items-center border transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary/10 text-primary hover:bg-primary/5 rounded-sm px-2 py-0.5 text-xs font-medium">-6%</div></div></div><div class="p-6 flex flex-1 flex-col gap-4 px-6 pt-0"><div data-orientation="horizontal" role="none" class="bg-border shrink-0 h-px w-full"></div><div class="grid flex-1 grid-cols-2"><div class="flex flex-1 flex-col gap-2.5 p-2"><div class="flex flex-col gap-1"><span class="text-muted-foreground text-sm">Online Store</span><div class="flex items-center gap-2"><span class="text-2xl font-medium">88</span><div class="inline-flex items-center border transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary/10 text-primary hover:bg-primary/5 rounded-sm px-3 py-0.5 text-xs font-medium">Good</div></div></div><div class="flex flex-1 flex-col justify-between gap-[10px]"><div class="bg-primary/20 relative w-full overflow-hidden h-2 rounded-[2px]"><div class="bg-orange-600 h-full w-full flex-1 transition-all" style="transform:translateX(-100%)"></div></div><div class="bg-primary/20 relative w-full overflow-hidden h-2 rounded-[2px]"><div class="bg-orange-600 h-full w-full flex-1 transition-all" style="transform:translateX(0%)"></div></div><div class="bg-primary/20 relative w-full overflow-hidden h-2 rounded-[2px]"><div class="bg-orange-600 h-full w-full flex-1 transition-all" style="transform:translateX(0%)"></div></div><div class="bg-primary/20 relative w-full overflow-hidden h-2 rounded-[2px]"><div class="bg-orange-600 h-full w-full flex-1 transition-all" style="transform:translateX(0%)"></div></div><div class="bg-primary/20 relative w-full overflow-hidden h-2 rounded-[2px]"><div class="bg-orange-600 h-full w-full flex-1 transition-all" style="transform:translateX(0%)"></div></div><div class="bg-primary/20 relative w-full overflow-hidden h-2 rounded-[2px]"><div class="bg-orange-600 h-full w-full flex-1 transition-all" style="transform:translateX(0%)"></div></div><div class="bg-primary/20 relative w-full overflow-hidden h-2 rounded-[2px]"><div class="bg-orange-600 h-full w-full flex-1 transition-all" style="transform:translateX(0%)"></div></div><div class="bg-primary/20 relative w-full overflow-hidden h-2 rounded-[2px]"><div class="bg-orange-600 h-full w-full flex-1 transition-all" style="transform:translateX(0%)"></div></div><div class="bg-primary/20 relative w-full overflow-hidden h-2 rounded-[2px]"><div class="bg-orange-600 h-full w-full flex-1 transition-all" style="transform:translateX(0%)"></div></div><div class="bg-primary/20 relative w-full overflow-hidden h-2 rounded-[2px]"><div class="bg-orange-600 h-full w-full flex-1 transition-all" style="transform:translateX(0%)"></div></div></div></div><div class="flex flex-1 flex-col gap-2.5 p-2"><div class="flex flex-col gap-1"><span class="text-muted-foreground text-sm">Offline Store</span><div class="flex items-center gap-2"><span class="text-2xl font-medium">64</span><div class="inline-flex items-center border transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary/10 text-primary hover:bg-primary/5 rounded-sm px-3 py-0.5 text-xs font-medium">Average</div></div></div><div class="flex flex-1 flex-col justify-between gap-2"><div class="bg-primary/20 relative w-full overflow-hidden h-2 rounded-[2px]"><div class="bg-teal-600 h-full w-full flex-1 transition-all" style="transform:translateX(-100%)"></div></div><div class="bg-primary/20 relative w-full overflow-hidden h-2 rounded-[2px]"><div class="bg-teal-600 h-full w-full flex-1 transition-all" style="transform:translateX(-100%)"></div></div><div class="bg-primary/20 relative w-full overflow-hidden h-2 rounded-[2px]"><div class="bg-teal-600 h-full w-full flex-1 transition-all" style="transform:translateX(-100%)"></div></div><div class="bg-primary/20 relative w-full overflow-hidden h-2 rounded-[2px]"><div class="bg-teal-600 h-full w-full flex-1 transition-all" style="transform:translateX(-100%)"></div></div><div class="bg-primary/20 relative w-full overflow-hidden h-2 rounded-[2px]"><div class="bg-teal-600 h-full w-full flex-1 transition-all" style="transform:translateX(0%)"></div></div><div class="bg-primary/20 relative w-full overflow-hidden h-2 rounded-[2px]"><div class="bg-teal-600 h-full w-full flex-1 transition-all" style="transform:translateX(0%)"></div></div><div class="bg-primary/20 relative w-full overflow-hidden h-2 rounded-[2px]"><div class="bg-teal-600 h-full w-full flex-1 transition-all" style="transform:translateX(0%)"></div></div><div class="bg-primary/20 relative w-full overflow-hidden h-2 rounded-[2px]"><div class="bg-teal-600 h-full w-full flex-1 transition-all" style="transform:translateX(0%)"></div></div><div class="bg-primary/20 relative w-full overflow-hidden h-2 rounded-[2px]"><div class="bg-teal-600 h-full w-full flex-1 transition-all" style="transform:translateX(0%)"></div></div><div class="bg-primary/20 relative w-full overflow-hidden h-2 rounded-[2px]"><div class="bg-teal-600 h-full w-full flex-1 transition-all" style="transform:translateX(0%)"></div></div></div></div></div></div></div><div data-slot="card" class="bg-card text-card-foreground flex flex-col border py-6 shadow-sm gap-4 col-span-full rounded-[14px] md:col-span-3 xl:col-span-2"><div data-slot="card-header" class="@container/card-header auto-rows-min grid-rows-[auto_auto] gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6 flex items-center justify-between"><span class="text-lg font-semibold">Vehicles Condition</span><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 text-muted-foreground hover:bg-accent hover:text-accent-foreground size-6 shrink-0 rounded-full" t
26ype="button" id="radix-_R_4painpfivb_" aria-haspopup="menu" aria-expanded="false" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-ellipsis-vertical size-4" aria-hidden="true"><circle cx="12" cy="12" r="1"></circle><circle cx="12" cy="5" r="1"></circle><circle cx="12" cy="19" r="1"></circle></svg><span class="sr-only">Menu</span></button></div><div data-slot="card-content" class="px-6 flex flex-1 flex-col justify-between gap-4"><div class="flex items-center justify-between gap-2"><div class="flex items-center justify-between gap-3"><div class="relative"><svg width="52" height="52" viewBox="-6.5 -6.5 65 65" version="1.1" xmlns="http://www.w3.org/2000/svg" style="transform:rotate(-90deg)" class="relative"><circle r="26" cx="26" cy="26" fill="transparent" stroke-width="5" stroke-dasharray="164" stroke-dashoffset="0" class="stroke-border"></circle><circle r="26" cx="26" cy="26" stroke-width="5" stroke-linecap="round" stroke-dashoffset="73.8" fill="transparent" stroke-dasharray="164" class="stroke-chart-1"></circle></svg><div class="absolute inset-0 flex items-center justify-center text-xs">55<!-- -->%</div></div><div class="flex flex-col gap-0.5"><span class="font-medium">Excellent</span><span class="text-muted-foreground text-sm">12% increase</span></div></div><span data-slot="badge" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden border px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] [&amp;&gt;svg]:pointer-events-none [&amp;&gt;svg]:size-3 [a&amp;]:hover:bg-primary/90 border-transparent bg-primary/10 text-primary rounded-sm">+25%</span></div><div class="flex items-center justify-between gap-2"><div class="flex items-center justify-between gap-3"><div class="relative"><svg width="52" height="52" viewBox="-6.5 -6.5 65 65" version="1.1" xmlns="http://www.w3.org/2000/svg" style="transform:rotate(-90deg)" class="relative"><circle r="26" cx="26" cy="26" fill="transparent" stroke-width="5" stroke-dasharray="164" stroke-dashoffset="0" class="stroke-border"></circle><circle r="26" cx="26" cy="26" stroke-width="5" stroke-linecap="round" stroke-dashoffset="131.2" fill="transparent" stroke-dasharray="164" class="stroke-chart-2"></circle></svg><div class="absolute inset-0 flex items-center justify-center text-xs">20<!-- -->%</div></div><div class="flex flex-col gap-0.5"><span class="font-medium">Good</span><span class="text-muted-foreground text-sm">24 vehicles</span></div></div><span data-slot="badge" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden border px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] [&amp;&gt;svg]:pointer-events-none [&amp;&gt;svg]:size-3 [a&amp;]:hover:bg-primary/90 border-transparent bg-primary/10 text-primary rounded-sm">+30%</span></div><div class="flex items-center justify-between gap-2"><div class="flex items-center justify-between gap-3"><div class="relative"><svg width="52" height="52" viewBox="-6.5 -6.5 65 65" version="1.1" xmlns="http://www.w3.org/2000/svg" style="transform:rotate(-90deg)" class="relative"><circle r="26" cx="26" cy="26" fill="transparent" stroke-width="5" stroke-dasharray="164" stroke-dashoffset="0" class="stroke-border"></circle><circle r="26" cx="26" cy="26" stroke-width="5" stroke-linecap="round" stroke-dashoffset="144.32" fill="transparent" stroke-dasharray="164" class="stroke-chart-3"></circle></svg><div class="absolute inset-0 flex items-center justify-center text-xs">12<!-- -->%</div></div><div class="flex flex-col gap-0.5"><span class="font-medium">Average</span><span class="text-muted-foreground text-sm">182 Tasks</span></div></div><span data-slot="badge" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden border px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,box-shadow] focu
26s-visible:ring-[3px] [&amp;&gt;svg]:pointer-events-none [&amp;&gt;svg]:size-3 [a&amp;]:hover:bg-primary/90 border-transparent bg-primary/10 text-primary rounded-sm">-15%</span></div><div class="flex items-center justify-between gap-2"><div class="flex items-center justify-between gap-3"><div class="relative"><svg width="52" height="52" viewBox="-6.5 -6.5 65 65" version="1.1" xmlns="http://www.w3.org/2000/svg" style="transform:rotate(-90deg)" class="relative"><circle r="26" cx="26" cy="26" fill="transparent" stroke-width="5" stroke-dasharray="164" stroke-dashoffset="0" class="stroke-border"></circle><circle r="26" cx="26" cy="26" stroke-width="5" stroke-linecap="round" stroke-dashoffset="150.88" fill="transparent" stroke-dasharray="164" class="stroke-chart-5"></circle></svg><div class="absolute inset-0 flex items-center justify-center text-xs">8<!-- -->%</div></div><div class="flex flex-col gap-0.5"><span class="font-medium">Bad</span><span class="text-muted-foreground text-sm">9 vehicles</span></div></div><span data-slot="badge" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden border px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] [&amp;&gt;svg]:pointer-events-none [&amp;&gt;svg]:size-3 [a&amp;]:hover:bg-primary/90 border-transparent bg-primary/10 text-primary rounded-sm">+35%</span></div><div class="flex items-center justify-between gap-2"><div class="flex items-center justify-between gap-3"><div class="relative"><svg width="52" height="52" viewBox="-6.5 -6.5 65 65" version="1.1" xmlns="http://www.w3.org/2000/svg" style="transform:rotate(-90deg)" class="relative"><circle r="26" cx="26" cy="26" fill="transparent" stroke-width="5" stroke-dasharray="164" stroke-dashoffset="0" class="stroke-border"></circle><circle r="26" cx="26" cy="26" stroke-width="5" stroke-linecap="round" stroke-dashoffset="155.8" fill="transparent" stroke-dasharray="164" class="stroke-primary"></circle></svg><div class="absolute inset-0 flex items-center justify-center text-xs">5<!-- -->%</div></div><div class="flex flex-col gap-0.5"><span class="font-medium">Not Working</span><span class="text-muted-foreground text-sm">3 vehicles</span></div></div><span data-slot="badge" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden border px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] [&amp;&gt;svg]:pointer-events-none [&amp;&gt;svg]:size-3 [a&amp;]:hover:bg-primary/90 border-transparent bg-primary/10 text-primary rounded-sm">-2%</span></div></div></div><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 border py-6 shadow-sm col-span-full rounded-[14px] md:col-span-3 xl:col-span-2"><div data-slot="card-header" class="@container/card-header auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6 flex justify-between"><span class="text-lg font-semibold">Customer Ratings</span><button class="ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-offset-2 [&amp;_svg]:size-4 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex shrink-0 items-center justify-center gap-2 text-sm font-medium whitespace-nowrap outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&quot;size-&quot;])]:size-4 hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 text-muted-foreground size-6 rounded-full" data-slot="dropdown-menu-trigger" type="button" id="radix-_R_4rainpfivb_" aria-haspopup="menu" aria-expanded="false" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-ellipsis-vertical" aria-hidden="true"><circle cx="12" cy="12" r="1"></circle><circle cx="12" cy="5" r="1"></circle><circle cx="12" cy="19" r="1"></circle></svg><span class="sr-only">Menu</span></button></div>
26<div data-slot="card-content" class="px-6 flex flex-1 flex-col gap-6"><div class="flex flex-col gap-2"><div class="flex items-center gap-6"><span class="text-3xl font-semibold">4.5</span><div data-slot="rating" role="img" data-disabled="false" data-readonly="true" class="focus-visible:ring-ring/50 flex gap-px focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none" aria-label="4.5 stars" aria-valuemin="0" aria-valuemax="5" aria-valuenow="4.5" aria-valuetext="4.5 of 5 stars"><span data-slot="rating-star" class="relative" aria-disabled="false" aria-hidden="true"><span data-slot="rating-item" aria-label="0.5 Stars" data-disabled="false" data-readonly="true" data-filled="true" class="[&amp;_svg]:pointer-events-none pointer-events-none absolute top-0 left-0 overflow-hidden" style="width:50%"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star transition-colors fill-current text-amber-600 dark:text-amber-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></span><span data-slot="rating-item" aria-label="1 Stars" data-disabled="false" data-readonly="true" data-filled="true" class="[&amp;_svg]:pointer-events-none"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star transition-colors fill-current text-amber-600 dark:text-amber-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></span></span><span data-slot="rating-star" class="relative" aria-disabled="false" aria-hidden="true"><span data-slot="rating-item" aria-label="1.5 Stars" data-disabled="false" data-readonly="true" data-filled="true" class="[&amp;_svg]:pointer-events-none pointer-events-none absolute top-0 left-0 overflow-hidden" style="width:50%"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star transition-colors fill-current text-amber-600 dark:text-amber-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></span><span data-slot="rating-item" aria-label="2 Stars" data-disabled="false" data-readonly="true" data-filled="true" class="[&amp;_svg]:pointer-events-none"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star transition-colors fill-current text-amber-600 dark:text-amber-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></span></span><span data-slot="rating-star" class="relative" aria-disabled="false" aria-hidden="true"><span data-slot="rating-item" aria-label="2.5 Stars" data-disabled="false" data-readonly="true" data-filled="true" class="[&amp;_svg]:pointer-events-none pointer-events-none absolute top-0 left-0 overflow-hidden" style="width:50%"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star transition-colors fill-current text-amber-600 dar
26k:text-amber-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></span><span data-slot="rating-item" aria-label="3 Stars" data-disabled="false" data-readonly="true" data-filled="true" class="[&amp;_svg]:pointer-events-none"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star transition-colors fill-current text-amber-600 dark:text-amber-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></span></span><span data-slot="rating-star" class="relative" aria-disabled="false" aria-hidden="true"><span data-slot="rating-item" aria-label="3.5 Stars" data-disabled="false" data-readonly="true" data-filled="true" class="[&amp;_svg]:pointer-events-none pointer-events-none absolute top-0 left-0 overflow-hidden" style="width:50%"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star transition-colors fill-current text-amber-600 dark:text-amber-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></span><span data-slot="rating-item" aria-label="4 Stars" data-disabled="false" data-readonly="true" data-filled="true" class="[&amp;_svg]:pointer-events-none"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star transition-colors fill-current text-amber-600 dark:text-amber-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></span></span><span data-slot="rating-star" class="relative" aria-disabled="false" aria-hidden="true"><span data-slot="rating-item" aria-label="4.5 Stars" data-disabled="false" data-readonly="true" data-filled="true" class="[&amp;_svg]:pointer-events-none pointer-events-none absolute top-0 left-0 overflow-hidden" style="width:50%"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star transition-colors fill-current text-amber-600 dark:text-amber-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></span><span data-slot="rating-item" aria-label="5 Stars" data-disabled="false" data-readonly="true" data-filled="false" class="[&amp;_svg]:pointer-events-none"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star fill-amber-600/30 stroke-amber-600/10 dark:fill-amber-400/30 dark:stroke-amber-400/10" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></span></span></div></div><div class="flex items-center gap-6"><div class="transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 focus-visible:border-ring aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden px-2 py-0.5 text-xs font-medium whitespace-nowrap focu
26s-visible:ring-[3px] [&amp;&gt;svg]:pointer-events-none [&amp;&gt;svg]:size-3 border-transparent bg-primary/10 hover:bg-primary/10 focus-visible:ring-primary/20 dark:focus-visible:ring-primary/40 text-primary rounded-sm border focus-visible:outline-none"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus size-3" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg>5.0</div><span class="text-muted-foreground text-sm">Points from last month</span></div></div><div data-chart="chart-_R_5bainpfivb_" class="flex aspect-video justify-center text-xs [&amp;_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&amp;_.recharts-cartesian-grid_line[stroke=&#x27;#ccc&#x27;]]:stroke-border/50 [&amp;_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&amp;_.recharts-dot[stroke=&#x27;#fff&#x27;]]:stroke-transparent [&amp;_.recharts-layer]:outline-none [&amp;_.recharts-polar-grid_[stroke=&#x27;#ccc&#x27;]]:stroke-border [&amp;_.recharts-radial-bar-background-sector]:fill-muted [&amp;_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&amp;_.recharts-reference-line_[stroke=&#x27;#ccc&#x27;]]:stroke-border [&amp;_.recharts-sector[stroke=&#x27;#fff&#x27;]]:stroke-transparent [&amp;_.recharts-sector]:outline-none [&amp;_.recharts-surface]:outline-none min-h-47.5 w-full flex-1"><style>
27 [data-chart=chart-_R_5bainpfivb_] {
28  --color-online: hsl(var(--chart-2));
29  --color-offline: color-mix(in oklab, hsl(var(--primary)) 10%, transparent);
30}
31
32
33.dark [data-chart=chart-_R_5bainpfivb_] {
34  --color-online: hsl(var(--chart-2));
35  --color-offline: color-mix(in oklab, hsl(var(--primary)) 10%, transparent);
36}
37</style><div class="recharts-responsive-container" style="width:100%;height:100%;min-width:0"></div></div></div></div><div class="border bg-card text-card-foreground shadow-sm col-span-full rounded-[14px]"><div class="space-y-1.5 p-6 flex flex-row items-center justify-between pb-4"><span class="font-semibold">On route vehicle</span><button class="text-muted-foreground hover:text-foreground" type="button" id="radix-_R_4tainpfivb_" aria-haspopup="menu" aria-expanded="false" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-ellipsis-vertical h-5 w-5" aria-hidden="true"><circle cx="12" cy="12" r="1"></circle><circle cx="12" cy="5" r="1"></circle><circle cx="12" cy="19" r="1"></circle></svg></button></div><div class="p-0"><div class="relative w-full overflow-auto"><table class="w-full caption-bottom text-sm"><thead class="[&amp;_tr]:border-b"><tr class="border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted"><th class="h-12 px-4 text-left align-middle font-medium text-muted-foreground [&amp;:has([role=checkbox])]:pr-0 w-[50px]"><button type="button" role="checkbox" aria-checked="false" data-state="unchecked" value="on" class="grid place-content-center peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground"></button><input type="checkbox" aria-hidden="true" tabindex="-1" style="position:absolute;pointer-events:none;opacity:0;margin:0;transform:translateX(-100%)" value="on"/></th><th class="h-12 px-4 text-left align-middle font-medium text-muted-foreground [&amp;:has([role=checkbox])]:pr-0">Vehicle</th><th class="h-12 px-4 text-left align-middle font-medium text-muted-foreground [&amp;:has([role=checkbox])]:pr-0">Starting route</th><th class="h-12 px-4 text-left align-middle font-medium text-muted-foreground [&amp;:has([role=checkbox])]:pr-0">Ending route</th><th class="h-12 px-4 text-left align-middle font-medium text-muted-foreground [&amp;:has([role=checkbox])]:pr-0">Warnings</th><th class="h-12 px-4 text-left align-middle font-medium text-muted-foreground [&amp;:has([role=checkbox])]:pr-0">Progress</th></tr></thead><tbody class="[&amp;_tr:last-child]:border-0"><tr class="border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted"><td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0"><button type="button" role="checkbox" aria-checked="false" data-state="unchecked" value="on" class="grid place-content-center peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground"></button><input type="checkbox" aria-hidden="true" tabindex="-1" style="position:absolute;pointer-events:none;opacity:0;margin:0;transform:translateX(-100%)" value="on"/></td><td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0"><div class="flex items-center gap-3"><div class="flex h-8 w-8 items-center justify-center rounded-full bg-muted"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-truck h-4 w-4" aria-hidden="true"><path d="M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2"></path><path d="M15 18H9"></path><path d="M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14"></path><circle cx="17" cy="18" r="2"></circle><circle cx="7" cy="18" r="2"></circle></svg></div><span class="font-medium">VOL-159145</span></div></td><td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0 text-muted-foreground">Paris 19, France</td><td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0 text-muted-foreground">Dresden, Germany</td><td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0"><div class="inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80 font-normal">No Warning</div></td><td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0 w-[200px]"><div class="flex items-center gap-3"><div aria-valuemax="100" aria-valuemin="0" role="progressbar" data-state="indeterminate" data-max="100" class="relative overflow-hidden rounded-full h-2 w-full [&amp;&gt;div]:bg-orange-500 bg-secondary"><div data-state="indeterminate" data-max="100" class="h-full w-full flex-1 bg-primary transition-all" style="transform:translateX(-50%)"></div></div><span class="text-sm font-medium">50<!-- -->%</span></div></td></tr><tr class="border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted"><td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0"><button type="button" role="checkbox" aria-checked="false" data-state="unchecked" value="on" class="grid place-content-center peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground"></button><input type="checkbox" aria-hidden="true" tabindex="-1" style="position:absolute;pointer-events:none;opacity:0;margin:0;transform:translateX(-100%)" value="on"/></td><td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0"><div class="flex items-center gap-3"><div class="flex h-8 w-8 items-center justify-center rounded-full bg-muted"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-truck h-4 w-4" aria-hidden="true"><path d="M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2"></path><path d="M15 18H9"></path><path d="M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14"></path><circle cx="17" cy="18" r="2"></circle><circle cx="7" cy="18" r="2"></circle></svg></div><span class="font-medium">VOL-163825</span></div></td><td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0 text-muted-foreground">Tokyo 23, Japan</td><td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0 text-muted-foreground">Budapest, Hungary</td><td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0"><div class="inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80 font-normal">Fuel Problems</div></td><td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0 w-[200px]"><div class="flex items-center gap-3"><div aria-valuemax="100" aria-valuemin="0" role="progressbar" data-state="indeterminate" data-max="100" class="relative overflow-hidden rounded-full h-2 w-full [&amp;&gt;div]:bg-teal-500 bg-secondary"><div data-state="indeterminate" data-max="100" class="h-full w-full flex-1 bg-primary transition-all" style="transform:translateX(-25%)"></div></div><span class="text-sm font-medium">75<!-- -->%</span></div></td></tr><tr class="border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted"><td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0"><button type="button" role="checkbox" aria-checked="false" data-state="unchecked" value="on" class="grid place-content-center peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground"></button><input type="checkbox" aria-hidden="true" tabindex="-1" style="position:absolute;pointer-events:none;opacity:0;margin:0;transform:translateX(-100%)" value="on"/></td><td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0"><div class="flex items-center gap-3"><div class="flex h-8 w-8 items-center justify-center rounded-full bg-muted"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-truck h-4 w-4" aria-hidden="true"><path d="M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2"></path><path d="M15 18H9"></path><path d="M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14"></path><circle cx="17" cy="18" r="2"></circle><circle cx="7" cy="18" r="2"></circle></svg></div><span class="font-medium">VOL-182624</span></div></td><td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0 text-muted-foreground">New York City, USA</td><td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0 text-muted-foreground">Kyoto, Japan</td><td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0"><div class="inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80 font-normal">Temperature Not Optimal</div></td><td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0 w-[200px]"><div class="flex items-center gap-3"><div aria-valuemax="100" aria-valuemin="0" role="progressbar" data-state="indeterminate" data-max="100" class="relative overflow-hidden rounded-full h-2 w-full [&amp;&gt;div]:bg-teal-500 bg-secondary"><div data-state="indeterminate" data-max="100" class="h-full w-full flex-1 bg-primary transition-all" style="transform:translateX(-75%)"></div></div><span class="text-sm font-medium">25<!-- -->%</span></div></td></tr><tr class="border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted"><td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0"><button type="button" role="checkbox" aria-checked="false" data-state="unchecked" value="on" class="grid place-content-center peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground"></button><input type="checkbox" aria-hidden="true" tabindex="-1" style="position:absolute;pointer-events:none;opacity:0;margin:0;transform:translateX(-100%)" value="on"/></td><td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0"><div class="flex items-center gap-3"><div class="flex h-8 w-8 items-center justify-center rounded-full bg-muted"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-truck h-4 w-4" aria-hidden="true"><path d="M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2"></path><path d="M15 18H9"></path><path d="M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14"></path><circle cx="17" cy="18" r="2"></circle><circle cx="7" cy="18" r="2"></circle></svg></div><span class="font-medium">VOL-27568</span></div></td><td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0 text-muted-foreground">Berlin, Germany</td><td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0 text-muted-foreground">Cape Town, South Africa</td><td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0"><div class="inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80 font-normal">Ecu Not Responding</div></td><td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0 w-[200px]"><div class="flex items-center gap-3"><div aria-valuemax="100" aria-valuemin="0" role="progressbar" data-state="indeterminate" data-max="100" class="relative overflow-hidden rounded-full h-2 w-full [&amp;&gt;div]:bg-orange-500 bg-secondary"><div data-state="indeterminate" data-max="100" class="h-full w-full flex-1 bg-primary transition-all" style="transform:translateX(-50%)"></div></div><span class="text-sm font-medium">50<!-- -->%</span></div></td></tr><tr class="border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted"><td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0"><button type="button" role="checkbox" aria-checked="false" data-state="unchecked" value="on" class="grid place-content-center peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground"></button><input type="checkbox" aria-hidden="true" tabindex="-1" style="position:absolute;pointer-events:none;opacity:0;margin:0;transform:translateX(-100%)" value="on"/></td><td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0"><div class="flex items-center gap-3"><div class="flex h-8 w-8 items-center justify-center rounded-full bg-muted"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-truck h-4 w-4" aria-hidden="true"><path d="M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2"></path><path d="M15 18H9"></path><path d="M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14"></path><circle cx="17" cy="18" r="2"></circle><circle cx="7" cy="18" r="2"></circle></svg></div><span class="font-medium">VOL-300168</span></div></td><td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0 text-muted-foreground">Sydney, Australia</td><td class="p-4 align-middle [&amp;:has
37([role=checkbox])]:pr-0 text-muted-foreground">Buenos Aires, Argentina</td><td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0"><div class="inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80 font-normal">Oil Leakage</div></td><td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0 w-[200px]"><div class="flex items-center gap-3"><div aria-valuemax="100" aria-valuemin="0" role="progressbar" data-state="indeterminate" data-max="100" class="relative overflow-hidden rounded-full h-2 w-full [&amp;&gt;div]:bg-orange-500 bg-secondary"><div data-state="indeterminate" data-max="100" class="h-full w-full flex-1 bg-primary transition-all" style="transform:translateX(-75%)"></div></div><span class="text-sm font-medium">25<!-- -->%</span></div></td></tr></tbody></table></div><div class="flex items-center justify-between px-4 py-4"><span class="text-sm text-muted-foreground">Showing 1 to 5 of 25 entries</span><div class="flex items-center gap-2"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-9 rounded-md px-3" disabled="">Previous</button><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 h-9 rounded-md px-3 bg-black text-white hover:bg-black/90">1</button><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground h-9 rounded-md px-3">2</button><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground h-9 rounded-md px-3">...</button><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-9 rounded-md px-3">Next</button></div></div></div></div></div></main></div></main></div></div></div><!--$--><!--/$-->
37<script src="/_next/static/chunks/c3c96fe7378813f6.js" id="_R_" async=""></script>
37<script>(self.__next_f=self.__next_f||[]).push([0])</script>
37<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[39756,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/61cc43b3d7ad2990.js\"],\"default\"]\n3:I[37457,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/61cc43b3d7ad2990.js\"],\"default\"]\n4:I[62519,[\"/_next/static/chunks/3e936bad43e18c26.js\",\"/_next/static/chunks/87ae817ac43f0796.js\",\"/_next/static/chunks/05af72c964fc68cb.js\",\"/_next/static/chunks/d3c658696e40cde5.js\"],\"default\"]\n5:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/61cc43b3d7ad2990.js\"],\"OutletBoundary\"]\n6:\"$Sreact.suspense\"\n8:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/61cc43b3d7ad2990.js\"],\"ViewportBoundary\"]\na:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/61cc43b3d7ad2990.js\"],\"MetadataBoundary\"]\nc:I[68027,[],\"default\"]\n:HL[\"/_next/static/chunks/510bf1f2c550bd15.css\",\"style\"]\n:HL[\"/_next/static/media/Geist_Variable-s.p.f19e4721.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/e41d5df559864f9e-s.p.380d09ea.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n"])</script>
37<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"FlbEORKGqRSCdF1gZ0kFz\",\"c\":[\"\",\"dashboards\",\"logistics\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"dashboards\",{\"children\":[\"logistics\",{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",true],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/510bf1f2c550bd15.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[\"$\",\"body\",null,{\"className\":\"geistsans_d5a4f12f-module__Ur3q_a__className instrument_serif_9a34f1a8-module__41sP0W__variable\",\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$L4\",null,{}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/3e936bad43e18c26.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/87ae817ac43f0796.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/05af72c964fc68cb.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/d3c658696e40cde5.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L5\",null,{\"children\":[\"$\",\"$6\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@7\"}]}]]}],{},null,false,false]},null,false,false]},null,false,false]},null,false,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L8\",null,{\"children\":\"$L9\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$La\",null,{\"children\":[\"$\",\"$6\",null,{\"name\":\"Next.Metadata\",\"children\":\"$Lb\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$c\",[]],\"S\":true}\n"])</script>
37<script>self.__next_f.push([1,"9:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script>
37<script>self.__next_f.push([1,"d:I[27201,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/61cc43b3d7ad2990.js\"],\"IconMark\"]\n7:null\nb:[[\"$\",\"title\",\"0\",{\"children\":\"Premium Shadcn Dashboard Templates\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Premium shadcn dashboard templates, save weeks of time.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.2a05f793.ico\",\"sizes\":\"48x48\",\"type\":\"image/x-icon\"}],[\"$\",\"link\",\"3\",{\"rel\":\"icon\",\"href\":\"favicon.ico\"}],[\"$\",\"$Ld\",\"4\",{}]]\n"])</script>
37</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.