Chore: Upgrade to Laravel 12 + remove Mary and Jetstream dependencies (#141)

* docs: remove requirement for setting APP_KEY manually

* optimize date picker

* clean up modals

* spot light working

* reorganization

* add lazy load

* wip

* remove filament

* styling

resources/css/app.css

@@ -1,11 +1,129 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import url("https://fonts.bunny.net/css?family=Inter:400,500,600&display=swap");
 
-[x-cloak] {
-    display: none;
+@import "tailwindcss";
+@plugin "@tailwindcss/typography";
+
+@theme {
+  --font-sans: "Inter", sans-serif; 
 }
 
+@plugin "daisyui" {
+  themes: light, dark --default --prefersdark;
+}
+
+@custom-variant dark (&:where([data-theme=dark], [data-theme=dark] *));
+
+@plugin "daisyui/theme" {
+  name: "dark";
+  default: true;
+  prefersdark: true;
+  color-scheme: dark;
+
+  --animation-input: 0.15s;
+
+  --radius-selector: 0.15rem;
+  --radius-field: 0.25rem;
+  --radius-box: 0.5rem;
+
+  --size-selector: 0.25rem;
+  --size-field: 0.25rem;
+
+  --color-primary: "#78716c";
+  --color-primary-content: "#e3e1e0";
+  --color-secondary: "#7a7a7a";
+  --color-secondary-content: "#d1d1d5";
+  --color-accent: "#8c9ae3";
+  --color-accent-content: "#d3d4dd";
+  --color-neutral: "#302f3c";
+  --color-neutral-content: "#d1d1d5";
+  --color-base-100: "#20202A";
+  --color-base-200: "#1a1a23";
+  --color-base-300: "#15151c";
+  --color-base-content: "#cecdd0";
+  --color-info: "#1e40af";
+  --color-info-content: "#ced9f2";
+  --color-success: "#166534";
+  --color-success-content: "#d1dfd3";
+  --color-warning: "#a16207";
+  --color-warning-content: "#eddfd1";
+  --color-error: "#991b1b";
+  --color-error-content: "#efd3cf";
+  --depth: 0;
+  --noise: 0;
+}
+@plugin "daisyui/theme" {
+  name: "light";
+  prefersdark: false;
+  color-scheme: light; 
+
+  --animation-input: 0.15s;
+
+  --radius-selector: 0.15rem;
+  --radius-field: 0.25rem;
+  --radius-box: 0.5rem;
+
+  --size-selector: 0.25rem;
+  --size-field: 0.25rem;
+
+  --color-primary: "#d6d3d1";
+  --color-primary-content: "#101010";
+  --color-secondary: "#9ca3af";
+  --color-secondary-content: "#090a0b";
+  --color-accent: "#525783";
+  --color-accent-content: "#110c16";
+  --color-neutral: "#6b7280";
+  --color-neutral-content: "#e0e1e4";
+  --color-base-100: "oklch(100% 0 0)";
+  --color-base-200: "oklch(97.466% 0.011 259.822)"; 
+  --color-base-300: "oklch(0.95 0.016 244.89)";
+  --color-base-content: "#161616";
+  --color-info: "#60a5fa";
+  --color-info-content: "#030a15";
+  --color-success: "#10b981";
+  --color-success-content: "#000d06";
+  --color-warning: "#fb923c";
+  --color-warning-content: "#150801";
+  --color-error: "#ef4444";
+  --color-error-content: "#140202";
+  --depth: 0;
+  --noise: 0;
+}
+
+@source "../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php";
+@source "../../storage/framework/views/*.php";
+@source "../**/*.blade.php";
+
+/* Tool tip for apex charts */
+[data-theme=dark] .apexcharts-tooltip-title {
+  background: #292933 !important;
+  border-bottom: 1px solid #393939  !important;
+}
+[data-theme=dark] .apexcharts-tooltip {
+  background: #20202A !important;
+  border-color: #393939 !important;
+}
+
+/* Wiggle animation */
+@keyframes wiggle {
+  10%, 90% {
+    transform: translate3d(-1px, 0, 0);
+  }
+  20%, 80% {
+    transform: translate3d(2px, 0, 0);
+  }
+  30%, 50%, 70% {
+    transform: translate3d(-4px, 0, 0);
+  }
+  40%, 60% {
+    transform: translate3d(4px, 0, 0);
+  }
+}
+
+.wiggle {
+    animation: wiggle 0.5s cubic-bezier(.36,.07,.19,.97) both;
+}
+
+/* AI chat styles */
 .ai-chat ul, .ai-chat ol, .ai-chat ol li > ul {
     margin-left: 1.1rem;
 }