Files
boc/web/dashboard/hr.html
T

1 line
36 KiB
HTML

<!DOCTYPE html><html lang="en" class="geist_a71539c9-module__T19VSG__variable geist_mono_8d43a2aa-module__8Li5zG__variable h-full antialiased"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/797e433ab948586e-s.p.0r6juujl39pe6.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/caa3a2e1cccd8315-s.p.0wgildi0cnwt9.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/chunks/1hitpibo5rx7w.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/2zcrf7p1he09q.js"/><script src="/_next/static/chunks/3nwghslh2kaop.js" async=""></script><script src="/_next/static/chunks/31jvaaw2nw8hr.js" async=""></script><script src="/_next/static/chunks/1wbftq6-16qkb.js" async=""></script><script src="/_next/static/chunks/turbopack-03don8s0b-7i7.js" async=""></script><script src="/_next/static/chunks/2z2yw-wt8lvrp.js" async=""></script><script src="/_next/static/chunks/0258n8rhdm_j7.js" async=""></script><script src="/_next/static/chunks/1d_6l9bmit16_.js" async=""></script><script src="/_next/static/chunks/17xe31x2ubc-_.js" async=""></script><script src="/_next/static/chunks/1g58xj_o89cju.js" async=""></script><script src="/_next/static/chunks/3d-c09o_2qhpj.js" async=""></script><script src="/_next/static/chunks/1y-t4rdf4jtp-.js" async=""></script><meta name="next-size-adjust" content=""/><title>AMOS — Financial Operating System</title><meta name="description" content="Enterprise Financial Platform"/><link rel="icon" href="/favicon.ico?favicon.2vob68tjqpejf.ico" sizes="256x256" type="image/x-icon"/><script src="/_next/static/chunks/0cz1d0mv5g_q7.js" noModule=""></script></head><body class="min-h-full flex flex-col bg-[#F0F2F5]"><div hidden=""><!--$--><!--/$--></div><div class="min-h-screen bg-[#F7F9FC]"><aside class="fixed left-4 top-4 bottom-4 z-40 bg-white rounded-2xl shadow-[0_8px_32px_rgba(0,0,0,0.08)] border border-[#E5E7EB] flex flex-col overflow-hidden" style="width:240px"><div class="flex items-center h-16 px-4 border-b border-[#E5E7EB]"><div class="w-8 h-8 rounded-lg bg-[#1E3A5F] flex items-center justify-center flex-shrink-0"><span class="text-white font-bold text-sm">A</span></div><span class="ml-3 font-semibold text-[#1E3A5F] text-sm tracking-wide whitespace-nowrap" style="opacity:0;transform:translateX(-10px)">AMOS</span></div><nav class="flex-1 py-3 px-2 space-y-0.5 overflow-y-auto"><a class="block" href="/dashboard"><div class="relative flex items-center h-10 rounded-xl px-2 transition-colors bg-[#F3F4F6]"><div class="absolute left-0 top-1/2 -translate-y-1/2 w-1 h-6 bg-[#2563EB] rounded-r-full"></div><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-layout-dashboard w-[18px] h-[18px] flex-shrink-0 transition-colors text-[#2563EB]" aria-hidden="true"><rect width="7" height="9" x="3" y="3" rx="1"></rect><rect width="7" height="5" x="14" y="3" rx="1"></rect><rect width="7" height="9" x="14" y="12" rx="1"></rect><rect width="7" height="5" x="3" y="16" rx="1"></rect></svg><span class="ml-3 text-sm font-medium whitespace-nowrap text-[#111827]" style="opacity:0;transform:translateX(-8px)">Dashboard</span></div></a><a class="block" href="/dashboard/crm"><div class="relative flex items-center h-10 rounded-xl px-2 transition-colors"><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-users w-[18px] h-[18px] flex-shrink-0 transition-colors text-[#6B7280]" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg><span class="ml-3 text-sm font-medium whitespace-nowrap text-[#6B7280]" style="opacity:0;transform:translateX(-8px)">CRM</span></div></a><a class="block" href="/dashboard/finance"><div class="relative flex items-center h-10 rounded-xl px-2 transition-colors"><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-landmark w-[18px] h-[18px] flex-shrink-0 transition-colors text-[#6B7280]" aria-hidden="true"><path d="M10 18v-7"></path><path d="M11.119 2.205a2 2 0 0 1 1.762 0l7.84 3.846A.5.5 0 0 1 20.5 7h-17a.5.5 0 0 1-.22-.949z"></path><path d="M14 18v-7"></path><path d="M18 18v-7"></path><path d="M3 22h18"></path><path d="M6 18v-7"></path></svg><span class="ml-3 text-sm font-medium whitespace-nowrap text-[#6B7280]" style="opacity:0;transform:translateX(-8px)">Finance</span></div></a><a class="block" href="/dashboard/sales"><div class="relative flex items-center h-10 rounded-xl px-2 transition-colors"><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-trending-up w-[18px] h-[18px] flex-shrink-0 transition-colors text-[#6B7280]" aria-hidden="true"><path d="M16 7h6v6"></path><path d="m22 7-8.5 8.5-5-5L2 17"></path></svg><span class="ml-3 text-sm font-medium whitespace-nowrap text-[#6B7280]" style="opacity:0;transform:translateX(-8px)">Sales</span></div></a><a class="block" href="/dashboard/projects"><div class="relative flex items-center h-10 rounded-xl px-2 transition-colors"><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-folder-kanban w-[18px] h-[18px] flex-shrink-0 transition-colors text-[#6B7280]" aria-hidden="true"><path d="M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z"></path><path d="M8 10v4"></path><path d="M12 10v2"></path><path d="M16 10v6"></path></svg><span class="ml-3 text-sm font-medium whitespace-nowrap text-[#6B7280]" style="opacity:0;transform:translateX(-8px)">Projects</span></div></a><a class="block" href="/dashboard/operations"><div class="relative flex items-center h-10 rounded-xl px-2 transition-colors"><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-cog w-[18px] h-[18px] flex-shrink-0 transition-colors text-[#6B7280]" aria-hidden="true"><path d="M11 10.27 7 3.34"></path><path d="m11 13.73-4 6.93"></path><path d="M12 22v-2"></path><path d="M12 2v2"></path><path d="M14 12h8"></path><path d="m17 20.66-1-1.73"></path><path d="m17 3.34-1 1.73"></path><path d="M2 12h2"></path><path d="m20.66 17-1.73-1"></path><path d="m20.66 7-1.73 1"></path><path d="m3.34 17 1.73-1"></path><path d="m3.34 7 1.73 1"></path><circle cx="12" cy="12" r="2"></circle><circle cx="12" cy="12" r="8"></circle></svg><span class="ml-3 text-sm font-medium whitespace-nowrap text-[#6B7280]" style="opacity:0;transform:translateX(-8px)">Operations</span></div></a><a class="block" href="/dashboard/support"><div class="relative flex items-center h-10 rounded-xl px-2 transition-colors"><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-headphones w-[18px] h-[18px] flex-shrink-0 transition-colors text-[#6B7280]" aria-hidden="true"><path d="M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3"></path></svg><span class="ml-3 text-sm font-medium whitespace-nowrap text-[#6B7280]" style="opacity:0;transform:translateX(-8px)">Support</span></div></a><a class="block" href="/dashboard/legal"><div class="relative flex items-center h-10 rounded-xl px-2 transition-colors"><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-scale w-[18px] h-[18px] flex-shrink-0 transition-colors text-[#6B7280]" aria-hidden="true"><path d="M12 3v18"></path><path d="m19 8 3 8a5 5 0 0 1-6 0zV7"></path><path d="M3 7h1a17 17 0 0 0 8-2 17 17 0 0 0 8 2h1"></path><path d="m5 8 3 8a5 5 0 0 1-6 0zV7"></path><path d="M7 21h10"></path></svg><span class="ml-3 text-sm font-medium whitespace-nowrap text-[#6B7280]" style="opacity:0;transform:translateX(-8px)">Legal</span></div></a><a class="block" href="/dashboard/hr"><div class="relative flex items-center h-10 rounded-xl px-2 transition-colors bg-[#F3F4F6]"><div class="absolute left-0 top-1/2 -translate-y-1/2 w-1 h-6 bg-[#2563EB] rounded-r-full"></div><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-circle-user w-[18px] h-[18px] flex-shrink-0 transition-colors text-[#2563EB]" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="10" r="3"></circle><path d="M7 20.662V19a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1.662"></path></svg><span class="ml-3 text-sm font-medium whitespace-nowrap text-[#111827]" style="opacity:0;transform:translateX(-8px)">HR</span></div></a><a class="block" href="/dashboard/marketing"><div class="relative flex items-center h-10 rounded-xl px-2 transition-colors"><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-megaphone w-[18px] h-[18px] flex-shrink-0 transition-colors text-[#6B7280]" aria-hidden="true"><path d="M11 6a13 13 0 0 0 8.4-2.8A1 1 0 0 1 21 4v12a1 1 0 0 1-1.6.8A13 13 0 0 0 11 14H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2z"></path><path d="M6 14a12 12 0 0 0 2.4 7.2 2 2 0 0 0 3.2-2.4A8 8 0 0 1 10 14"></path><path d="M8 6v8"></path></svg><span class="ml-3 text-sm font-medium whitespace-nowrap text-[#6B7280]" style="opacity:0;transform:translateX(-8px)">Marketing</span></div></a><a class="block" href="/dashboard/automation"><div class="relative flex items-center h-10 rounded-xl px-2 transition-colors"><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-zap w-[18px] h-[18px] flex-shrink-0 transition-colors text-[#6B7280]" aria-hidden="true"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg><span class="ml-3 text-sm font-medium whitespace-nowrap text-[#6B7280]" style="opacity:0;transform:translateX(-8px)">Automation</span></div></a><a class="block" href="/dashboard/settings"><div class="relative flex items-center h-10 rounded-xl px-2 transition-colors"><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 w-[18px] h-[18px] flex-shrink-0 transition-colors text-[#6B7280]" 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><span class="ml-3 text-sm font-medium whitespace-nowrap text-[#6B7280]" style="opacity:0;transform:translateX(-8px)">Settings</span></div></a></nav><div class="p-2 border-t border-[#E5E7EB]"><button class="flex items-center justify-center w-full h-9 rounded-xl hover:bg-[#F3F4F6] transition-colors text-[#6B7280]"><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-chevron-left w-4 h-4" aria-hidden="true"><path d="m15 18-6-6 6-6"></path></svg></button></div></aside><div class="min-h-screen transition-all duration-200" style="margin-left:272px"><header class="h-16 bg-white border-b border-[#E5E7EB] flex items-center px-6 sticky top-0 z-30"><div class="flex-1 flex justify-center"><div class="relative"><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-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[#6B7280]" aria-hidden="true"><path d="m21 21-4.34-4.34"></path><circle cx="11" cy="11" r="8"></circle></svg><input id="base-ui-_R_55inpfivb_" data-slot="input" placeholder="Search anything..." class="w-full min-w-0 border-input px-2.5 py-1 outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 pl-10 pr-4 h-10 rounded-full bg-[#F3F4F6] border-0 text-sm focus:ring-2 focus:ring-[#2563EB]/20 focus:bg-white transition-all"/></div></div><div class="flex items-center gap-3"><span data-slot="badge" data-variant="outline" class="group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden border whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&amp;&gt;svg]:pointer-events-none [&amp;&gt;svg]:size-3! [a]:hover:bg-muted [a]:hover:text-muted-foreground bg-emerald-50 text-emerald-700 border-emerald-200 text-xs font-medium px-2.5 py-0.5 rounded-full capitalize">production</span><button class="w-9 h-9 rounded-xl bg-[#1E3A5F] text-white flex items-center justify-center hover:bg-[#1E3A5F]/90 transition-colors"><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 w-4 h-4" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></button><button type="button" tabindex="0" aria-haspopup="menu" id="base-ui-_R_dpinpfivb_" data-slot="dropdown-menu-trigger"><button class="relative w-9 h-9 rounded-xl hover:bg-[#F3F4F6] flex items-center justify-center transition-colors"><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 w-[18px] h-[18px] text-[#6B7280]" 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-1 right-1 w-4 h-4 bg-[#DC2626] text-white text-[10px] font-bold rounded-full flex items-center justify-center">2</span></button></button><button type="button" tabindex="0" aria-haspopup="menu" id="base-ui-_R_e9inpfivb_" data-slot="dropdown-menu-trigger"><button class="flex items-center gap-2 h-9 px-3 rounded-xl hover:bg-[#F3F4F6] transition-colors"><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-building2 lucide-building-2 w-4 h-4 text-[#6B7280]" aria-hidden="true"><path d="M10 12h4"></path><path d="M10 8h4"></path><path d="M14 21v-3a2 2 0 0 0-4 0v3"></path><path d="M6 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-2"></path><path d="M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16"></path></svg><span class="text-sm font-medium text-[#111827]">Production</span><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-chevron-down w-3.5 h-3.5 text-[#6B7280]" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></button><button type="button" tabindex="0" aria-haspopup="menu" id="base-ui-_R_epinpfivb_" data-slot="dropdown-menu-trigger"><button class="flex items-center gap-2 h-9 px-3 rounded-xl hover:bg-[#F3F4F6] transition-colors"><span class="text-sm font-medium text-[#111827]">AMOS Systems AB</span><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-chevron-down w-3.5 h-3.5 text-[#6B7280]" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></button><button type="button" tabindex="0" aria-haspopup="menu" id="base-ui-_R_f9inpfivb_" data-slot="dropdown-menu-trigger"><button class="flex items-center gap-2"><span data-slot="avatar" data-size="default" class="group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:border-border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten w-8 h-8 border-2 border-[#E5E7EB]"><span data-slot="avatar-fallback" class="flex size-full items-center justify-center rounded-full group-data-[size=sm]/avatar:text-xs bg-[#1E3A5F] text-white text-xs font-medium">EA</span></span></button></button></div></header><main class="p-6"><div class="space-y-6"><div><h1 class="text-xl font-bold text-[#111827]">HR</h1><p class="text-sm text-[#6B7280] mt-0.5">Employee management and directory</p></div><div class="grid grid-cols-1 sm:grid-cols-4 gap-4"><div data-slot="card" data-size="default" class="group/card flex flex-col gap-(--card-spacing) overflow-hidden text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl p-5 bg-white rounded-2xl border border-[#E5E7EB] shadow-[0_2px_8px_rgba(0,0,0,0.04)]"><div class="flex items-center gap-3"><div class="w-10 h-10 rounded-xl bg-blue-50 flex items-center justify-center"><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-users w-5 h-5 text-blue-600" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg></div><div><p class="text-xs text-[#6B7280] uppercase tracking-wider">Total Employees</p><p class="text-xl font-bold text-[#111827]">0</p></div></div></div><div data-slot="card" data-size="default" class="group/card flex flex-col gap-(--card-spacing) overflow-hidden text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl p-5 bg-white rounded-2xl border border-[#E5E7EB] shadow-[0_2px_8px_rgba(0,0,0,0.04)]"><div class="flex items-center gap-3"><div class="w-10 h-10 rounded-xl bg-emerald-50 flex items-center justify-center"><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-check w-5 h-5 text-emerald-600" aria-hidden="true"><path d="m16 11 2 2 4-4"></path><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle></svg></div><div><p class="text-xs text-[#6B7280] uppercase tracking-wider">Active</p><p class="text-xl font-bold text-[#111827]">0</p></div></div></div><div data-slot="card" data-size="default" class="group/card flex flex-col gap-(--card-spacing) overflow-hidden text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl p-5 bg-white rounded-2xl border border-[#E5E7EB] shadow-[0_2px_8px_rgba(0,0,0,0.04)]"><div class="flex items-center gap-3"><div class="w-10 h-10 rounded-xl bg-amber-50 flex items-center justify-center"><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-x w-5 h-5 text-amber-600" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><line x1="17" x2="22" y1="8" y2="13"></line><line x1="22" x2="17" y1="8" y2="13"></line></svg></div><div><p class="text-xs text-[#6B7280] uppercase tracking-wider">On Leave</p><p class="text-xl font-bold text-[#111827]">0</p></div></div></div><div data-slot="card" data-size="default" class="group/card flex flex-col gap-(--card-spacing) overflow-hidden text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl p-5 bg-white rounded-2xl border border-[#E5E7EB] shadow-[0_2px_8px_rgba(0,0,0,0.04)]"><div class="flex items-center gap-3"><div class="w-10 h-10 rounded-xl bg-violet-50 flex items-center justify-center"><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-briefcase w-5 h-5 text-violet-600" aria-hidden="true"><path d="M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path><rect width="20" height="14" x="2" y="6" rx="2"></rect></svg></div><div><p class="text-xs text-[#6B7280] uppercase tracking-wider">Departments</p><p class="text-xl font-bold text-[#111827]">0</p></div></div></div></div><div data-slot="card" data-size="default" class="group/card flex flex-col gap-(--card-spacing) py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl bg-white rounded-2xl border border-[#E5E7EB] shadow-[0_2px_8px_rgba(0,0,0,0.04)] overflow-hidden"><div class="p-5 border-b border-[#E5E7EB]"><h3 class="text-sm font-semibold text-[#111827]">Employee Directory</h3></div><div class="overflow-x-auto"><table class="w-full"><thead><tr class="border-b border-[#E5E7EB]"><th class="text-left text-xs font-semibold text-[#6B7280] uppercase tracking-wider px-5 py-3">Employee</th><th class="text-left text-xs font-semibold text-[#6B7280] uppercase tracking-wider px-5 py-3">Role</th><th class="text-left text-xs font-semibold text-[#6B7280] uppercase tracking-wider px-5 py-3">Department</th><th class="text-left text-xs font-semibold text-[#6B7280] uppercase tracking-wider px-5 py-3">Status</th><th class="text-left text-xs font-semibold text-[#6B7280] uppercase tracking-wider px-5 py-3">Start Date</th></tr></thead><tbody><tr class="border-b border-[#E5E7EB]/50"><td class="px-5 py-4"><div data-slot="skeleton" class="animate-pulse rounded-md bg-muted h-4 w-32"></div></td><td class="px-5 py-4"><div data-slot="skeleton" class="animate-pulse rounded-md bg-muted h-4 w-24"></div></td><td class="px-5 py-4"><div data-slot="skeleton" class="animate-pulse rounded-md bg-muted h-5 w-20"></div></td><td class="px-5 py-4"><div data-slot="skeleton" class="animate-pulse rounded-md bg-muted h-5 w-16"></div></td><td class="px-5 py-4"><div data-slot="skeleton" class="animate-pulse rounded-md bg-muted h-4 w-20"></div></td></tr><tr class="border-b border-[#E5E7EB]/50"><td class="px-5 py-4"><div data-slot="skeleton" class="animate-pulse rounded-md bg-muted h-4 w-32"></div></td><td class="px-5 py-4"><div data-slot="skeleton" class="animate-pulse rounded-md bg-muted h-4 w-24"></div></td><td class="px-5 py-4"><div data-slot="skeleton" class="animate-pulse rounded-md bg-muted h-5 w-20"></div></td><td class="px-5 py-4"><div data-slot="skeleton" class="animate-pulse rounded-md bg-muted h-5 w-16"></div></td><td class="px-5 py-4"><div data-slot="skeleton" class="animate-pulse rounded-md bg-muted h-4 w-20"></div></td></tr><tr class="border-b border-[#E5E7EB]/50"><td class="px-5 py-4"><div data-slot="skeleton" class="animate-pulse rounded-md bg-muted h-4 w-32"></div></td><td class="px-5 py-4"><div data-slot="skeleton" class="animate-pulse rounded-md bg-muted h-4 w-24"></div></td><td class="px-5 py-4"><div data-slot="skeleton" class="animate-pulse rounded-md bg-muted h-5 w-20"></div></td><td class="px-5 py-4"><div data-slot="skeleton" class="animate-pulse rounded-md bg-muted h-5 w-16"></div></td><td class="px-5 py-4"><div data-slot="skeleton" class="animate-pulse rounded-md bg-muted h-4 w-20"></div></td></tr><tr class="border-b border-[#E5E7EB]/50"><td class="px-5 py-4"><div data-slot="skeleton" class="animate-pulse rounded-md bg-muted h-4 w-32"></div></td><td class="px-5 py-4"><div data-slot="skeleton" class="animate-pulse rounded-md bg-muted h-4 w-24"></div></td><td class="px-5 py-4"><div data-slot="skeleton" class="animate-pulse rounded-md bg-muted h-5 w-20"></div></td><td class="px-5 py-4"><div data-slot="skeleton" class="animate-pulse rounded-md bg-muted h-5 w-16"></div></td><td class="px-5 py-4"><div data-slot="skeleton" class="animate-pulse rounded-md bg-muted h-4 w-20"></div></td></tr><tr class="border-b border-[#E5E7EB]/50"><td class="px-5 py-4"><div data-slot="skeleton" class="animate-pulse rounded-md bg-muted h-4 w-32"></div></td><td class="px-5 py-4"><div data-slot="skeleton" class="animate-pulse rounded-md bg-muted h-4 w-24"></div></td><td class="px-5 py-4"><div data-slot="skeleton" class="animate-pulse rounded-md bg-muted h-5 w-20"></div></td><td class="px-5 py-4"><div data-slot="skeleton" class="animate-pulse rounded-md bg-muted h-5 w-16"></div></td><td class="px-5 py-4"><div data-slot="skeleton" class="animate-pulse rounded-md bg-muted h-4 w-20"></div></td></tr></tbody></table></div></div></div></main></div></div><!--$--><!--/$--><script src="/_next/static/chunks/2zcrf7p1he09q.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[35888,[\"/_next/static/chunks/2z2yw-wt8lvrp.js\",\"/_next/static/chunks/0258n8rhdm_j7.js\",\"/_next/static/chunks/1d_6l9bmit16_.js\",\"/_next/static/chunks/17xe31x2ubc-_.js\"],\"TooltipProvider\"]\n3:I[49868,[\"/_next/static/chunks/2z2yw-wt8lvrp.js\",\"/_next/static/chunks/0258n8rhdm_j7.js\",\"/_next/static/chunks/1d_6l9bmit16_.js\",\"/_next/static/chunks/17xe31x2ubc-_.js\"],\"default\"]\n4:I[34007,[\"/_next/static/chunks/2z2yw-wt8lvrp.js\",\"/_next/static/chunks/0258n8rhdm_j7.js\",\"/_next/static/chunks/1d_6l9bmit16_.js\",\"/_next/static/chunks/17xe31x2ubc-_.js\"],\"default\"]\n5:I[85427,[\"/_next/static/chunks/2z2yw-wt8lvrp.js\",\"/_next/static/chunks/0258n8rhdm_j7.js\",\"/_next/static/chunks/1d_6l9bmit16_.js\",\"/_next/static/chunks/17xe31x2ubc-_.js\"],\"ClientPageRoot\"]\n6:I[54883,[\"/_next/static/chunks/2z2yw-wt8lvrp.js\",\"/_next/static/chunks/0258n8rhdm_j7.js\",\"/_next/static/chunks/1d_6l9bmit16_.js\",\"/_next/static/chunks/17xe31x2ubc-_.js\",\"/_next/static/chunks/1g58xj_o89cju.js\",\"/_next/static/chunks/3d-c09o_2qhpj.js\",\"/_next/static/chunks/1y-t4rdf4jtp-.js\"],\"default\"]\n9:I[82479,[\"/_next/static/chunks/2z2yw-wt8lvrp.js\",\"/_next/static/chunks/0258n8rhdm_j7.js\",\"/_next/static/chunks/1d_6l9bmit16_.js\",\"/_next/static/chunks/17xe31x2ubc-_.js\"],\"OutletBoundary\"]\na:\"$Sreact.suspense\"\nd:I[82479,[\"/_next/static/chunks/2z2yw-wt8lvrp.js\",\"/_next/static/chunks/0258n8rhdm_j7.js\",\"/_next/static/chunks/1d_6l9bmit16_.js\",\"/_next/static/chunks/17xe31x2ubc-_.js\"],\"ViewportBoundary\"]\nf:I[82479,[\"/_next/static/chunks/2z2yw-wt8lvrp.js\",\"/_next/static/chunks/0258n8rhdm_j7.js\",\"/_next/static/chunks/1d_6l9bmit16_.js\",\"/_next/static/chunks/17xe31x2ubc-_.js\"],\"MetadataBoundary\"]\n11:I[89066,[\"/_next/static/chunks/2z2yw-wt8lvrp.js\",\"/_next/static/chunks/0258n8rhdm_j7.js\",\"/_next/static/chunks/1d_6l9bmit16_.js\",\"/_next/static/chunks/17xe31x2ubc-_.js\"],\"default\",1]\n:HL[\"/_next/static/chunks/1hitpibo5rx7w.css\",\"style\"]\n:HL[\"/_next/static/media/797e433ab948586e-s.p.0r6juujl39pe6.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/caa3a2e1cccd8315-s.p.0wgildi0cnwt9.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"dashboard\",\"hr\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"dashboard\",{\"children\":[\"hr\",{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/1hitpibo5rx7w.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/2z2yw-wt8lvrp.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0258n8rhdm_j7.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/1d_6l9bmit16_.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/17xe31x2ubc-_.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"geist_a71539c9-module__T19VSG__variable geist_mono_8d43a2aa-module__8Li5zG__variable h-full antialiased\",\"children\":[\"$\",\"body\",null,{\"className\":\"min-h-full flex flex-col bg-[#F0F2F5]\",\"children\":[\"$\",\"$L2\",null,{\"children\":[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",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,[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$L5\",null,{\"Component\":\"$6\",\"serverProvidedParams\":{\"searchParams\":{},\"params\":{},\"promises\":[\"$@7\",\"$@8\"]}}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/1g58xj_o89cju.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/3d-c09o_2qhpj.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/1y-t4rdf4jtp-.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L9\",null,{\"children\":[\"$\",\"$a\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@b\"}]}]]}],{},null,false,null]},null,false,\"$@c\"]},null,false,null]},null,false,null],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$Ld\",null,{\"children\":\"$Le\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Lf\",null,{\"children\":[\"$\",\"$a\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L10\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$11\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/1hitpibo5rx7w.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]]],\"S\":true,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"gdZz9QzbdHwdXHkqcAgm2\"}\n"])</script><script>self.__next_f.push([1,"12:[]\nc:\"$W12\"\n7:{}\n8:\"$0:f:0:1:1:children:1:children:1:children:0:props:children:0:props:serverProvidedParams:params\"\n"])</script><script>self.__next_f.push([1,"e:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"13:I[60272,[\"/_next/static/chunks/2z2yw-wt8lvrp.js\",\"/_next/static/chunks/0258n8rhdm_j7.js\",\"/_next/static/chunks/1d_6l9bmit16_.js\",\"/_next/static/chunks/17xe31x2ubc-_.js\"],\"IconMark\"]\nb:null\n10:[[\"$\",\"title\",\"0\",{\"children\":\"AMOS — Financial Operating System\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Enterprise Financial Platform\"}],[\"$\",\"link\",\"2\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.2vob68tjqpejf.ico\",\"sizes\":\"256x256\",\"type\":\"image/x-icon\"}],[\"$\",\"$L13\",\"3\",{}]]\n"])</script></body></html>