<!DOCTYPE html><!--
Name: Sherya's Hospital 
Author: K Naveen
Website: http://www.innoventrics.in/
Contact: info@innoventrics.in
-->
<html xmlns="http://www.w3.org/1999/xhtml" lang="en"><!-- BEGIN: Head -->
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<head>
    <meta charset="utf-8">
    <meta name="csrf-token" content="edjGgac9mtFsWPbrGHhItAsXhkBE8VClTqg62ZE4">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Midone admin is super flexible, powerful, clean & modern responsive tailwind admin template with unlimited possibilities.">
    <meta name="keywords" content="admin template, midone Admin Template, dashboard template, flat admin template, responsive admin template, web app">
    <meta name="author" content="LEFT4CODE">
    <link href="https://fonts.googleapis.com/" rel="preconnect">
    <link href="https://fonts.gstatic.com/" rel="preconnect" crossorigin="">
    <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;display=swap" rel="stylesheet">
    <title>Admin Dashboard - Innoventrics Lab</title>
    <!-- BEGIN: CSS Assets-->
    <link rel="stylesheet" href="dist/css/vendors/vector-map.css">
    <link rel="stylesheet" href="dist/css/vendors/tiny-slider.css">
    <link rel="stylesheet" href="dist/css/themes/rubick/side-menu.css">
    <link rel="stylesheet" href="dist/css/vendors/simplebar.css">
    <link rel="stylesheet" href="dist/css/app.css"> <!-- END: CSS Assets-->
