Bernt
1 line
76 KiB
HTML
1 line
76 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/0omweqxzwamip.js" async=""></script><script src="/_next/static/chunks/249txbb2rcsx4.js" async=""></script><script src="/_next/static/chunks/1y-t4rdf4jtp-.js" async=""></script><script src="/_next/static/chunks/0_n76xepp_qtt.js" async=""></script><script src="/_next/static/chunks/3d-c09o_2qhpj.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"><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-[#6B7280]" 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-[#6B7280]" 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_ab5fivb_" 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 [&>svg]:pointer-events-none [&>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_rj5fivb_" 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_sj5fivb_" 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_tj5fivb_" 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_uj5fivb_" 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]">Executive Dashboard</h1><p class="text-sm text-[#6B7280] mt-0.5">Welcome back, Erik. Here's what's happening today.</p></div><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4"><div style="opacity:0;transform:translateY(20px)"><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-[>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)] hover:shadow-[0_4px_16px_rgba(0,0,0,0.08)] transition-shadow duration-200"><div class="flex items-start justify-between"><div class="flex-1"><p class="text-xs font-medium text-[#6B7280] uppercase tracking-wider">Revenue</p><h3 class="text-2xl font-bold text-[#111827] mt-1.5">$3.2M</h3><div class="flex items-center gap-1.5 mt-2"><div class="flex items-center gap-0.5 text-xs font-semibold px-1.5 py-0.5 rounded-md bg-emerald-50 text-emerald-700"><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-3 h-3" aria-hidden="true"><path d="M16 7h6v6"></path><path d="m22 7-8.5 8.5-5-5L2 17"></path></svg>+<!-- -->18<!-- -->%</div><span class="text-xs text-[#9CA3AF]">vs last month</span></div></div><div class="flex items-center gap-2"><div class="w-9 h-9 rounded-xl bg-[#F3F4F6] flex items-center justify-center 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-dollar-sign w-4 h-4" aria-hidden="true"><line x1="12" x2="12" y1="2" y2="22"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg></div><button class="w-7 h-7 rounded-lg hover:bg-[#F3F4F6] flex items-center justify-center text-[#9CA3AF] 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-ellipsis w-4 h-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></button></div></div></div></div><div style="opacity:0;transform:translateY(20px)"><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-[>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)] hover:shadow-[0_4px_16px_rgba(0,0,0,0.08)] transition-shadow duration-200"><div class="flex items-start justify-between"><div class="flex-1"><p class="text-xs font-medium text-[#6B7280] uppercase tracking-wider">Cash Flow</p><h3 class="text-2xl font-bold text-[#111827] mt-1.5">$890K</h3><div class="flex items-center gap-1.5 mt-2"><div class="flex items-center gap-0.5 text-xs font-semibold px-1.5 py-0.5 rounded-md bg-emerald-50 text-emerald-700"><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-3 h-3" aria-hidden="true"><path d="M16 7h6v6"></path><path d="m22 7-8.5 8.5-5-5L2 17"></path></svg>+<!-- -->12<!-- -->%</div><span class="text-xs text-[#9CA3AF]">vs last month</span></div></div><div class="flex items-center gap-2"><div class="w-9 h-9 rounded-xl bg-[#F3F4F6] flex items-center justify-center 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-wallet w-4 h-4" aria-hidden="true"><path d="M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1"></path><path d="M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4"></path></svg></div><button class="w-7 h-7 rounded-lg hover:bg-[#F3F4F6] flex items-center justify-center text-[#9CA3AF] 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-ellipsis w-4 h-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></button></div></div></div></div><div style="opacity:0;transform:translateY(20px)"><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-[>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)] hover:shadow-[0_4px_16px_rgba(0,0,0,0.08)] transition-shadow duration-200"><div class="flex items-start justify-between"><div class="flex-1"><p class="text-xs font-medium text-[#6B7280] uppercase tracking-wider">Active Customers</p><h3 class="text-2xl font-bold text-[#111827] mt-1.5">1,284</h3><div class="flex items-center gap-1.5 mt-2"><div class="flex items-center gap-0.5 text-xs font-semibold px-1.5 py-0.5 rounded-md bg-emerald-50 text-emerald-700"><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-3 h-3" aria-hidden="true"><path d="M16 7h6v6"></path><path d="m22 7-8.5 8.5-5-5L2 17"></path></svg>+<!-- -->8<!-- -->%</div><span class="text-xs text-[#9CA3AF]">vs last month</span></div></div><div class="flex items-center gap-2"><div class="w-9 h-9 rounded-xl bg-[#F3F4F6] flex items-center justify-center 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-users w-4 h-4" 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><button class="w-7 h-7 rounded-lg hover:bg-[#F3F4F6] flex items-center justify-center text-[#9CA3AF] 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-ellipsis w-4 h-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></button></div></div></div></div><div style="opacity:0;transform:translateY(20px)"><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-[>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)] hover:shadow-[0_4px_16px_rgba(0,0,0,0.08)] transition-shadow duration-200"><div class="flex items-start justify-between"><div class="flex-1"><p class="text-xs font-medium text-[#6B7280] uppercase tracking-wider">Open Cases</p><h3 class="text-2xl font-bold text-[#111827] mt-1.5">23</h3><div class="flex items-center gap-1.5 mt-2"><div class="flex items-center gap-0.5 text-xs font-semibold px-1.5 py-0.5 rounded-md bg-red-50 text-red-700"><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-down w-3 h-3" aria-hidden="true"><path d="M16 17h6v-6"></path><path d="m22 17-8.5-8.5-5 5L2 7"></path></svg>-5<!-- -->%</div><span class="text-xs text-[#9CA3AF]">vs last month</span></div></div><div class="flex items-center gap-2"><div class="w-9 h-9 rounded-xl bg-[#F3F4F6] flex items-center justify-center 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-circle-alert w-4 h-4" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><line x1="12" x2="12" y1="8" y2="12"></line><line x1="12" x2="12.01" y1="16" y2="16"></line></svg></div><button class="w-7 h-7 rounded-lg hover:bg-[#F3F4F6] flex items-center justify-center text-[#9CA3AF] 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-ellipsis w-4 h-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></button></div></div></div></div></div><div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-4 gap-4"><div class="xl:col-span-1"><div style="opacity:0;transform:translateY(20px)"><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-[>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 justify-between mb-4"><div><h3 class="text-sm font-semibold text-[#111827]">Revenue</h3><p class="text-xs text-[#6B7280] mt-0.5">Monthly trend</p></div><div class="flex items-center gap-1.5"><div class="w-2.5 h-2.5 rounded-full bg-[#2563EB]"></div><span class="text-xs text-[#6B7280]">2024</span></div></div><div class="h-48"><div class="recharts-responsive-container" style="width:100%;height:100%;min-width:0"><div style="width:0;height:0;overflow:visible"></div></div></div></div></div></div><div class="xl:col-span-1"><div style="opacity:0;transform:translateY(20px)"><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-[>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 justify-between mb-4"><div><h3 class="text-sm font-semibold text-[#111827]">Cash Position</h3><p class="text-xs text-[#6B7280] mt-0.5">By account</p></div></div><div class="h-48"><div class="recharts-responsive-container" style="width:100%;height:100%;min-width:0"><div style="width:0;height:0;overflow:visible"></div></div></div></div></div></div><div class="xl:col-span-1"><div style="opacity:0;transform:translateY(20px)"><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-[>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 justify-between mb-4"><div><h3 class="text-sm font-semibold text-[#111827]">Tasks</h3><p class="text-xs text-[#6B7280] mt-0.5">3<!-- --> pending</p></div><button class="w-7 h-7 rounded-lg hover:bg-[#F3F4F6] flex items-center justify-center text-[#6B7280] 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></div><div class="space-y-1"><div class="flex items-center gap-3 p-2.5 rounded-xl hover:bg-[#F7F9FC] transition-colors cursor-pointer group"><div class="w-5 h-5 rounded-md border-2 flex items-center justify-center transition-all border-[#D1D5DB] group-hover:border-[#9CA3AF]"></div><div class="flex-1 min-w-0"><p class="text-sm text-[#111827] truncate">Review Q4 budget proposal</p><p class="text-[11px] text-[#9CA3AF] mt-0.5">Today</p></div><span class="text-[10px] font-semibold px-2 py-0.5 rounded-full uppercase tracking-wide flex-shrink-0 bg-red-50 text-red-700">high</span></div><div class="flex items-center gap-3 p-2.5 rounded-xl hover:bg-[#F7F9FC] transition-colors cursor-pointer group"><div class="w-5 h-5 rounded-md border-2 flex items-center justify-center transition-all border-[#D1D5DB] group-hover:border-[#9CA3AF]"></div><div class="flex-1 min-w-0"><p class="text-sm text-[#111827] truncate">Approve Nordic Industries contract</p><p class="text-[11px] text-[#9CA3AF] mt-0.5">Today</p></div><span class="text-[10px] font-semibold px-2 py-0.5 rounded-full uppercase tracking-wide flex-shrink-0 bg-red-50 text-red-700">high</span></div><div class="flex items-center gap-3 p-2.5 rounded-xl hover:bg-[#F7F9FC] transition-colors cursor-pointer group opacity-60"><div class="w-5 h-5 rounded-md border-2 flex items-center justify-center transition-all bg-[#16A34A] border-[#16A34A]"><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-check w-3 h-3 text-white" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="flex-1 min-w-0"><p class="text-sm truncate line-through text-[#9CA3AF]">Update cash flow forecast</p><p class="text-[11px] text-[#9CA3AF] mt-0.5">Yesterday</p></div><span class="text-[10px] font-semibold px-2 py-0.5 rounded-full uppercase tracking-wide flex-shrink-0 bg-amber-50 text-amber-700">medium</span></div><div class="flex items-center gap-3 p-2.5 rounded-xl hover:bg-[#F7F9FC] transition-colors cursor-pointer group"><div class="w-5 h-5 rounded-md border-2 flex items-center justify-center transition-all border-[#D1D5DB] group-hover:border-[#9CA3AF]"></div><div class="flex-1 min-w-0"><p class="text-sm text-[#111827] truncate">Schedule board meeting</p><p class="text-[11px] text-[#9CA3AF] mt-0.5">Tomorrow</p></div><span class="text-[10px] font-semibold px-2 py-0.5 rounded-full uppercase tracking-wide flex-shrink-0 bg-amber-50 text-amber-700">medium</span></div><div class="flex items-center gap-3 p-2.5 rounded-xl hover:bg-[#F7F9FC] transition-colors cursor-pointer group opacity-60"><div class="w-5 h-5 rounded-md border-2 flex items-center justify-center transition-all bg-[#16A34A] border-[#16A34A]"><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-check w-3 h-3 text-white" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="flex-1 min-w-0"><p class="text-sm truncate line-through text-[#9CA3AF]">Review employee performance reports</p><p class="text-[11px] text-[#9CA3AF] mt-0.5">Last week</p></div><span class="text-[10px] font-semibold px-2 py-0.5 rounded-full uppercase tracking-wide flex-shrink-0 bg-slate-50 text-slate-600">low</span></div></div></div></div></div><div class="xl:col-span-1"><div style="opacity:0;transform:translateY(20px)"><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-[>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 justify-between mb-4"><div><h3 class="text-sm font-semibold text-[#111827]">Activity Feed</h3><p class="text-xs text-[#6B7280] mt-0.5">Recent actions</p></div></div><div class="space-y-0"><div class="flex gap-3 py-3 group"><div class="flex flex-col items-center"><div class="w-8 h-8 rounded-xl bg-emerald-50 text-emerald-600 flex items-center justify-center flex-shrink-0"><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-dollar-sign w-4 h-4" aria-hidden="true"><line x1="12" x2="12" y1="2" y2="22"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg></div><div class="w-px flex-1 bg-[#E5E7EB] mt-2"></div></div><div class="flex-1 pb-3"><p class="text-sm font-medium text-[#111827]">Deal closed</p><p class="text-xs text-[#6B7280] mt-0.5">Nordic Industries — 450K SEK</p><p class="text-[11px] text-[#9CA3AF] mt-1">2m ago</p></div></div><div class="flex gap-3 py-3 group"><div class="flex flex-col items-center"><div class="w-8 h-8 rounded-xl bg-blue-50 text-blue-600 flex items-center justify-center flex-shrink-0"><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-file-text w-4 h-4" aria-hidden="true"><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"></path><path d="M14 2v5a1 1 0 0 0 1 1h5"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg></div><div class="w-px flex-1 bg-[#E5E7EB] mt-2"></div></div><div class="flex-1 pb-3"><p class="text-sm font-medium text-[#111827]">Contract signed</p><p class="text-xs text-[#6B7280] mt-0.5">Annual service agreement updated</p><p class="text-[11px] text-[#9CA3AF] mt-1">15m ago</p></div></div><div class="flex gap-3 py-3 group"><div class="flex flex-col items-center"><div class="w-8 h-8 rounded-xl bg-violet-50 text-violet-600 flex items-center justify-center flex-shrink-0"><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-plus w-4 h-4" 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="19" x2="19" y1="8" y2="14"></line><line x1="22" x2="16" y1="11" y2="11"></line></svg></div><div class="w-px flex-1 bg-[#E5E7EB] mt-2"></div></div><div class="flex-1 pb-3"><p class="text-sm font-medium text-[#111827]">New employee</p><p class="text-xs text-[#6B7280] mt-0.5">Sofia Bergström joined Marketing</p><p class="text-[11px] text-[#9CA3AF] mt-1">1h ago</p></div></div><div class="flex gap-3 py-3 group"><div class="flex flex-col items-center"><div class="w-8 h-8 rounded-xl bg-amber-50 text-amber-600 flex items-center justify-center flex-shrink-0"><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-alert w-4 h-4" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><line x1="12" x2="12" y1="8" y2="12"></line><line x1="12" x2="12.01" y1="16" y2="16"></line></svg></div><div class="w-px flex-1 bg-[#E5E7EB] mt-2"></div></div><div class="flex-1 pb-3"><p class="text-sm font-medium text-[#111827]">Approval needed</p><p class="text-xs text-[#6B7280] mt-0.5">Q4 budget review pending</p><p class="text-[11px] text-[#9CA3AF] mt-1">2h ago</p></div></div><div class="flex gap-3 py-3 group"><div class="flex flex-col items-center"><div class="w-8 h-8 rounded-xl bg-slate-50 text-slate-600 flex items-center justify-center flex-shrink-0"><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-check-big w-4 h-4" aria-hidden="true"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg></div><div class="w-px flex-1 bg-[#E5E7EB] mt-2"></div></div><div class="flex-1 pb-3"><p class="text-sm font-medium text-[#111827]">Task completed</p><p class="text-xs text-[#6B7280] mt-0.5">Cash flow forecast updated</p><p class="text-[11px] text-[#9CA3AF] mt-1">3h ago</p></div></div><div class="flex gap-3 py-3 group"><div class="flex flex-col items-center"><div class="w-8 h-8 rounded-xl bg-gray-50 text-gray-500 flex items-center justify-center flex-shrink-0"><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 w-4 h-4" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 6v6l4 2"></path></svg></div></div><div class="flex-1 pb-3"><p class="text-sm font-medium text-[#111827]">System backup</p><p class="text-xs text-[#6B7280] mt-0.5">Daily backup completed successfully</p><p class="text-[11px] text-[#9CA3AF] mt-1">5h ago</p></div></div></div></div></div></div></div><div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-4 gap-4"><div class="xl:col-span-1"><div style="opacity:0;transform:translateY(20px)"><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-[>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 justify-between mb-4"><div><h3 class="text-sm font-semibold text-[#111827]">Approvals</h3><p class="text-xs text-[#6B7280] mt-0.5">3<!-- --> waiting</p></div><div class="w-8 h-8 rounded-full 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-clock w-4 h-4 text-amber-600" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 6v6l4 2"></path></svg></div></div><div class="space-y-2"><div class="p-3 rounded-xl bg-[#F7F9FC] hover:bg-[#F3F4F6] transition-colors group"><div class="flex items-start justify-between"><div class="flex-1 min-w-0"><p class="text-sm font-medium text-[#111827] truncate">Q4 Budget Review</p><div class="flex items-center gap-2 mt-1"><span class="text-[11px] text-[#6B7280]">Anna Lindqvist</span><span class="text-[11px] text-[#9CA3AF]">•</span><span class="text-[11px] font-medium text-[#111827]">2.4M SEK</span></div><div class="flex items-center gap-2 mt-2"><span class="text-[10px] font-semibold px-2 py-0.5 rounded-full border uppercase bg-red-50 text-red-700 border-red-200">high</span><span class="text-[11px] text-[#9CA3AF]">2h ago</span></div></div><div class="flex items-center gap-1 ml-2 opacity-0 group-hover:opacity-100 transition-opacity"><button class="w-7 h-7 rounded-lg bg-emerald-50 hover:bg-emerald-100 flex items-center justify-center text-emerald-600 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-check w-3.5 h-3.5" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></button><button class="w-7 h-7 rounded-lg bg-red-50 hover:bg-red-100 flex items-center justify-center text-red-600 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-x w-3.5 h-3.5" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></button></div></div></div><div class="p-3 rounded-xl bg-[#F7F9FC] hover:bg-[#F3F4F6] transition-colors group"><div class="flex items-start justify-between"><div class="flex-1 min-w-0"><p class="text-sm font-medium text-[#111827] truncate">New Hire — Senior Dev</p><div class="flex items-center gap-2 mt-1"><span class="text-[11px] text-[#6B7280]">Karin Johansson</span><span class="text-[11px] text-[#9CA3AF]">•</span><span class="text-[11px] font-medium text-[#111827]">850K SEK/year</span></div><div class="flex items-center gap-2 mt-2"><span class="text-[10px] font-semibold px-2 py-0.5 rounded-full border uppercase bg-amber-50 text-amber-700 border-amber-200">medium</span><span class="text-[11px] text-[#9CA3AF]">5h ago</span></div></div><div class="flex items-center gap-1 ml-2 opacity-0 group-hover:opacity-100 transition-opacity"><button class="w-7 h-7 rounded-lg bg-emerald-50 hover:bg-emerald-100 flex items-center justify-center text-emerald-600 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-check w-3.5 h-3.5" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></button><button class="w-7 h-7 rounded-lg bg-red-50 hover:bg-red-100 flex items-center justify-center text-red-600 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-x w-3.5 h-3.5" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></button></div></div></div><div class="p-3 rounded-xl bg-[#F7F9FC] hover:bg-[#F3F4F6] transition-colors group"><div class="flex items-start justify-between"><div class="flex-1 min-w-0"><p class="text-sm font-medium text-[#111827] truncate">Office Equipment Purchase</p><div class="flex items-center gap-2 mt-1"><span class="text-[11px] text-[#6B7280]">Johan Nilsson</span><span class="text-[11px] text-[#9CA3AF]">•</span><span class="text-[11px] font-medium text-[#111827]">45K SEK</span></div><div class="flex items-center gap-2 mt-2"><span class="text-[10px] font-semibold px-2 py-0.5 rounded-full border uppercase bg-slate-50 text-slate-600 border-slate-200">low</span><span class="text-[11px] text-[#9CA3AF]">1d ago</span></div></div><div class="flex items-center gap-1 ml-2 opacity-0 group-hover:opacity-100 transition-opacity"><button class="w-7 h-7 rounded-lg bg-emerald-50 hover:bg-emerald-100 flex items-center justify-center text-emerald-600 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-check w-3.5 h-3.5" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></button><button class="w-7 h-7 rounded-lg bg-red-50 hover:bg-red-100 flex items-center justify-center text-red-600 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-x w-3.5 h-3.5" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></button></div></div></div></div><button class="flex items-center gap-1 mt-3 text-xs font-medium text-[#2563EB] hover:text-[#1E3A5F] transition-colors">View all <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-right w-3 h-3" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></div></div></div><div class="xl:col-span-1"><div style="opacity:0;transform:translateY(20px)"><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-[>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 justify-between mb-4"><div><h3 class="text-sm font-semibold text-[#111827]">Recent Documents</h3><p class="text-xs text-[#6B7280] mt-0.5">Last updated</p></div></div><div class="space-y-1"><div class="flex items-center gap-3 p-2.5 rounded-xl hover:bg-[#F7F9FC] transition-colors cursor-pointer"><div class="w-9 h-9 rounded-xl bg-red-50 flex items-center justify-center flex-shrink-0"><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-file-text w-4 h-4 text-red-500" aria-hidden="true"><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"></path><path d="M14 2v5a1 1 0 0 0 1 1h5"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg></div><div class="flex-1 min-w-0"><p class="text-sm font-medium text-[#111827] truncate">Q4 Financial Report.pdf</p><div class="flex items-center gap-2 mt-0.5"><span class="text-[11px] text-[#9CA3AF]">2.4 MB</span><span class="text-[11px] text-[#9CA3AF]">•</span><span class="text-[11px] text-[#9CA3AF]">2h ago</span></div></div></div><div class="flex items-center gap-3 p-2.5 rounded-xl hover:bg-[#F7F9FC] transition-colors cursor-pointer"><div class="w-9 h-9 rounded-xl bg-emerald-50 flex items-center justify-center flex-shrink-0"><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-file-spreadsheet w-4 h-4 text-emerald-500" aria-hidden="true"><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"></path><path d="M14 2v5a1 1 0 0 0 1 1h5"></path><path d="M8 13h2"></path><path d="M14 13h2"></path><path d="M8 17h2"></path><path d="M14 17h2"></path></svg></div><div class="flex-1 min-w-0"><p class="text-sm font-medium text-[#111827] truncate">Budget Forecast 2024.xlsx</p><div class="flex items-center gap-2 mt-0.5"><span class="text-[11px] text-[#9CA3AF]">1.1 MB</span><span class="text-[11px] text-[#9CA3AF]">•</span><span class="text-[11px] text-[#9CA3AF]">5h ago</span></div></div></div><div class="flex items-center gap-3 p-2.5 rounded-xl hover:bg-[#F7F9FC] transition-colors cursor-pointer"><div class="w-9 h-9 rounded-xl bg-blue-50 flex items-center justify-center flex-shrink-0"><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-file-pen-line w-4 h-4 text-blue-500" aria-hidden="true"><path d="M14.364 13.634a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506l4.013-4.009a1 1 0 0 0-3.004-3.004z"></path><path d="M14.487 7.858A1 1 0 0 1 14 7V2"></path><path d="M20 19.645V20a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l2.516 2.516"></path><path d="M8 18h1"></path></svg></div><div class="flex-1 min-w-0"><p class="text-sm font-medium text-[#111827] truncate">Service Agreement v2.docx</p><div class="flex items-center gap-2 mt-0.5"><span class="text-[11px] text-[#9CA3AF]">856 KB</span><span class="text-[11px] text-[#9CA3AF]">•</span><span class="text-[11px] text-[#9CA3AF]">1d ago</span></div></div></div><div class="flex items-center gap-3 p-2.5 rounded-xl hover:bg-[#F7F9FC] transition-colors cursor-pointer"><div class="w-9 h-9 rounded-xl bg-slate-50 flex items-center justify-center flex-shrink-0"><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-file-code w-4 h-4 text-slate-500" aria-hidden="true"><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"></path><path d="M14 2v5a1 1 0 0 0 1 1h5"></path><path d="M10 12.5 8 15l2 2.5"></path><path d="m14 12.5 2 2.5-2 2.5"></path></svg></div><div class="flex-1 min-w-0"><p class="text-sm font-medium text-[#111827] truncate">API Documentation.md</p><div class="flex items-center gap-2 mt-0.5"><span class="text-[11px] text-[#9CA3AF]">124 KB</span><span class="text-[11px] text-[#9CA3AF]">•</span><span class="text-[11px] text-[#9CA3AF]">2d ago</span></div></div></div></div><button class="flex items-center gap-1 mt-3 text-xs font-medium text-[#2563EB] hover:text-[#1E3A5F] transition-colors">View all <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-right w-3 h-3" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></div></div></div><div class="xl:col-span-2"><div style="opacity:0;transform:translateY(20px)"><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-[>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-2 mb-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-sparkles w-4 h-4 text-[#2563EB]" 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><h3 class="text-sm font-semibold text-[#111827]">AI Insights</h3></div><div class="space-y-3"><div class="flex gap-3 p-3 rounded-xl bg-[#F7F9FC] hover:bg-[#F3F4F6] transition-colors"><div class="w-8 h-8 rounded-xl bg-emerald-50 text-emerald-600 flex items-center justify-center flex-shrink-0 mt-0.5"><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-4 h-4" aria-hidden="true"><path d="M16 7h6v6"></path><path d="m22 7-8.5 8.5-5-5L2 17"></path></svg></div><div><p class="text-sm font-medium text-[#111827]">Revenue Opportunity</p><p class="text-xs text-[#6B7280] mt-1 leading-relaxed">Nordic Industries shows 23% growth potential based on Q3 patterns. Consider upselling premium support package.</p></div></div><div class="flex gap-3 p-3 rounded-xl bg-[#F7F9FC] hover:bg-[#F3F4F6] transition-colors"><div class="w-8 h-8 rounded-xl bg-amber-50 text-amber-600 flex items-center justify-center flex-shrink-0 mt-0.5"><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-triangle-alert w-4 h-4" aria-hidden="true"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"></path><path d="M12 9v4"></path><path d="M12 17h.01"></path></svg></div><div><p class="text-sm font-medium text-[#111827]">Cash Flow Alert</p><p class="text-xs text-[#6B7280] mt-1 leading-relaxed">Three invoices totaling 340K SEK are overdue by 15+ days. Recommend follow-up within 48 hours.</p></div></div><div class="flex gap-3 p-3 rounded-xl bg-[#F7F9FC] hover:bg-[#F3F4F6] transition-colors"><div class="w-8 h-8 rounded-xl bg-blue-50 text-blue-600 flex items-center justify-center flex-shrink-0 mt-0.5"><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-lightbulb w-4 h-4" aria-hidden="true"><path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"></path><path d="M9 18h6"></path><path d="M10 22h4"></path></svg></div><div><p class="text-sm font-medium text-[#111827]">Cost Optimization</p><p class="text-xs text-[#6B7280] mt-1 leading-relaxed">AWS infrastructure costs increased 18% MoM. Review reserved instance strategy for potential 25% savings.</p></div></div></div></div></div></div></div><div class="grid grid-cols-1 lg:grid-cols-2 gap-4"><div style="opacity:0;transform:translateY(20px)"><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-[>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 justify-between mb-4"><div><h3 class="text-sm font-semibold text-[#111827]">Upcoming Events</h3><p class="text-xs text-[#6B7280] mt-0.5">Today</p></div><div class="w-8 h-8 rounded-full 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-calendar w-4 h-4 text-blue-600" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg></div></div><div class="space-y-2"><div class="flex gap-3 p-3 rounded-xl bg-[#F7F9FC] hover:bg-[#F3F4F6] transition-colors"><div class="flex flex-col items-center min-w-[48px]"><span class="text-xs font-semibold text-[#111827]">09:00</span><div class="w-px flex-1 bg-[#E5E7EB] my-1"></div></div><div class="flex-1"><p class="text-sm font-medium text-[#111827]">Board Meeting Q4 Review</p><div class="flex items-center gap-3 mt-1.5"><div class="flex items-center gap-1"><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 w-3 h-3 text-[#9CA3AF]" 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><span class="text-[11px] text-[#6B7280]">Conference Room A</span></div><div class="flex items-center gap-1"><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 w-3 h-3 text-[#9CA3AF]" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 6v6l4 2"></path></svg><span class="text-[11px] text-[#6B7280]">8<!-- --> attendees</span></div></div></div></div><div class="flex gap-3 p-3 rounded-xl bg-[#F7F9FC] hover:bg-[#F3F4F6] transition-colors"><div class="flex flex-col items-center min-w-[48px]"><span class="text-xs font-semibold text-[#111827]">14:00</span><div class="w-px flex-1 bg-[#E5E7EB] my-1"></div></div><div class="flex-1"><p class="text-sm font-medium text-[#111827]">Nordic Industries — Contract Negotiation</p><div class="flex items-center gap-3 mt-1.5"><div class="flex items-center gap-1"><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-video w-3 h-3 text-[#9CA3AF]" aria-hidden="true"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg><span class="text-[11px] text-[#6B7280]">Zoom</span></div><div class="flex items-center gap-1"><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 w-3 h-3 text-[#9CA3AF]" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 6v6l4 2"></path></svg><span class="text-[11px] text-[#6B7280]">4<!-- --> attendees</span></div></div></div></div><div class="flex gap-3 p-3 rounded-xl bg-[#F7F9FC] hover:bg-[#F3F4F6] transition-colors"><div class="flex flex-col items-center min-w-[48px]"><span class="text-xs font-semibold text-[#111827]">10:00</span><div class="w-px flex-1 bg-[#E5E7EB] my-1"></div></div><div class="flex-1"><p class="text-sm font-medium text-[#111827]">Team Standup — Engineering</p><div class="flex items-center gap-3 mt-1.5"><div class="flex items-center gap-1"><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-video w-3 h-3 text-[#9CA3AF]" aria-hidden="true"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg><span class="text-[11px] text-[#6B7280]">Slack Huddle</span></div><div class="flex items-center gap-1"><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 w-3 h-3 text-[#9CA3AF]" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 6v6l4 2"></path></svg><span class="text-[11px] text-[#6B7280]">12<!-- --> attendees</span></div></div></div></div></div></div></div><div style="opacity:0;transform:translateY(20px)"><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-[>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 justify-between mb-4"><div><h3 class="text-sm font-semibold text-[#111827]">System Health</h3><p class="text-xs text-[#6B7280] mt-0.5">All systems operational</p></div><div class="flex items-center gap-1.5"><div class="w-2 h-2 rounded-full bg-emerald-500 animate-pulse"></div><span class="text-xs font-medium text-emerald-600">Operational</span></div></div><div class="space-y-2"><div class="flex items-center gap-3 p-2.5 rounded-xl hover:bg-[#F7F9FC] transition-colors"><div class="w-8 h-8 rounded-xl bg-[#F3F4F6] 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-server w-4 h-4 text-[#6B7280]" aria-hidden="true"><rect width="20" height="8" x="2" y="2" rx="2" ry="2"></rect><rect width="20" height="8" x="2" y="14" rx="2" ry="2"></rect><line x1="6" x2="6.01" y1="6" y2="6"></line><line x1="6" x2="6.01" y1="18" y2="18"></line></svg></div><div class="flex-1"><p class="text-sm font-medium text-[#111827]">API Gateway</p><div class="flex items-center gap-3 mt-0.5"><span class="text-[11px] text-[#9CA3AF]">Uptime <!-- -->99.99%</span><span class="text-[11px] text-[#9CA3AF]">Latency <!-- -->12ms</span></div></div><div class="flex items-center gap-1 px-2 py-1 rounded-lg bg-emerald-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-circle-check-big w-3 h-3 text-emerald-600" aria-hidden="true"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg><span class="text-[10px] font-semibold text-emerald-600">Healthy</span></div></div><div class="flex items-center gap-3 p-2.5 rounded-xl hover:bg-[#F7F9FC] transition-colors"><div class="w-8 h-8 rounded-xl bg-[#F3F4F6] 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-database w-4 h-4 text-[#6B7280]" aria-hidden="true"><ellipse cx="12" cy="5" rx="9" ry="3"></ellipse><path d="M3 5V19A9 3 0 0 0 21 19V5"></path><path d="M3 12A9 3 0 0 0 21 12"></path></svg></div><div class="flex-1"><p class="text-sm font-medium text-[#111827]">Database</p><div class="flex items-center gap-3 mt-0.5"><span class="text-[11px] text-[#9CA3AF]">Uptime <!-- -->99.97%</span><span class="text-[11px] text-[#9CA3AF]">Latency <!-- -->4ms</span></div></div><div class="flex items-center gap-1 px-2 py-1 rounded-lg bg-emerald-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-circle-check-big w-3 h-3 text-emerald-600" aria-hidden="true"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg><span class="text-[10px] font-semibold text-emerald-600">Healthy</span></div></div><div class="flex items-center gap-3 p-2.5 rounded-xl hover:bg-[#F7F9FC] transition-colors"><div class="w-8 h-8 rounded-xl bg-[#F3F4F6] 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-cloud w-4 h-4 text-[#6B7280]" aria-hidden="true"><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"></path></svg></div><div class="flex-1"><p class="text-sm font-medium text-[#111827]">Cloud Storage</p><div class="flex items-center gap-3 mt-0.5"><span class="text-[11px] text-[#9CA3AF]">Uptime <!-- -->100%</span><span class="text-[11px] text-[#9CA3AF]">Latency <!-- -->28ms</span></div></div><div class="flex items-center gap-1 px-2 py-1 rounded-lg bg-emerald-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-circle-check-big w-3 h-3 text-emerald-600" aria-hidden="true"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg><span class="text-[10px] font-semibold text-emerald-600">Healthy</span></div></div><div class="flex items-center gap-3 p-2.5 rounded-xl hover:bg-[#F7F9FC] transition-colors"><div class="w-8 h-8 rounded-xl bg-[#F3F4F6] 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-shield w-4 h-4 text-[#6B7280]" aria-hidden="true"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg></div><div class="flex-1"><p class="text-sm font-medium text-[#111827]">Auth Service</p><div class="flex items-center gap-3 mt-0.5"><span class="text-[11px] text-[#9CA3AF]">Uptime <!-- -->99.85%</span><span class="text-[11px] text-[#9CA3AF]">Latency <!-- -->156ms</span></div></div><div class="flex items-center gap-1 px-2 py-1 rounded-lg bg-amber-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-triangle-alert w-3 h-3 text-amber-600" aria-hidden="true"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"></path><path d="M12 9v4"></path><path d="M12 17h.01"></path></svg><span class="text-[10px] font-semibold text-amber-600">Degraded</span></div></div></div></div></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[50483,[\"/_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/0omweqxzwamip.js\",\"/_next/static/chunks/249txbb2rcsx4.js\",\"/_next/static/chunks/1y-t4rdf4jtp-.js\",\"/_next/static/chunks/0_n76xepp_qtt.js\",\"/_next/static/chunks/3d-c09o_2qhpj.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\"\nc: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\"]\ne: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\"]\n10: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\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"dashboard\",{\"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\":[[\"$\",\"$L5\",null,{\"Component\":\"$6\",\"serverProvidedParams\":{\"searchParams\":{},\"params\":{},\"promises\":[\"$@7\",\"$@8\"]}}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0omweqxzwamip.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/249txbb2rcsx4.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/1y-t4rdf4jtp-.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/0_n76xepp_qtt.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-4\",{\"src\":\"/_next/static/chunks/3d-c09o_2qhpj.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L9\",null,{\"children\":[\"$\",\"$a\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@b\"}]}]]}],{},null,false,null]},null,false,null]},null,false,null],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$Lc\",null,{\"children\":\"$Ld\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Le\",null,{\"children\":[\"$\",\"$a\",null,{\"name\":\"Next.Metadata\",\"children\":\"$Lf\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$10\",[[\"$\",\"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,"7:{}\n8:\"$0:f:0:1:1:children:1:children:0:props:children:0:props:serverProvidedParams:params\"\n"])</script><script>self.__next_f.push([1,"d:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"11: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\nf:[[\"$\",\"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\"}],[\"$\",\"$L11\",\"3\",{}]]\n"])</script></body></html> |