</head>
<!-- END: Head -->
<body>

    <div class="page-loader bg-background fixed inset-0 z-[100] flex items-center justify-center transition-opacity">
        <div class="loader-spinner !w-14"></div>
    </div>
    <div class="rubick min-h-screen dark:bg-background before:bg-primary dark:before:bg-foreground/[.01] before:fixed before:inset-0 before:bg-noise after:bg-accent after:bg-contain after:fixed after:inset-0 after:blur-xl dark:after:opacity-20">
        <div class="side-menu text-background dark:text-foreground xl:ml-0 transition-[margin] duration-200 fixed top-0 left-0 z-50 group before:content-[''] before:fixed before:inset-0 before:bg-black/80 dark:before:bg-foreground/5 before:backdrop-blur before:xl:hidden after:content-[''] after:absolute after:inset-0 after:bg-primary after:xl:hidden dark:after:bg-background after:bg-noise [&.side-menu--mobile-menu-open]:ml-0 [&.side-menu--mobile-menu-open]:before:block -ml-[275px] before:hidden">
            <div class="close-mobile-menu fixed ml-[275px] xl:hidden z-50 cursor-pointer [&.close-mobile-menu--mobile-menu-open]:block hidden">
                <div class="ml-5 mt-5 flex size-10 items-center justify-center">
                    <i data-lucide="x" class="[--color:currentColor] stroke-(--color) fill-(--color)/25 size-7 stroke-1"></i>
                </div>
            </div>
            <div class="side-menu__content z-20 pt-5 pb-[7.5rem] relative w-[275px] duration-200 transition-[width] group-[.side-menu--collapsed]:xl:w-[110px] group-[.side-menu--collapsed.side-menu--on-hover]:xl:w-[275px] h-screen flex flex-col">
                <div class="relative z-10 hidden h-[65px] w-[275px] flex-none items-center overflow-hidden px-6 duration-200 xl:flex group-[.side-menu--collapsed.side-menu--on-hover]:xl:w-[275px] group-[.side-menu--collapsed]:xl:w-[110px]">
                    <a class="flex items-center transition-[margin] duration-200 xl:ml-2 group-[.side-menu--collapsed.side-menu--on-hover]:xl:ml-2 group-[.side-menu--collapsed]:xl:ml-6" href="#">
                        <img class="size-5" src="dist/images/logo.svg">
                        <div class="ml-3.5 text-nowrap transition-opacity group-[.side-menu--collapsed.side-menu--on-hover]:xl:opacity-100 group-[.side-menu--collapsed]:xl:opacity-0">
                            <span class="text-base font-medium">Innoventrics</span>
                            <span class="text-base font-light">Lab</span>
                        </div>
                    </a>
                    <a class="toggle-compact-menu border-background/20 bg-background/10 dark:bg-foreground/[.02] dark:border-foreground/[.09] ml-auto hidden items-center justify-center rounded-md border py-0.5 pl-0.5 pr-1 opacity-70 transition-[opacity,transform] hover:opacity-100 group-[.side-menu--collapsed]:xl:rotate-180 group-[.side-menu--collapsed.side-menu--on-hover]:xl:opacity-100 group-[.side-menu--collapsed]:xl:opacity-0 2xl:flex" href="#">
                        <i data-lucide="chevron-left" class="size-4 stroke-[1.5] [--color:currentColor] stroke-(--color) fill-(--color)/25"></i>
                    </a>
                </div>
                <div class="w-full h-full z-20 px-4 overflow-y-auto overflow-x-hidden pb-3 [&:-webkit-scrollbar]:w-0 scroll-smooth [&_.simplebar-scrollbar]:before:!bg-background/70 [-webkit-mask-image:_linear-gradient(to_top,_rgba(0,_0,_0,_0),_black_30px),_linear-gradient(to_bottom,_rgba(0,_0,_0,_0),_black_30px)] [-webkit-mask-composite:_destination-in]">
                    <ul class="scrollable">
                        <!-- BEGIN: First Child -->
                        <li class="side-menu__group-label">
                            Technician Dashboard
                        </li>
                        <!-- END: First Child -->
                        <!-- BEGIN: First Child -->
                        <li>
                            <a href="index.php" class="side-menu__link side-menu__link--active ">
                                <i data-lucide="home" class="size-4 stroke-[1.5] [--color:currentColor] stroke-(--color) fill-(--color)/25 side-menu__link__icon"></i>
                                <div class="side-menu__link__title">Home</div>
                            </a>
                            <!-- BEGIN: Second Child -->
                            <!-- END: Second Child -->
                        </li>
                        
                        <!-- BEGIN: First Child -->
                        <li>
                            <a href="javascript:;" class="side-menu__link ">
                                <i data-lucide="users" class="size-4 stroke-[1.5] [--color:currentColor] stroke-(--color) fill-(--color)/25 side-menu__link__icon"></i>
                                <div class="side-menu__link__title">Patient</div>
                                <i data-lucide="chevron-down" class="size-4 stroke-[1.5] [--color:currentColor] stroke-(--color) fill-(--color)/25 side-menu__link__chevron transition"></i>
                            </a>
                            <!-- BEGIN: Second Child -->
                            <ul class="hidden">
                                <li>
                                    <a href="add_patient.php" class="side-menu__link ">
                                        <i data-lucide="user-plus" class="size-4 stroke-[1.5] [--color:currentColor] stroke-(--color) fill-(--color)/25 side-menu__link__icon"></i>
                                        <div class="side-menu__link__title">
                                            Add Patient
                                        </div>
                                    </a>
                                    <!-- BEGIN: Third Child -->
                                    <!-- END: Third Child -->
                                </li>
                                <li>
                                    <a href="view_patient.php" class="side-menu__link ">
                                        <i data-lucide="user-check" class="size-4 stroke-[1.5] [--color:currentColor] stroke-(--color) fill-(--color)/25 side-menu__link__icon"></i>
                                        <div class="side-menu__link__title">
                                            View Patient
                                        </div>
                                    </a>
                                    <!-- BEGIN: Third Child -->
                                    <!-- END: Third Child -->
                                </li>
                            </ul>
                            <!-- END: Second Child -->
                        </li>
                        <!-- END: First Child -->
                        <!-- BEGIN: First Child -->
                        <li>
                            <a href="javascript:;" class="side-menu__link ">
                                <i data-lucide="wallet" class="size-4 stroke-[1.5] [--color:currentColor] stroke-(--color) fill-(--color)/25 side-menu__link__icon"></i>
                                <div class="side-menu__link__title">Billing</div>
                                <i data-lucide="chevron-down" class="size-4 stroke-[1.5] [--color:currentColor] stroke-(--color) fill-(--color)/25 side-menu__link__chevron transition"></i>
                            </a>
                            <!-- BEGIN: Second Child -->
                            <ul class="hidden">
                                <li>
                                    <a href="add_bill.php" class="side-menu__link ">
                                        <i data-lucide="file-plus" class="size-4 stroke-[1.5] [--color:currentColor] stroke-(--color) fill-(--color)/25 side-menu__link__icon"></i>
                                        <div class="side-menu__link__title">
                                            Add Bill
                                        </div>
                                    </a>
                                    <!-- BEGIN: Third Child -->
                                    <!-- END: Third Child -->
                                </li>
                                <li>
                                    <a href="view_bill.php" class="side-menu__link ">
                                        <i data-lucide="file-text" class="size-4 stroke-[1.5] [--color:currentColor] stroke-(--color) fill-(--color)/25 side-menu__link__icon"></i>
                                        <div class="side-menu__link__title">
                                            View Bill
                                        </div>
                                    </a>
                                    <!-- BEGIN: Third Child -->
                                    <!-- END: Third Child -->
                                </li>
                            </ul>
                            <!-- END: Second Child -->
                        </li>
                        <!-- END: First Child -->
                        <!-- BEGIN: First Child -->
                        <li>
                            <a href="javascript:;" class="side-menu__link ">
                                <i data-lucide="bar-chart-3" class="size-4 stroke-[1.5] [--color:currentColor] stroke-(--color) fill-(--color)/25 side-menu__link__icon"></i>
                                <div class="side-menu__link__title">Report</div>
                                <i data-lucide="chevron-down" class="size-4 stroke-[1.5] [--color:currentColor] stroke-(--color) fill-(--color)/25 side-menu__link__chevron transition"></i>
                            </a>
                            <!-- BEGIN: Second Child -->
                            <ul class="hidden">
                                <li>
                                    <a href="enter_result.php" class="side-menu__link ">
                                        <i data-lucide="file-pen-line" class="size-4 stroke-[1.5] [--color:currentColor] stroke-(--color) fill-(--color)/25 side-menu__link__icon"></i>
                                        <div class="side-menu__link__title">
                                            Enter Result
                                        </div>
                                    </a>
                                    <!-- BEGIN: Third Child -->
                                    <!-- END: Third Child -->
                                </li>
                                <li>
                                    <a href="view_report.php" class="side-menu__link ">
                                        <i data-lucide="printer" class="size-4 stroke-[1.5] [--color:currentColor] stroke-(--color) fill-(--color)/25 side-menu__link__icon"></i>
                                        <div class="side-menu__link__title">
                                            View Report
                                        </div>
                                    </a>
                                    <!-- BEGIN: Third Child -->
                                    <!-- END: Third Child -->
                                </li>
                            </ul>
                            <!-- END: Second Child -->
                        </li>
                        <!-- END: First Child -->
                        
                        
                    </ul>
                </div>
                <div class="side-menu__account group/profile absolute inset-x-0 bottom-0 mx-4 mb-8 transition-[width] group-[.side-menu--collapsed.side-menu--on-hover]:block group-[.side-menu--collapsed]:justify-center xl:group-[.side-menu--collapsed]:flex">
                    <div class="bg-background/10 border-background/20 dark:bg-foreground/[.02] dark:border-foreground/[.09] flex cursor-pointer items-center rounded-full border p-2.5 opacity-80 backdrop-blur-2xl transition hover:opacity-100">
                        <div class="border-background/20 dark:border-foreground/20 relative h-10 w-10 flex-none overflow-hidden rounded-full border-4">
                            <img class="absolute top-0 h-full w-full object-cover" src="dist/images/fakers/profile-14.jpg" alt="Midone - Admin Dashboard Template">
                        </div>
                        <div class="ms-3 flex w-full items-center overflow-hidden transition-opacity group-[.side-menu--collapsed.side-menu--on-hover]:ms-3 group-[.side-menu--collapsed.side-menu--on-hover]:w-full group-[.side-menu--collapsed.side-menu--on-hover]:opacity-100 xl:group-[.side-menu--collapsed]:ms-0 xl:group-[.side-menu--collapsed]:w-0 xl:group-[.side-menu--collapsed]:opacity-0">
                            <div class="w-28">
                                <div class="w-full truncate font-medium">Kevin Spacey</div>
                                <div class="w-full truncate text-xs opacity-60">Administrator</div>
                            </div>
                            <i data-lucide="move-right" class="size-4 stroke-[1.5] [--color:currentColor] stroke-(--color) fill-(--color)/25 me-4 ms-auto opacity-50"></i>
                        </div>
                    </div>
                    <div class="hidden group-hover/profile:block">
                        <div class="box p-5 before:absolute before:inset-0 before:mx-3 before:-mb-3 before:border before:border-foreground/10 before:bg-background/30 before:z-[-1] after:absolute after:inset-0 after:border after:border-foreground/10 after:bg-background after:shadow-[0px_3px_5px_#0000000b] after:z-[-1] after:backdrop-blur-md text-foreground before:shadow-foreground/5 absolute bottom-0 left-[100%] z-50 ml-2 flex w-64 flex-col gap-2.5 px-6 py-5 before:rounded-2xl before:shadow-xl before:backdrop-blur after:rounded-2xl">
                            <div class="flex flex-col gap-0.5">
                                <div class="font-medium">Kevin Spacey</div>
                                <div class="mt-0.5 text-xs opacity-70">DevOps Engineer</div>
                            </div>
                            <div class="bg-foreground/5 h-px"></div>
                            <div class="flex flex-col gap-0.5">
                                <a class="hover:bg-foreground/5 -mx-3 flex gap-2.5 rounded-lg px-4 py-1.5" href="#">
                                    <i data-lucide="users" class="size-4 stroke-[1.5] [--color:currentColor] stroke-(--color) fill-(--color)/25"></i>
                                    Profile
                                </a>
                                
                            </div>
                            <div class="bg-foreground/5 h-px"></div>
                            <div class="flex flex-col gap-0.5">
                                <a class="hover:bg-foreground/5 -mx-3 flex gap-2.5 rounded-lg px-4 py-1.5" href="#">
                                    <i data-lucide="power" class="size-4 stroke-[1.5] [--color:currentColor] stroke-(--color) fill-(--color)/25"></i>
                                    Logout
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="content h-screen transition-[margin,width] duration-200 pt-8 pb-12 px-7 z-10 relative before:absolute before:inset-y-4 before:-ml-px before:right-4 before:opacity-[.07] before:left-4 xl:before:left-0 before:bg-foreground before:rounded-4xl after:absolute after:inset-y-4 after:-ml-px after:right-4 after:left-4 xl:after:left-0 after:bg-[color-mix(in_oklch,_var(--color-background),_var(--color-foreground)_2%)] after:rounded-4xl after:border after:border-foreground/[.15] dark:after:opacity-[.59] xl:ml-[275px] [&.content--compact]:xl:ml-[110px]">
            <div class="h-full overflow-x-hidden">
                <div class="content__scroll-area relative z-20 -mr-7 h-full overflow-y-auto pl-4 pr-11 transition-[margin] duration-200 xl:pl-0">
                    <div class="top-bar group -mt-2 [&.scrolled]:sticky [&.scrolled]:inset-x-0 [&.scrolled]:top-0 [&.scrolled]:z-[999] [&.scrolled]:mt-0">
                        <div class="flex h-16 items-center gap-5 border-b transition-all group-[.scrolled]:px-5 group-[.scrolled]:rounded-2xl group-[.scrolled]:bg-background group-[.scrolled]:border group-[.scrolled]:shadow-lg group-[.scrolled]:shadow-foreground/5">
                            <div class="open-mobile-menu bg-background mr-auto flex size-9 cursor-pointer items-center justify-center rounded-xl border xl:hidden">
                                <i data-lucide="chart-no-axes-column" class="size-4 stroke-[1.5] [--color:currentColor] stroke-(--color) fill-(--color)/25 rotate-90"></i>
                            </div>
                            <ul class="truncate gap-x-6 [--color-link:var(--color-primary)] [--color-base:var(--color-foreground)] mr-auto hidden xl:flex">
                                <li class="[&:not(:last-child)&gt;a]:text-(--color-link) text-(--color-base) before:bg-(image:--background-image-chevron) relative before:absolute before:inset-y-0 before:my-auto before:-ml-4 before:size-2 before:-rotate-90 before:bg-center before:bg-no-repeat before:opacity-70 first:before:hidden">
                                    <a href="#">Sherya's Laboratory</a>
                                </li>
                            </ul>
                            
                            <div class="group/profile relative size-9 flex-none">
                                <span data-content="" class="tooltip border-(--color)/5 block relative flex-none overflow-hidden rounded-full border-3 ring-1 ring-(--color)/25 [--color:var(--color-primary)] size-full">
                                    <img class="absolute top-0 size-full object-cover" src="dist/images/fakers/profile-3.jpg" alt="Midone - Tailwind Admin Dashboard Template">
                                </span>
                                <div class="hidden group-hover/profile:block">
                                    <div class="box p-5 before:absolute before:inset-0 before:mx-3 before:-mb-3 before:border before:border-foreground/10 before:bg-background/30 before:z-[-1] after:absolute after:inset-0 after:border after:border-foreground/10 after:bg-background after:shadow-[0px_3px_5px_#0000000b] after:z-[-1] after:backdrop-blur-md before:shadow-foreground/5 absolute right-0 top-0 z-50 -mr-0.5 -mt-0.5 flex w-64 flex-col gap-2.5 px-6 py-5 before:rounded-2xl before:shadow-xl before:backdrop-blur after:rounded-2xl">
                                        <div class="flex flex-col gap-0.5">
                                            <div class="font-medium">Tom Hanks</div>
                                            <div class="mt-0.5 text-xs opacity-70">DevOps Engineer</div>
                                        </div>
                                        <div class="bg-foreground/5 h-px"></div>
                                        <div class="flex flex-col gap-0.5">
                                            <a class="hover:bg-foreground/5 -mx-3 flex gap-2.5 rounded-lg px-4 py-1.5" href="#">
                                                <i data-lucide="users" class="size-4 stroke-[1.5] [--color:currentColor] stroke-(--color) fill-(--color)/25"></i>
                                                Profile
                                            </a>
                                
                                        </div>
                                        <div class="bg-foreground/5 h-px"></div>
                                        <div class="flex flex-col gap-0.5">
                                            <a class="hover:bg-foreground/5 -mx-3 flex gap-2.5 rounded-lg px-4 py-1.5" href="#">
                                                <i data-lucide="power" class="size-4 stroke-[1.5] [--color:currentColor] stroke-(--color) fill-(--color)/25"></i>
                                                Logout
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                      
                    </div>
                    <div class="grid grid-cols-12 gap-6">
                         <!-- BEGIN: General Report -->
                                    <div class="col-span-12 mt-8">
                                        <div class="flex h-10 items-center">
                                            <h2 class="me-5 truncate text-lg font-medium">General Report</h2>
                                            <a class="text-primary ms-auto flex items-center gap-3" href="#">
                                                <i data-lucide="refresh-ccw" class="size-4 stroke-[1.5] [--color:currentColor] stroke-(--color) fill-(--color)/25"></i>
                                                Refresh
                                            </a>
                                        </div>
                                        <div class="mt-5 grid grid-cols-12 gap-6">
                                            <div class="col-span-12 sm:col-span-6 xl:col-span-3">
                                                <div class="box relative p-5 before:absolute before:inset-0 before:mx-3 before:-mb-3 before:border before:border-foreground/10 before:bg-background/30 before:shadow-[0px_3px_5px_#0000000b] before:z-[-1] before:rounded-xl after:absolute after:inset-0 after:border after:border-foreground/10 after:bg-background after:shadow-[0px_3px_5px_#0000000b] after:rounded-xl after:z-[-1] after:backdrop-blur-md">
                                                    <div class="flex">
                                                        <i data-lucide="circle-gauge" class="size-4 stroke-(--color) fill-(--color)/25 h-7 w-7 stroke-1 drop-shadow [--color:var(--color-primary)]"></i>
                                                        <div class="ms-auto">
                                                            <div class="bg-(--color)/20 border-(--color)/60 text-(--color) flex cursor-pointer items-center rounded-full border px-2 py-px text-xs tooltip pl-2 pr-1 [--color:var(--color-success)]" data-content="12% Higher than last month">
                                                                12%
                                                                <i data-lucide="chevron-up" class="size-4 stroke-[1.5] [--color:currentColor] stroke-(--color) fill-(--color)/25 ms-0.5"></i>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="mt-6 text-2xl font-medium leading-8">$724,091.47</div>
                                                    <div class="mt-1.5 text-xs uppercase opacity-70">Item Sales</div>
                                                </div>
                                            </div>
                                            <div class="col-span-12 sm:col-span-6 xl:col-span-3">
                                                <div class="box relative p-5 before:absolute before:inset-0 before:mx-3 before:-mb-3 before:border before:border-foreground/10 before:bg-background/30 before:shadow-[0px_3px_5px_#0000000b] before:z-[-1] before:rounded-xl after:absolute after:inset-0 after:border after:border-foreground/10 after:bg-background after:shadow-[0px_3px_5px_#0000000b] after:rounded-xl after:z-[-1] after:backdrop-blur-md">
                                                    <div class="flex">
                                                        <i data-lucide="panel-bottom-close" class="size-4 stroke-(--color) fill-(--color)/25 h-7 w-7 stroke-1 [--color:var(--color-pending)]"></i>
                                                        <div class="ms-auto">
                                                            <div class="bg-(--color)/20 border-(--color)/60 text-(--color) flex cursor-pointer items-center rounded-full border px-2 py-px text-xs tooltip pl-2 pr-1 [--color:var(--color-success)]" data-content="9% Higher than last month">
                                                                9%
                                                                <i data-lucide="chevron-up" class="size-4 stroke-[1.5] [--color:currentColor] stroke-(--color) fill-(--color)/25 ms-0.5"></i>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="mt-6 text-2xl font-medium leading-8">21,546</div>
                                                    <div class="mt-1.5 text-xs uppercase opacity-70">New Orders</div>
                                                </div>
                                            </div>
                                            <div class="col-span-12 sm:col-span-6 xl:col-span-3">
                                                <div class="box relative p-5 before:absolute before:inset-0 before:mx-3 before:-mb-3 before:border before:border-foreground/10 before:bg-background/30 before:shadow-[0px_3px_5px_#0000000b] before:z-[-1] before:rounded-xl after:absolute after:inset-0 after:border after:border-foreground/10 after:bg-background after:shadow-[0px_3px_5px_#0000000b] after:rounded-xl after:z-[-1] after:backdrop-blur-md">
                                                    <div class="flex">
                                                        <i data-lucide="disc3" class="size-4 stroke-(--color) fill-(--color)/25 h-7 w-7 stroke-1 [--color:var(--color-warning)]"></i>
                                                        <div class="ms-auto">
                                                            <div class="bg-(--color)/20 border-(--color)/60 text-(--color) flex cursor-pointer items-center rounded-full border px-2 py-px text-xs tooltip pl-2 pr-1 [--color:var(--color-danger)]" data-content="7% Lower than last month">
                                                                7%
                                                                <i data-lucide="chevron-down" class="size-4 stroke-[1.5] [--color:currentColor] stroke-(--color) fill-(--color)/25 ms-0.5"></i>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="mt-6 text-2xl font-medium leading-8">1,524,091</div>
                                                    <div class="mt-1.5 text-xs uppercase opacity-70">Total Products</div>
                                                </div>
                                            </div>
                                            <div class="col-span-12 sm:col-span-6 xl:col-span-3">
                                                <div class="box relative p-5 before:absolute before:inset-0 before:mx-3 before:-mb-3 before:border before:border-foreground/10 before:bg-background/30 before:shadow-[0px_3px_5px_#0000000b] before:z-[-1] before:rounded-xl after:absolute after:inset-0 after:border after:border-foreground/10 after:bg-background after:shadow-[0px_3px_5px_#0000000b] after:rounded-xl after:z-[-1] after:backdrop-blur-md">
                                                    <div class="flex">
                                                        <i data-lucide="album" class="size-4 stroke-(--color) fill-(--color)/25 h-7 w-7 stroke-1 [--color:var(--color-danger)]"></i>
                                                        <div class="ms-auto">
                                                            <div class="bg-(--color)/20 border-(--color)/60 text-(--color) flex cursor-pointer items-center rounded-full border px-2 py-px text-xs tooltip pl-2 pr-1 [--color:var(--color-success)]" data-content="41% Higher than last month">
                                                                41%
                                                                <i data-lucide="chevron-up" class="size-4 stroke-[1.5] [--color:currentColor] stroke-(--color) fill-(--color)/25 ms-0.5"></i>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="mt-6 text-2xl font-medium leading-8">42,924,091</div>
                                                    <div class="mt-1.5 text-xs uppercase opacity-70">Unique Visitors</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- END: General Report -->
                        <div class="col-span-12 2xl:col-span-9">
                            <div class="grid grid-cols-12 gap-6">
                               
                               
                              
                                <!-- BEGIN: Ads 1 -->
                                <div class="col-span-12 mt-6 lg:col-span-6">
                                    <div class="box relative before:absolute before:inset-0 before:mx-3 before:-mb-3 before:border before:shadow-[0px_3px_5px_#0000000b] before:z-[-1] before:rounded-xl after:absolute after:inset-0 after:border after:shadow-[0px_3px_5px_#0000000b] after:rounded-xl after:z-[-1] after:backdrop-blur-md before:bg-(--color)/5 before:border-(--color)/20 after:bg-(--color)/5 after:border-(--color)/20 p-px [--color:var(--color-primary)]">
                                        <div class="text-(--color) relative overflow-hidden rounded-xl px-8 pb-7 pt-6">
                                            <div class="w-full text-lg font-medium leading-relaxed sm:w-72">
                                                Transact Safely with Lender’s <br> Fund Account
                                            </div>
                                            <div class="w-full mt-1 opacity-70 sm:w-72">
                                                Apply now, quick registration.
                                            </div>
                                            <button class="cursor-pointer inline-flex border 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 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 bg-(--color)/20 border-(--color)/60 text-(--color) hover:bg-(--color)/5 [--color:var(--color-primary)] h-9 rounded-md px-3 w-32 mt-6 sm:mt-8">
                                                Start Now
                                            </button>
                                            <img class="absolute top-0 right-0 hidden w-2/5 mr-2 -mt-3 sm:block" src="dist/images/woman-illustration.svg" alt="Midone - Tailwind Admin Dashboard Template">
                                        </div>
                                    </div>
                                </div>
                                <!-- END: Ads 1 -->
                                <!-- BEGIN: Ads 2 -->
                                <div class="col-span-12 mt-6 lg:col-span-6">
                                    <div class="box relative before:absolute before:inset-0 before:mx-3 before:-mb-3 before:border before:shadow-[0px_3px_5px_#0000000b] before:z-[-1] before:rounded-xl after:absolute after:inset-0 after:border after:shadow-[0px_3px_5px_#0000000b] after:rounded-xl after:z-[-1] after:backdrop-blur-md before:bg-(--color)/5 before:border-(--color)/20 after:bg-(--color)/5 after:border-(--color)/20 p-px [--color:var(--color-warning)]">
                                        <div class="text-(--color) relative overflow-hidden rounded-xl px-8 pb-7 pt-5">
                                            <div class="w-full text-lg font-medium leading-relaxed sm:w-64">
                                                Invite Friends to Get
                                                <span class="font-medium">Free</span> Bonuses!
                                            </div>
                                            <div class="w-full mt-1 opacity-70 sm:w-60">
                                                Invite friends, get a $200 voucher!
                                            </div>
                                            <div data-content="Copy referral link" class="tooltip relative cursor-pointer mt-7 w-52">
                                                <input class="h-10 w-full rounded-md border px-3 py-2 ring-offset-background file:border-0 file:bg-transparent file:font-medium file:text-foreground placeholder:text-foreground/70 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-foreground/5 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 bg-(--color)/5 border-(--color)/20 cursor-pointer" type="text" value="https://dashboard.in/">
                                                <i data-lucide="copy" class="stroke-[1.5] [--color:currentColor] stroke-(--color) fill-(--color)/25 absolute top-0 bottom-0 right-0 my-auto mr-4 size-4"></i>
                                            </div>
                                            <img class="absolute top-0 right-0 hidden w-1/2 mt-1 -mr-12 sm:block" src="dist/images/phone-illustration.svg" alt="Midone - Tailwind Admin Dashboard Template">
                                        </div>
                                    </div>
                                </div>
                                <!-- END: Ads 2 -->
                                
                            </div>
                        </div>
                        <div class="col-span-12 2xl:col-span-3">
                            <div class="h-full pb-10 -mb-10 2xl:border-l">
                                <div class="grid grid-cols-12 gap-x-6 gap-y-6 2xl:gap-x-0 2xl:pl-6">
                                    <!-- BEGIN: Daily Notes -->
                                    <div class="col-span-12 mt-3 md:col-span-6 xl:col-span-12 2xl:mt-8">
                                        
                                        <div class="mt-5">
                                            <div class="box relative p-5 before:absolute before:inset-0 before:mx-3 before:-mb-3 before:border before:border-foreground/10 before:bg-background/30 before:shadow-[0px_3px_5px_#0000000b] before:z-[-1] before:rounded-xl after:absolute after:inset-0 after:border after:border-foreground/10 after:bg-background after:shadow-[0px_3px_5px_#0000000b] after:rounded-xl after:z-[-1] after:backdrop-blur-md">
                                                <div data-config="{}" class="tiny-slider">
                                                    <div>
                                                        
                                                        <div class="mt-2 text-center opacity-70">
                                                           &copy; 2026 Developed for Shreya's Laboratory by Innoventrics
                        
                                                        </div>
                                                        
                                                    </div>
                                                    <div>
                                                        
                                                        <div class="mt-2 text-center opacity-70">
                                                           &copy; 2026 Developed for Shreya's Laboratory by Innoventrics
                        
                                                        </div>
                                        
                                                    </div>
                                                    <div>
                                                
                                                        <div class="mt-2 text-center opacity-70">
                                                           &copy; 2026 Developed for Shreya's Laboratory by Innoventrics
                        
                                                        </div>
                                                        
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- END: Daily Notes -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- BEGIN: Vendor JS Assets-->
    <script src="dist/js/vendors/dom.js"></script>
    <script src="dist/js/vendors/lucide.js"></script>
    <script src="dist/js/vendors/alert.js"></script>
    <script src="dist/js/vendors/tippy.js"></script>
    <script src="dist/js/vendors/popper.js"></script>
    <script src="dist/js/vendors/dropdown.js"></script>
    <script src="dist/js/vendors/chartjs.js"></script>
    <script src="dist/js/vendors/tab.js"></script>
    <script src="dist/js/vendors/vector-map.js"></script>
    <script src="dist/js/vendors/tiny-slider.js"></script>
    <script src="dist/js/vendors/simplebar.js"></script>
    <script src="dist/js/vendors/modal.js"></script>
    <script src="dist/js/components/base/page-loader.js"></script>
    <script src="dist/js/components/base/lucide.js"></script>
    <script src="dist/js/components/base/tippy.js"></script>
    <script src="dist/js/components/report-bar-chart.js"></script>
    <script src="dist/js/components/report-donut-chart.js"></script>
    <script src="dist/js/components/vector-map.js"></script>
    <script src="dist/js/components/base/tiny-slider.js"></script>
    <script src="dist/js/themes/rubick.js"></script>
    <script src="dist/js/utils/helper.js"></script>
    <script src="dist/js/components/theme-switcher.js"></script> <!-- END: Vendor JS Assets-->
    <!-- BEGIN: Pages, layouts, components JS Assets-->
    <!-- END: Pages, layouts, components JS Assets-->

</body>
</html>