diff --git a/app/Http/Controllers/ClientCaseContoller.php b/app/Http/Controllers/ClientCaseContoller.php
index 705fb55..6eb8207 100644
--- a/app/Http/Controllers/ClientCaseContoller.php
+++ b/app/Http/Controllers/ClientCaseContoller.php
@@ -210,6 +210,7 @@ public function storeActivity(ClientCase $clientCase, Request $request)
                 'contract_uuid' => 'nullable|uuid',
             ]);
 
+
             // Map contract_uuid to contract_id within the same client case, if provided
             $contractId = null;
             if (! empty($attributes['contract_uuid'])) {
diff --git a/app/Http/Middleware/HandleInertiaRequests.php b/app/Http/Middleware/HandleInertiaRequests.php
index 2f0b3a6..999bccc 100644
--- a/app/Http/Middleware/HandleInertiaRequests.php
+++ b/app/Http/Middleware/HandleInertiaRequests.php
@@ -42,6 +42,43 @@ public function share(Request $request): array
                 'warning' => fn () => $request->session()->get('warning'),
                 'info' => fn () => $request->session()->get('info'),
             ],
+            'notifications' => function () use ($request) {
+                try {
+                    $user = $request->user();
+                    if (! $user) {
+                        return null;
+                    }
+
+                    $today = now()->toDateString();
+                    $activities = \App\Models\Activity::query()
+                        ->with([
+                            // Include contract uuid and reference, keep id for relation mapping, and client_case_id for nested eager load
+                            'contract:id,uuid,reference,client_case_id',
+                            // Include client case uuid (id required for mapping, will be hidden in JSON)
+                            'contract.clientCase:id,uuid',
+                            // Include account amounts; contract_id needed for relation mapping
+                            'contract.account:contract_id,balance_amount,initial_amount',
+                        ])
+                        ->whereDate('due_date', $today)
+                        ->where('user_id', $user->id)
+                        ->orderBy('created_at')
+                        ->limit(20)
+                        ->get();
+
+
+          
+
+                    return [
+                        'dueToday' => [
+                            'count' => $activities->count(),
+                            'items' => $activities,
+                            'date'  => $today,
+                        ],
+                    ];
+                } catch (\Throwable $e) {
+                    return null;
+                }
+            },
         ]);
     }
 }
diff --git a/package-lock.json b/package-lock.json
index 9d628cd..39254bf 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -4,6 +4,7 @@
     "requires": true,
     "packages": {
         "": {
+            "name": "Teren-app",
             "dependencies": {
                 "@fortawesome/fontawesome-svg-core": "^6.6.0",
                 "@fortawesome/free-brands-svg-icons": "^6.6.0",
@@ -12,13 +13,15 @@
                 "@fortawesome/vue-fontawesome": "^3.0.8",
                 "@headlessui/vue": "^1.7.23",
                 "@heroicons/vue": "^2.1.5",
-                "@vuepic/vue-datepicker": "^9.0.3",
+                "@internationalized/date": "^3.9.0",
+                "@vuepic/vue-datepicker": "^11.0.2",
                 "apexcharts": "^4.0.0",
                 "flowbite": "^2.5.2",
                 "flowbite-vue": "^0.1.6",
                 "lodash": "^4.17.21",
                 "material-design-icons-iconfont": "^6.7.0",
                 "preline": "^2.7.0",
+                "reka-ui": "^2.5.1",
                 "tailwindcss-inner-border": "^0.2.0",
                 "v-calendar": "^3.1.2",
                 "vue-multiselect": "^3.1.0",
@@ -37,7 +40,7 @@
                 "laravel-vite-plugin": "^1.0",
                 "postcss": "^8.4.32",
                 "tailwindcss": "^3.4.0",
-                "vite": "^5.0",
+                "vite": "^7.1.7",
                 "vue": "^3.3.13"
             }
         },
@@ -109,9 +112,9 @@
             }
         },
         "node_modules/@esbuild/aix-ppc64": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz",
-            "integrity": "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==",
+            "version": "0.25.10",
+            "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.10.tgz",
+            "integrity": "sha512-0NFWnA+7l41irNuaSVlLfgNT12caWJVLzp5eAVhZ0z1qpxbockccEt3s+149rE64VUI3Ml2zt8Nv5JVc4QXTsw==",
             "cpu": [
                 "ppc64"
             ],
@@ -122,13 +125,13 @@
                 "aix"
             ],
             "engines": {
-                "node": ">=12"
+                "node": ">=18"
             }
         },
         "node_modules/@esbuild/android-arm": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.21.5.tgz",
-            "integrity": "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==",
+            "version": "0.25.10",
+            "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.10.tgz",
+            "integrity": "sha512-dQAxF1dW1C3zpeCDc5KqIYuZ1tgAdRXNoZP7vkBIRtKZPYe2xVr/d3SkirklCHudW1B45tGiUlz2pUWDfbDD4w==",
             "cpu": [
                 "arm"
             ],
@@ -139,13 +142,13 @@
                 "android"
             ],
             "engines": {
-                "node": ">=12"
+                "node": ">=18"
             }
         },
         "node_modules/@esbuild/android-arm64": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz",
-            "integrity": "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==",
+            "version": "0.25.10",
+            "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.10.tgz",
+            "integrity": "sha512-LSQa7eDahypv/VO6WKohZGPSJDq5OVOo3UoFR1E4t4Gj1W7zEQMUhI+lo81H+DtB+kP+tDgBp+M4oNCwp6kffg==",
             "cpu": [
                 "arm64"
             ],
@@ -156,13 +159,13 @@
                 "android"
             ],
             "engines": {
-                "node": ">=12"
+                "node": ">=18"
             }
         },
         "node_modules/@esbuild/android-x64": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.21.5.tgz",
-            "integrity": "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==",
+            "version": "0.25.10",
+            "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.10.tgz",
+            "integrity": "sha512-MiC9CWdPrfhibcXwr39p9ha1x0lZJ9KaVfvzA0Wxwz9ETX4v5CHfF09bx935nHlhi+MxhA63dKRRQLiVgSUtEg==",
             "cpu": [
                 "x64"
             ],
@@ -173,13 +176,13 @@
                 "android"
             ],
             "engines": {
-                "node": ">=12"
+                "node": ">=18"
             }
         },
         "node_modules/@esbuild/darwin-arm64": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz",
-            "integrity": "sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==",
+            "version": "0.25.10",
+            "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.10.tgz",
+            "integrity": "sha512-JC74bdXcQEpW9KkV326WpZZjLguSZ3DfS8wrrvPMHgQOIEIG/sPXEN/V8IssoJhbefLRcRqw6RQH2NnpdprtMA==",
             "cpu": [
                 "arm64"
             ],
@@ -190,13 +193,13 @@
                 "darwin"
             ],
             "engines": {
-                "node": ">=12"
+                "node": ">=18"
             }
         },
         "node_modules/@esbuild/darwin-x64": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz",
-            "integrity": "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==",
+            "version": "0.25.10",
+            "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.10.tgz",
+            "integrity": "sha512-tguWg1olF6DGqzws97pKZ8G2L7Ig1vjDmGTwcTuYHbuU6TTjJe5FXbgs5C1BBzHbJ2bo1m3WkQDbWO2PvamRcg==",
             "cpu": [
                 "x64"
             ],
@@ -207,13 +210,13 @@
                 "darwin"
             ],
             "engines": {
-                "node": ">=12"
+                "node": ">=18"
             }
         },
         "node_modules/@esbuild/freebsd-arm64": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz",
-            "integrity": "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==",
+            "version": "0.25.10",
+            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.10.tgz",
+            "integrity": "sha512-3ZioSQSg1HT2N05YxeJWYR+Libe3bREVSdWhEEgExWaDtyFbbXWb49QgPvFH8u03vUPX10JhJPcz7s9t9+boWg==",
             "cpu": [
                 "arm64"
             ],
@@ -224,13 +227,13 @@
                 "freebsd"
             ],
             "engines": {
-                "node": ">=12"
+                "node": ">=18"
             }
         },
         "node_modules/@esbuild/freebsd-x64": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz",
-            "integrity": "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==",
+            "version": "0.25.10",
+            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.10.tgz",
+            "integrity": "sha512-LLgJfHJk014Aa4anGDbh8bmI5Lk+QidDmGzuC2D+vP7mv/GeSN+H39zOf7pN5N8p059FcOfs2bVlrRr4SK9WxA==",
             "cpu": [
                 "x64"
             ],
@@ -241,13 +244,13 @@
                 "freebsd"
             ],
             "engines": {
-                "node": ">=12"
+                "node": ">=18"
             }
         },
         "node_modules/@esbuild/linux-arm": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz",
-            "integrity": "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==",
+            "version": "0.25.10",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.10.tgz",
+            "integrity": "sha512-oR31GtBTFYCqEBALI9r6WxoU/ZofZl962pouZRTEYECvNF/dtXKku8YXcJkhgK/beU+zedXfIzHijSRapJY3vg==",
             "cpu": [
                 "arm"
             ],
@@ -258,13 +261,13 @@
                 "linux"
             ],
             "engines": {
-                "node": ">=12"
+                "node": ">=18"
             }
         },
         "node_modules/@esbuild/linux-arm64": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz",
-            "integrity": "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==",
+            "version": "0.25.10",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.10.tgz",
+            "integrity": "sha512-5luJWN6YKBsawd5f9i4+c+geYiVEw20FVW5x0v1kEMWNq8UctFjDiMATBxLvmmHA4bf7F6hTRaJgtghFr9iziQ==",
             "cpu": [
                 "arm64"
             ],
@@ -275,13 +278,13 @@
                 "linux"
             ],
             "engines": {
-                "node": ">=12"
+                "node": ">=18"
             }
         },
         "node_modules/@esbuild/linux-ia32": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz",
-            "integrity": "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==",
+            "version": "0.25.10",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.10.tgz",
+            "integrity": "sha512-NrSCx2Kim3EnnWgS4Txn0QGt0Xipoumb6z6sUtl5bOEZIVKhzfyp/Lyw4C1DIYvzeW/5mWYPBFJU3a/8Yr75DQ==",
             "cpu": [
                 "ia32"
             ],
@@ -292,13 +295,13 @@
                 "linux"
             ],
             "engines": {
-                "node": ">=12"
+                "node": ">=18"
             }
         },
         "node_modules/@esbuild/linux-loong64": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz",
-            "integrity": "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==",
+            "version": "0.25.10",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.10.tgz",
+            "integrity": "sha512-xoSphrd4AZda8+rUDDfD9J6FUMjrkTz8itpTITM4/xgerAZZcFW7Dv+sun7333IfKxGG8gAq+3NbfEMJfiY+Eg==",
             "cpu": [
                 "loong64"
             ],
@@ -309,13 +312,13 @@
                 "linux"
             ],
             "engines": {
-                "node": ">=12"
+                "node": ">=18"
             }
         },
         "node_modules/@esbuild/linux-mips64el": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz",
-            "integrity": "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==",
+            "version": "0.25.10",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.10.tgz",
+            "integrity": "sha512-ab6eiuCwoMmYDyTnyptoKkVS3k8fy/1Uvq7Dj5czXI6DF2GqD2ToInBI0SHOp5/X1BdZ26RKc5+qjQNGRBelRA==",
             "cpu": [
                 "mips64el"
             ],
@@ -326,13 +329,13 @@
                 "linux"
             ],
             "engines": {
-                "node": ">=12"
+                "node": ">=18"
             }
         },
         "node_modules/@esbuild/linux-ppc64": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz",
-            "integrity": "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==",
+            "version": "0.25.10",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.10.tgz",
+            "integrity": "sha512-NLinzzOgZQsGpsTkEbdJTCanwA5/wozN9dSgEl12haXJBzMTpssebuXR42bthOF3z7zXFWH1AmvWunUCkBE4EA==",
             "cpu": [
                 "ppc64"
             ],
@@ -343,13 +346,13 @@
                 "linux"
             ],
             "engines": {
-                "node": ">=12"
+                "node": ">=18"
             }
         },
         "node_modules/@esbuild/linux-riscv64": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz",
-            "integrity": "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==",
+            "version": "0.25.10",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.10.tgz",
+            "integrity": "sha512-FE557XdZDrtX8NMIeA8LBJX3dC2M8VGXwfrQWU7LB5SLOajfJIxmSdyL/gU1m64Zs9CBKvm4UAuBp5aJ8OgnrA==",
             "cpu": [
                 "riscv64"
             ],
@@ -360,13 +363,13 @@
                 "linux"
             ],
             "engines": {
-                "node": ">=12"
+                "node": ">=18"
             }
         },
         "node_modules/@esbuild/linux-s390x": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz",
-            "integrity": "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==",
+            "version": "0.25.10",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.10.tgz",
+            "integrity": "sha512-3BBSbgzuB9ajLoVZk0mGu+EHlBwkusRmeNYdqmznmMc9zGASFjSsxgkNsqmXugpPk00gJ0JNKh/97nxmjctdew==",
             "cpu": [
                 "s390x"
             ],
@@ -377,13 +380,13 @@
                 "linux"
             ],
             "engines": {
-                "node": ">=12"
+                "node": ">=18"
             }
         },
         "node_modules/@esbuild/linux-x64": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz",
-            "integrity": "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==",
+            "version": "0.25.10",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.10.tgz",
+            "integrity": "sha512-QSX81KhFoZGwenVyPoberggdW1nrQZSvfVDAIUXr3WqLRZGZqWk/P4T8p2SP+de2Sr5HPcvjhcJzEiulKgnxtA==",
             "cpu": [
                 "x64"
             ],
@@ -394,13 +397,30 @@
                 "linux"
             ],
             "engines": {
-                "node": ">=12"
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/netbsd-arm64": {
+            "version": "0.25.10",
+            "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.10.tgz",
+            "integrity": "sha512-AKQM3gfYfSW8XRk8DdMCzaLUFB15dTrZfnX8WXQoOUpUBQ+NaAFCP1kPS/ykbbGYz7rxn0WS48/81l9hFl3u4A==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "netbsd"
+            ],
+            "engines": {
+                "node": ">=18"
             }
         },
         "node_modules/@esbuild/netbsd-x64": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz",
-            "integrity": "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==",
+            "version": "0.25.10",
+            "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.10.tgz",
+            "integrity": "sha512-7RTytDPGU6fek/hWuN9qQpeGPBZFfB4zZgcz2VK2Z5VpdUxEI8JKYsg3JfO0n/Z1E/6l05n0unDCNc4HnhQGig==",
             "cpu": [
                 "x64"
             ],
@@ -411,13 +431,30 @@
                 "netbsd"
             ],
             "engines": {
-                "node": ">=12"
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/openbsd-arm64": {
+            "version": "0.25.10",
+            "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.10.tgz",
+            "integrity": "sha512-5Se0VM9Wtq797YFn+dLimf2Zx6McttsH2olUBsDml+lm0GOCRVebRWUvDtkY4BWYv/3NgzS8b/UM3jQNh5hYyw==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "openbsd"
+            ],
+            "engines": {
+                "node": ">=18"
             }
         },
         "node_modules/@esbuild/openbsd-x64": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz",
-            "integrity": "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==",
+            "version": "0.25.10",
+            "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.10.tgz",
+            "integrity": "sha512-XkA4frq1TLj4bEMB+2HnI0+4RnjbuGZfet2gs/LNs5Hc7D89ZQBHQ0gL2ND6Lzu1+QVkjp3x1gIcPKzRNP8bXw==",
             "cpu": [
                 "x64"
             ],
@@ -428,13 +465,30 @@
                 "openbsd"
             ],
             "engines": {
-                "node": ">=12"
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/openharmony-arm64": {
+            "version": "0.25.10",
+            "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.25.10.tgz",
+            "integrity": "sha512-AVTSBhTX8Y/Fz6OmIVBip9tJzZEUcY8WLh7I59+upa5/GPhh2/aM6bvOMQySspnCCHvFi79kMtdJS1w0DXAeag==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "openharmony"
+            ],
+            "engines": {
+                "node": ">=18"
             }
         },
         "node_modules/@esbuild/sunos-x64": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz",
-            "integrity": "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==",
+            "version": "0.25.10",
+            "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.10.tgz",
+            "integrity": "sha512-fswk3XT0Uf2pGJmOpDB7yknqhVkJQkAQOcW/ccVOtfx05LkbWOaRAtn5SaqXypeKQra1QaEa841PgrSL9ubSPQ==",
             "cpu": [
                 "x64"
             ],
@@ -445,13 +499,13 @@
                 "sunos"
             ],
             "engines": {
-                "node": ">=12"
+                "node": ">=18"
             }
         },
         "node_modules/@esbuild/win32-arm64": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz",
-            "integrity": "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==",
+            "version": "0.25.10",
+            "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.10.tgz",
+            "integrity": "sha512-ah+9b59KDTSfpaCg6VdJoOQvKjI33nTaQr4UluQwW7aEwZQsbMCfTmfEO4VyewOxx4RaDT/xCy9ra2GPWmO7Kw==",
             "cpu": [
                 "arm64"
             ],
@@ -462,13 +516,13 @@
                 "win32"
             ],
             "engines": {
-                "node": ">=12"
+                "node": ">=18"
             }
         },
         "node_modules/@esbuild/win32-ia32": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz",
-            "integrity": "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==",
+            "version": "0.25.10",
+            "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.10.tgz",
+            "integrity": "sha512-QHPDbKkrGO8/cz9LKVnJU22HOi4pxZnZhhA2HYHez5Pz4JeffhDjf85E57Oyco163GnzNCVkZK0b/n4Y0UHcSw==",
             "cpu": [
                 "ia32"
             ],
@@ -479,13 +533,13 @@
                 "win32"
             ],
             "engines": {
-                "node": ">=12"
+                "node": ">=18"
             }
         },
         "node_modules/@esbuild/win32-x64": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz",
-            "integrity": "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==",
+            "version": "0.25.10",
+            "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.10.tgz",
+            "integrity": "sha512-9KpxSVFCu0iK1owoez6aC/s/EdUQLDN3adTxGCqxMVhrPDj6bt5dbrHDXUuq+Bs2vATFBBrQS5vdQ/Ed2P+nbw==",
             "cpu": [
                 "x64"
             ],
@@ -496,7 +550,7 @@
                 "win32"
             ],
             "engines": {
-                "node": ">=12"
+                "node": ">=18"
             }
         },
         "node_modules/@floating-ui/core": {
@@ -523,6 +577,53 @@
             "integrity": "sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ==",
             "license": "MIT"
         },
+        "node_modules/@floating-ui/vue": {
+            "version": "1.1.9",
+            "resolved": "https://registry.npmjs.org/@floating-ui/vue/-/vue-1.1.9.tgz",
+            "integrity": "sha512-BfNqNW6KA83Nexspgb9DZuz578R7HT8MZw1CfK9I6Ah4QReNWEJsXWHN+SdmOVLNGmTPDi+fDT535Df5PzMLbQ==",
+            "license": "MIT",
+            "dependencies": {
+                "@floating-ui/dom": "^1.7.4",
+                "@floating-ui/utils": "^0.2.10",
+                "vue-demi": ">=0.13.0"
+            }
+        },
+        "node_modules/@floating-ui/vue/node_modules/@floating-ui/dom": {
+            "version": "1.7.4",
+            "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.7.4.tgz",
+            "integrity": "sha512-OOchDgh4F2CchOX94cRVqhvy7b3AFb+/rQXyswmzmGakRfkMgoWVjfnLWkRirfLEfuD4ysVW16eXzwt3jHIzKA==",
+            "license": "MIT",
+            "dependencies": {
+                "@floating-ui/core": "^1.7.3",
+                "@floating-ui/utils": "^0.2.10"
+            }
+        },
+        "node_modules/@floating-ui/vue/node_modules/vue-demi": {
+            "version": "0.14.10",
+            "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.10.tgz",
+            "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
+            "hasInstallScript": true,
+            "license": "MIT",
+            "bin": {
+                "vue-demi-fix": "bin/vue-demi-fix.js",
+                "vue-demi-switch": "bin/vue-demi-switch.js"
+            },
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/antfu"
+            },
+            "peerDependencies": {
+                "@vue/composition-api": "^1.0.0-rc.1",
+                "vue": "^3.0.0-0 || ^2.6.0"
+            },
+            "peerDependenciesMeta": {
+                "@vue/composition-api": {
+                    "optional": true
+                }
+            }
+        },
         "node_modules/@fortawesome/fontawesome-common-types": {
             "version": "6.7.2",
             "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.7.2.tgz",
@@ -640,6 +741,24 @@
                 "vue": "^3.0.0"
             }
         },
+        "node_modules/@internationalized/date": {
+            "version": "3.9.0",
+            "resolved": "https://registry.npmjs.org/@internationalized/date/-/date-3.9.0.tgz",
+            "integrity": "sha512-yaN3brAnHRD+4KyyOsJyk49XUvj2wtbNACSqg0bz3u8t2VuzhC8Q5dfRnrSxjnnbDb+ienBnkn1TzQfE154vyg==",
+            "license": "Apache-2.0",
+            "dependencies": {
+                "@swc/helpers": "^0.5.0"
+            }
+        },
+        "node_modules/@internationalized/number": {
+            "version": "3.6.5",
+            "resolved": "https://registry.npmjs.org/@internationalized/number/-/number-3.6.5.tgz",
+            "integrity": "sha512-6hY4Kl4HPBvtfS62asS/R22JzNNy8vi/Ssev7x6EobfCp+9QIB2hKvI2EtbdJ0VSQacxVNtqhE/NmF/NZ0gm6g==",
+            "license": "Apache-2.0",
+            "dependencies": {
+                "@swc/helpers": "^0.5.0"
+            }
+        },
         "node_modules/@isaacs/cliui": {
             "version": "8.0.2",
             "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
@@ -1164,6 +1283,15 @@
                 "@svgdotjs/svg.js": "^3.2.4"
             }
         },
+        "node_modules/@swc/helpers": {
+            "version": "0.5.17",
+            "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.17.tgz",
+            "integrity": "sha512-5IKx/Y13RsYd+sauPb2x+U/xZikHjolzfuDgTAl/Tdf3Q8rslRvC19NKDLgAJQ6wsqADk10ntlv08nPFw/gO/A==",
+            "license": "Apache-2.0",
+            "dependencies": {
+                "tslib": "^2.8.0"
+            }
+        },
         "node_modules/@tailwindcss/forms": {
             "version": "0.5.10",
             "resolved": "https://registry.npmjs.org/@tailwindcss/forms/-/forms-0.5.10.tgz",
@@ -1361,18 +1489,18 @@
             "license": "MIT"
         },
         "node_modules/@vuepic/vue-datepicker": {
-            "version": "9.0.3",
-            "resolved": "https://registry.npmjs.org/@vuepic/vue-datepicker/-/vue-datepicker-9.0.3.tgz",
-            "integrity": "sha512-OtCAKG+CkVBpCwnPx7/BGRF+/z+jDzNl2cMBpcr8j2NkAN+13xkUt7sctbOVKbG/jhuXtKoUSedI69e0cDXPXw==",
+            "version": "11.0.2",
+            "resolved": "https://registry.npmjs.org/@vuepic/vue-datepicker/-/vue-datepicker-11.0.2.tgz",
+            "integrity": "sha512-uHh78mVBXCEjam1uVfTzZ/HkyDwut/H6b2djSN9YTF+l/EA+XONfdCnOVSi1g+qVGSy65DcQAwyBNidAssnudQ==",
             "license": "MIT",
             "dependencies": {
-                "date-fns": "^3.6.0"
+                "date-fns": "^4.1.0"
             },
             "engines": {
                 "node": ">=18.12.0"
             },
             "peerDependencies": {
-                "vue": ">=3.2.0"
+                "vue": ">=3.3.0"
             }
         },
         "node_modules/@vueuse/core": {
@@ -1492,6 +1620,18 @@
             "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
             "license": "MIT"
         },
+        "node_modules/aria-hidden": {
+            "version": "1.2.6",
+            "resolved": "https://registry.npmjs.org/aria-hidden/-/aria-hidden-1.2.6.tgz",
+            "integrity": "sha512-ik3ZgC9dY/lYVVM++OISsaYDeg1tb0VtP5uL3ouh1koGOaUMDPpbFIei4JkFimWUFPn90sbMNMXQAIVOlnYKJA==",
+            "license": "MIT",
+            "dependencies": {
+                "tslib": "^2.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            }
+        },
         "node_modules/asynckit": {
             "version": "0.4.0",
             "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
@@ -1556,9 +1696,9 @@
             "license": "MIT"
         },
         "node_modules/baseline-browser-mapping": {
-            "version": "2.8.8",
-            "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.8.8.tgz",
-            "integrity": "sha512-be0PUaPsQX/gPWWgFsdD+GFzaoig5PXaUC1xLkQiYdDnANU8sMnHoQd8JhbJQuvTWrWLyeFN9Imb5Qtfvr4RrQ==",
+            "version": "2.8.10",
+            "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.8.10.tgz",
+            "integrity": "sha512-uLfgBi+7IBNay8ECBO2mVMGZAc1VgZWEChxm4lv+TobGdG82LnXMjuNGo/BSSZZL4UmkWhxEHP2f5ziLNwGWMA==",
             "dev": true,
             "license": "Apache-2.0",
             "bin": {
@@ -1599,9 +1739,9 @@
             }
         },
         "node_modules/browserslist": {
-            "version": "4.26.2",
-            "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.26.2.tgz",
-            "integrity": "sha512-ECFzp6uFOSB+dcZ5BK/IBaGWssbSYBHvuMeMt3MMFyhI0Z8SqGgEkBLARgpRH3hutIgPVsALcMwbDrJqPxQ65A==",
+            "version": "4.26.3",
+            "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.26.3.tgz",
+            "integrity": "sha512-lAUU+02RFBuCKQPj/P6NgjlbCnLBMp4UtgTx7vNHd3XSIJF87s9a5rA3aH2yw3GS9DqZAUbOtZdCCiZeVRqt0w==",
             "dev": true,
             "funding": [
                 {
@@ -1619,9 +1759,9 @@
             ],
             "license": "MIT",
             "dependencies": {
-                "baseline-browser-mapping": "^2.8.3",
-                "caniuse-lite": "^1.0.30001741",
-                "electron-to-chromium": "^1.5.218",
+                "baseline-browser-mapping": "^2.8.9",
+                "caniuse-lite": "^1.0.30001746",
+                "electron-to-chromium": "^1.5.227",
                 "node-releases": "^2.0.21",
                 "update-browserslist-db": "^1.1.3"
             },
@@ -1673,9 +1813,9 @@
             }
         },
         "node_modules/caniuse-lite": {
-            "version": "1.0.30001745",
-            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001745.tgz",
-            "integrity": "sha512-ywt6i8FzvdgrrrGbr1jZVObnVv6adj+0if2/omv9cmR2oiZs30zL4DIyaptKcbOrBdOIc74QTMoJvSE2QHh5UQ==",
+            "version": "1.0.30001746",
+            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001746.tgz",
+            "integrity": "sha512-eA7Ys/DGw+pnkWWSE/id29f2IcPHVoE8wxtvE5JdvD2V28VTDPy1yEeo11Guz0sJ4ZeGRcm3uaTcAqK1LXaphA==",
             "dev": true,
             "funding": [
                 {
@@ -1808,9 +1948,9 @@
             "license": "MIT"
         },
         "node_modules/date-fns": {
-            "version": "3.6.0",
-            "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-3.6.0.tgz",
-            "integrity": "sha512-fRHTG8g/Gif+kSh50gaGEdToemgfj74aRX3swtiouboip5JDLAyDE9F11nHMIcvOaXeOC6D7SpNhi7uFyB7Uww==",
+            "version": "4.1.0",
+            "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-4.1.0.tgz",
+            "integrity": "sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg==",
             "license": "MIT",
             "funding": {
                 "type": "github",
@@ -1826,6 +1966,12 @@
                 "node": ">=0.10.0"
             }
         },
+        "node_modules/defu": {
+            "version": "6.1.4",
+            "resolved": "https://registry.npmjs.org/defu/-/defu-6.1.4.tgz",
+            "integrity": "sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg==",
+            "license": "MIT"
+        },
         "node_modules/delayed-stream": {
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
@@ -1870,9 +2016,9 @@
             "license": "MIT"
         },
         "node_modules/electron-to-chromium": {
-            "version": "1.5.224",
-            "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.224.tgz",
-            "integrity": "sha512-kWAoUu/bwzvnhpdZSIc6KUyvkI1rbRXMT0Eq8pKReyOyaPZcctMli+EgvcN1PAvwVc7Tdo4Fxi2PsLNDU05mdg==",
+            "version": "1.5.228",
+            "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.228.tgz",
+            "integrity": "sha512-nxkiyuqAn4MJ1QbobwqJILiDtu/jk14hEAWaMiJmNPh1Z+jqoFlBFZjdXwLWGeVSeu9hGLg6+2G9yJaW8rBIFA==",
             "dev": true,
             "license": "ISC"
         },
@@ -1955,9 +2101,9 @@
             ]
         },
         "node_modules/esbuild": {
-            "version": "0.21.5",
-            "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz",
-            "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==",
+            "version": "0.25.10",
+            "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.10.tgz",
+            "integrity": "sha512-9RiGKvCwaqxO2owP61uQ4BgNborAQskMR6QusfWzQqv7AZOg5oGehdY2pRJMTKuwxd1IDBP4rSbI5lHzU7SMsQ==",
             "dev": true,
             "hasInstallScript": true,
             "license": "MIT",
@@ -1965,32 +2111,35 @@
                 "esbuild": "bin/esbuild"
             },
             "engines": {
-                "node": ">=12"
+                "node": ">=18"
             },
             "optionalDependencies": {
-                "@esbuild/aix-ppc64": "0.21.5",
-                "@esbuild/android-arm": "0.21.5",
-                "@esbuild/android-arm64": "0.21.5",
-                "@esbuild/android-x64": "0.21.5",
-                "@esbuild/darwin-arm64": "0.21.5",
-                "@esbuild/darwin-x64": "0.21.5",
-                "@esbuild/freebsd-arm64": "0.21.5",
-                "@esbuild/freebsd-x64": "0.21.5",
-                "@esbuild/linux-arm": "0.21.5",
-                "@esbuild/linux-arm64": "0.21.5",
-                "@esbuild/linux-ia32": "0.21.5",
-                "@esbuild/linux-loong64": "0.21.5",
-                "@esbuild/linux-mips64el": "0.21.5",
-                "@esbuild/linux-ppc64": "0.21.5",
-                "@esbuild/linux-riscv64": "0.21.5",
-                "@esbuild/linux-s390x": "0.21.5",
-                "@esbuild/linux-x64": "0.21.5",
-                "@esbuild/netbsd-x64": "0.21.5",
-                "@esbuild/openbsd-x64": "0.21.5",
-                "@esbuild/sunos-x64": "0.21.5",
-                "@esbuild/win32-arm64": "0.21.5",
-                "@esbuild/win32-ia32": "0.21.5",
-                "@esbuild/win32-x64": "0.21.5"
+                "@esbuild/aix-ppc64": "0.25.10",
+                "@esbuild/android-arm": "0.25.10",
+                "@esbuild/android-arm64": "0.25.10",
+                "@esbuild/android-x64": "0.25.10",
+                "@esbuild/darwin-arm64": "0.25.10",
+                "@esbuild/darwin-x64": "0.25.10",
+                "@esbuild/freebsd-arm64": "0.25.10",
+                "@esbuild/freebsd-x64": "0.25.10",
+                "@esbuild/linux-arm": "0.25.10",
+                "@esbuild/linux-arm64": "0.25.10",
+                "@esbuild/linux-ia32": "0.25.10",
+                "@esbuild/linux-loong64": "0.25.10",
+                "@esbuild/linux-mips64el": "0.25.10",
+                "@esbuild/linux-ppc64": "0.25.10",
+                "@esbuild/linux-riscv64": "0.25.10",
+                "@esbuild/linux-s390x": "0.25.10",
+                "@esbuild/linux-x64": "0.25.10",
+                "@esbuild/netbsd-arm64": "0.25.10",
+                "@esbuild/netbsd-x64": "0.25.10",
+                "@esbuild/openbsd-arm64": "0.25.10",
+                "@esbuild/openbsd-x64": "0.25.10",
+                "@esbuild/openharmony-arm64": "0.25.10",
+                "@esbuild/sunos-x64": "0.25.10",
+                "@esbuild/win32-arm64": "0.25.10",
+                "@esbuild/win32-ia32": "0.25.10",
+                "@esbuild/win32-x64": "0.25.10"
             }
         },
         "node_modules/escalade": {
@@ -2046,6 +2195,24 @@
                 "reusify": "^1.0.4"
             }
         },
+        "node_modules/fdir": {
+            "version": "6.5.0",
+            "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+            "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=12.0.0"
+            },
+            "peerDependencies": {
+                "picomatch": "^3 || ^4"
+            },
+            "peerDependenciesMeta": {
+                "picomatch": {
+                    "optional": true
+                }
+            }
+        },
         "node_modules/fill-range": {
             "version": "7.1.1",
             "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
@@ -2697,6 +2864,12 @@
                 "url": "https://github.com/sponsors/ljharb"
             }
         },
+        "node_modules/ohash": {
+            "version": "2.0.11",
+            "resolved": "https://registry.npmjs.org/ohash/-/ohash-2.0.11.tgz",
+            "integrity": "sha512-RdR9FQrFwNBNXAr4GixM8YaRZRJ5PUWbKYbE5eOsrwAjJW0q2REGcf79oYPsLyskQCZG1PLN+S/K1V00joZAoQ==",
+            "license": "MIT"
+        },
         "node_modules/package-json-from-dist": {
             "version": "1.0.1",
             "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz",
@@ -2841,9 +3014,9 @@
             }
         },
         "node_modules/postcss-load-config": {
-            "version": "4.0.2",
-            "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.2.tgz",
-            "integrity": "sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==",
+            "version": "6.0.1",
+            "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-6.0.1.tgz",
+            "integrity": "sha512-oPtTM4oerL+UXmx+93ytZVN82RrlY/wPUV8IeDxFrzIjXOLF1pN+EmKPLbubvKHT2HC20xXsCAH2Z+CKV6Oz/g==",
             "funding": [
                 {
                     "type": "opencollective",
@@ -2856,21 +3029,28 @@
             ],
             "license": "MIT",
             "dependencies": {
-                "lilconfig": "^3.0.0",
-                "yaml": "^2.3.4"
+                "lilconfig": "^3.1.1"
             },
             "engines": {
-                "node": ">= 14"
+                "node": ">= 18"
             },
             "peerDependencies": {
+                "jiti": ">=1.21.0",
                 "postcss": ">=8.0.9",
-                "ts-node": ">=9.0.0"
+                "tsx": "^4.8.1",
+                "yaml": "^2.4.2"
             },
             "peerDependenciesMeta": {
+                "jiti": {
+                    "optional": true
+                },
                 "postcss": {
                     "optional": true
                 },
-                "ts-node": {
+                "tsx": {
+                    "optional": true
+                },
+                "yaml": {
                     "optional": true
                 }
             }
@@ -3036,6 +3216,37 @@
                 "url": "https://github.com/sponsors/jonschlinkert"
             }
         },
+        "node_modules/reka-ui": {
+            "version": "2.5.1",
+            "resolved": "https://registry.npmjs.org/reka-ui/-/reka-ui-2.5.1.tgz",
+            "integrity": "sha512-QJGB3q21wQ1Kw28HhhNDpjfFe8qpePX1gK4FTBRd68XTh9aEnhR5bTJnlV0jxi8FBPh0xivZBeNFUc3jiGx7mQ==",
+            "license": "MIT",
+            "dependencies": {
+                "@floating-ui/dom": "^1.6.13",
+                "@floating-ui/vue": "^1.1.6",
+                "@internationalized/date": "^3.5.0",
+                "@internationalized/number": "^3.5.0",
+                "@tanstack/vue-virtual": "^3.12.0",
+                "@vueuse/core": "^12.5.0",
+                "@vueuse/shared": "^12.5.0",
+                "aria-hidden": "^1.2.4",
+                "defu": "^6.1.4",
+                "ohash": "^2.0.11"
+            },
+            "peerDependencies": {
+                "vue": ">= 3.2.0"
+            }
+        },
+        "node_modules/reka-ui/node_modules/@floating-ui/dom": {
+            "version": "1.7.4",
+            "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.7.4.tgz",
+            "integrity": "sha512-OOchDgh4F2CchOX94cRVqhvy7b3AFb+/rQXyswmzmGakRfkMgoWVjfnLWkRirfLEfuD4ysVW16eXzwt3jHIzKA==",
+            "license": "MIT",
+            "dependencies": {
+                "@floating-ui/core": "^1.7.3",
+                "@floating-ui/utils": "^0.2.10"
+            }
+        },
         "node_modules/resolve": {
             "version": "1.22.10",
             "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.10.tgz",
@@ -3396,9 +3607,9 @@
             }
         },
         "node_modules/tailwindcss": {
-            "version": "3.4.17",
-            "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.17.tgz",
-            "integrity": "sha512-w33E2aCvSDP0tW9RZuNXadXlkHXqFzSkQew/aIa2i/Sj8fThxwovwlXHSPXTbAHwEIhBFXAedUhP2tueAKP8Og==",
+            "version": "3.4.18",
+            "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.18.tgz",
+            "integrity": "sha512-6A2rnmW5xZMdw11LYjhcI5846rt9pbLSabY5XPxo+XWdxwZaFEn47Go4NzFiHu9sNNmr/kXivP1vStfvMaK1GQ==",
             "license": "MIT",
             "dependencies": {
                 "@alloc/quick-lru": "^5.2.0",
@@ -3409,7 +3620,7 @@
                 "fast-glob": "^3.3.2",
                 "glob-parent": "^6.0.2",
                 "is-glob": "^4.0.3",
-                "jiti": "^1.21.6",
+                "jiti": "^1.21.7",
                 "lilconfig": "^3.1.3",
                 "micromatch": "^4.0.8",
                 "normalize-path": "^3.0.0",
@@ -3418,7 +3629,7 @@
                 "postcss": "^8.4.47",
                 "postcss-import": "^15.1.0",
                 "postcss-js": "^4.0.1",
-                "postcss-load-config": "^4.0.2",
+                "postcss-load-config": "^4.0.2 || ^5.0 || ^6.0",
                 "postcss-nested": "^6.2.0",
                 "postcss-selector-parser": "^6.1.2",
                 "resolve": "^1.22.8",
@@ -3479,6 +3690,23 @@
                 "node": ">=0.8"
             }
         },
+        "node_modules/tinyglobby": {
+            "version": "0.2.15",
+            "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
+            "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "fdir": "^6.5.0",
+                "picomatch": "^4.0.3"
+            },
+            "engines": {
+                "node": ">=12.0.0"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/SuperchupuDev"
+            }
+        },
         "node_modules/to-regex-range": {
             "version": "5.0.1",
             "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
@@ -3497,6 +3725,12 @@
             "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
             "license": "Apache-2.0"
         },
+        "node_modules/tslib": {
+            "version": "2.8.1",
+            "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+            "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+            "license": "0BSD"
+        },
         "node_modules/update-browserslist-db": {
             "version": "1.1.3",
             "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.3.tgz",
@@ -3578,21 +3812,24 @@
             }
         },
         "node_modules/vite": {
-            "version": "5.4.20",
-            "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.20.tgz",
-            "integrity": "sha512-j3lYzGC3P+B5Yfy/pfKNgVEg4+UtcIJcVRt2cDjIOmhLourAqPqf8P7acgxeiSgUB7E3p2P8/3gNIgDLpwzs4g==",
+            "version": "7.1.7",
+            "resolved": "https://registry.npmjs.org/vite/-/vite-7.1.7.tgz",
+            "integrity": "sha512-VbA8ScMvAISJNJVbRDTJdCwqQoAareR/wutevKanhR2/1EkoXVZVkkORaYm/tNVCjP/UDTKtcw3bAkwOUdedmA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "esbuild": "^0.21.3",
-                "postcss": "^8.4.43",
-                "rollup": "^4.20.0"
+                "esbuild": "^0.25.0",
+                "fdir": "^6.5.0",
+                "picomatch": "^4.0.3",
+                "postcss": "^8.5.6",
+                "rollup": "^4.43.0",
+                "tinyglobby": "^0.2.15"
             },
             "bin": {
                 "vite": "bin/vite.js"
             },
             "engines": {
-                "node": "^18.0.0 || >=20.0.0"
+                "node": "^20.19.0 || >=22.12.0"
             },
             "funding": {
                 "url": "https://github.com/vitejs/vite?sponsor=1"
@@ -3601,19 +3838,25 @@
                 "fsevents": "~2.3.3"
             },
             "peerDependencies": {
-                "@types/node": "^18.0.0 || >=20.0.0",
-                "less": "*",
+                "@types/node": "^20.19.0 || >=22.12.0",
+                "jiti": ">=1.21.0",
+                "less": "^4.0.0",
                 "lightningcss": "^1.21.0",
-                "sass": "*",
-                "sass-embedded": "*",
-                "stylus": "*",
-                "sugarss": "*",
-                "terser": "^5.4.0"
+                "sass": "^1.70.0",
+                "sass-embedded": "^1.70.0",
+                "stylus": ">=0.54.8",
+                "sugarss": "^5.0.0",
+                "terser": "^5.16.0",
+                "tsx": "^4.8.1",
+                "yaml": "^2.4.2"
             },
             "peerDependenciesMeta": {
                 "@types/node": {
                     "optional": true
                 },
+                "jiti": {
+                    "optional": true
+                },
                 "less": {
                     "optional": true
                 },
@@ -3634,6 +3877,12 @@
                 },
                 "terser": {
                     "optional": true
+                },
+                "tsx": {
+                    "optional": true
+                },
+                "yaml": {
+                    "optional": true
                 }
             }
         },
@@ -3843,18 +4092,6 @@
             "engines": {
                 "node": ">=8"
             }
-        },
-        "node_modules/yaml": {
-            "version": "2.8.1",
-            "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.8.1.tgz",
-            "integrity": "sha512-lcYcMxX2PO9XMGvAJkJ3OsNMw+/7FKes7/hgerGUYWIoWu5j/+YQqcZr5JnPZWzOsEBgMbSbiSTn/dv/69Mkpw==",
-            "license": "ISC",
-            "bin": {
-                "yaml": "bin.mjs"
-            },
-            "engines": {
-                "node": ">= 14.6"
-            }
         }
     }
 }
diff --git a/package.json b/package.json
index 9a74bff..f9dd9fe 100644
--- a/package.json
+++ b/package.json
@@ -16,7 +16,7 @@
         "laravel-vite-plugin": "^1.0",
         "postcss": "^8.4.32",
         "tailwindcss": "^3.4.0",
-        "vite": "^5.0",
+        "vite": "^7.1.7",
         "vue": "^3.3.13"
     },
     "dependencies": {
@@ -27,13 +27,15 @@
         "@fortawesome/vue-fontawesome": "^3.0.8",
         "@headlessui/vue": "^1.7.23",
         "@heroicons/vue": "^2.1.5",
-        "@vuepic/vue-datepicker": "^9.0.3",
+        "@internationalized/date": "^3.9.0",
+        "@vuepic/vue-datepicker": "^11.0.2",
         "apexcharts": "^4.0.0",
         "flowbite": "^2.5.2",
         "flowbite-vue": "^0.1.6",
         "lodash": "^4.17.21",
         "material-design-icons-iconfont": "^6.7.0",
         "preline": "^2.7.0",
+        "reka-ui": "^2.5.1",
         "tailwindcss-inner-border": "^0.2.0",
         "v-calendar": "^3.1.2",
         "vue-multiselect": "^3.1.0",
diff --git a/resources/js/Layouts/AppLayout.vue b/resources/js/Layouts/AppLayout.vue
index 76652b7..f2971cc 100644
--- a/resources/js/Layouts/AppLayout.vue
+++ b/resources/js/Layouts/AppLayout.vue
@@ -7,6 +7,7 @@ import Dropdown from '@/Components/Dropdown.vue';
 import DropdownLink from '@/Components/DropdownLink.vue';
 import Breadcrumbs from '@/Components/Breadcrumbs.vue';
 import GlobalSearch from './Partials/GlobalSearch.vue';
+import NotificationsBell from './Partials/NotificationsBell.vue';
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
 import { faMobileScreenButton } from '@fortawesome/free-solid-svg-icons';
 
@@ -108,6 +109,8 @@ watch(
     { immediate: true }
 );
 
+// No automatic daily notifications
+
 </script>
 
 <template>
@@ -241,8 +244,9 @@ watch(
                             <kbd class="hidden sm:inline ml-2 text-[10px] px-1.5 py-0.5 rounded border bg-gray-50">Ctrl K</kbd>
                         </button>
                     </div>
-                    <!-- User drop menu --->
+                    <!-- Notifications + User drop menu --->
                     <div class="flex items-center">
+                        <NotificationsBell class="mr-2" />
                         <!-- Phone page quick access button -->
                         <Link :href="route('phone.index')" class="inline-flex items-center justify-center w-9 h-9 rounded-md text-gray-500 hover:text-gray-700 hover:bg-gray-100 mr-2" title="Phone">
                             <FontAwesomeIcon :icon="faMobileScreenButton" class="h-5 w-5" />
diff --git a/resources/js/Layouts/AppPhoneLayout.vue b/resources/js/Layouts/AppPhoneLayout.vue
index 12a70c5..12fcb47 100644
--- a/resources/js/Layouts/AppPhoneLayout.vue
+++ b/resources/js/Layouts/AppPhoneLayout.vue
@@ -1,16 +1,17 @@
 <script setup>
-import { onMounted, onUnmounted, ref, watch, computed } from 'vue';
-import { Head, Link, router, usePage } from '@inertiajs/vue3';
-import ApplicationMark from '@/Components/ApplicationMark.vue';
-import Banner from '@/Components/Banner.vue';
-import Dropdown from '@/Components/Dropdown.vue';
-import DropdownLink from '@/Components/DropdownLink.vue';
-import GlobalSearch from './Partials/GlobalSearch.vue';
-import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
-import { faDesktop } from '@fortawesome/free-solid-svg-icons';
+import { onMounted, onUnmounted, ref, watch, computed } from "vue";
+import { Head, Link, router, usePage } from "@inertiajs/vue3";
+import ApplicationMark from "@/Components/ApplicationMark.vue";
+import Banner from "@/Components/Banner.vue";
+import Dropdown from "@/Components/Dropdown.vue";
+import DropdownLink from "@/Components/DropdownLink.vue";
+import GlobalSearch from "./Partials/GlobalSearch.vue";
+import NotificationsBell from "./Partials/NotificationsBell.vue";
+import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
+import { faDesktop } from "@fortawesome/free-solid-svg-icons";
 
 const props = defineProps({
-    title: String,
+  title: String,
 });
 
 // Sidebar + responsive behavior (same feel as AppLayout)
@@ -19,70 +20,72 @@ const hasSavedSidebarPref = ref(false);
 const isMobile = ref(false);
 const mobileSidebarOpen = ref(false);
 function applyAutoCollapse() {
-    if (typeof window === 'undefined') return;
-    isMobile.value = window.innerWidth < 1024;
-    sidebarCollapsed.value = isMobile.value;
+  if (typeof window === "undefined") return;
+  isMobile.value = window.innerWidth < 1024;
+  sidebarCollapsed.value = isMobile.value;
 }
 function handleResize() {
-    if (typeof window !== 'undefined') {
-        isMobile.value = window.innerWidth < 1024;
-        if (!isMobile.value) mobileSidebarOpen.value = false;
-    }
-    if (!hasSavedSidebarPref.value) applyAutoCollapse();
+  if (typeof window !== "undefined") {
+    isMobile.value = window.innerWidth < 1024;
+    if (!isMobile.value) mobileSidebarOpen.value = false;
+  }
+  if (!hasSavedSidebarPref.value) applyAutoCollapse();
 }
 onMounted(() => {
-    try {
-        const saved = localStorage.getItem('sidebarCollapsed');
-        if (saved !== null) {
-            hasSavedSidebarPref.value = true;
-            sidebarCollapsed.value = saved === '1';
-        } else {
-            applyAutoCollapse();
-        }
-    } catch {}
-    window.addEventListener('resize', handleResize);
+  try {
+    const saved = localStorage.getItem("sidebarCollapsed");
+    if (saved !== null) {
+      hasSavedSidebarPref.value = true;
+      sidebarCollapsed.value = saved === "1";
+    } else {
+      applyAutoCollapse();
+    }
+  } catch {}
+  window.addEventListener("resize", handleResize);
 });
-onUnmounted(() => window.removeEventListener('resize', handleResize));
+onUnmounted(() => window.removeEventListener("resize", handleResize));
 watch(sidebarCollapsed, (v) => {
-    if (!hasSavedSidebarPref.value) return;
-    try { localStorage.setItem('sidebarCollapsed', v ? '1' : '0'); } catch {}
+  if (!hasSavedSidebarPref.value) return;
+  try {
+    localStorage.setItem("sidebarCollapsed", v ? "1" : "0");
+  } catch {}
 });
 
 function toggleSidebar() {
-    hasSavedSidebarPref.value = true;
-    sidebarCollapsed.value = !sidebarCollapsed.value;
+  hasSavedSidebarPref.value = true;
+  sidebarCollapsed.value = !sidebarCollapsed.value;
 }
 function toggleMobileSidebar() {
-    mobileSidebarOpen.value = !mobileSidebarOpen.value;
+  mobileSidebarOpen.value = !mobileSidebarOpen.value;
 }
 function handleSidebarToggleClick() {
-    if (isMobile.value) toggleMobileSidebar();
-    else toggleSidebar();
+  if (isMobile.value) toggleMobileSidebar();
+  else toggleSidebar();
 }
 
 const logout = () => {
-    router.post(route('logout'));
+  router.post(route("logout"));
 };
 
 // Flash toast notifications (same as AppLayout for consistency)
 const page = usePage();
 const flash = computed(() => page.props.flash || {});
 const showToast = ref(false);
-const toastMessage = ref('');
-const toastType = ref('success');
+const toastMessage = ref("");
+const toastType = ref("success");
 watch(
-    () => [flash.value.success, flash.value.error, flash.value.warning, flash.value.info],
-    ([s, e, w, i]) => {
-        const message = s || e || w || i;
-        const type = s ? 'success' : e ? 'error' : w ? 'warning' : i ? 'info' : null;
-        if (message && type) {
-            toastMessage.value = message;
-            toastType.value = type;
-            showToast.value = true;
-            setTimeout(() => (showToast.value = false), 3000);
-        }
-    },
-    { immediate: true }
+  () => [flash.value.success, flash.value.error, flash.value.warning, flash.value.info],
+  ([s, e, w, i]) => {
+    const message = s || e || w || i;
+    const type = s ? "success" : e ? "error" : w ? "warning" : i ? "info" : null;
+    if (message && type) {
+      toastMessage.value = message;
+      toastType.value = type;
+      showToast.value = true;
+      setTimeout(() => (showToast.value = false), 3000);
+    }
+  },
+  { immediate: true }
 );
 
 // Global search modal state
@@ -90,144 +93,234 @@ const searchOpen = ref(false);
 const openSearch = () => (searchOpen.value = true);
 const closeSearch = () => (searchOpen.value = false);
 
+// No automatic daily notifications
 </script>
 
 <template>
-    <div>
-        <Head :title="title" />
+  <div>
+    <Head :title="title" />
 
-        <Banner />
+    <Banner />
 
-        <div class="min-h-screen bg-gray-100 flex">
-            <!-- Mobile backdrop -->
-            <div v-if="isMobile && mobileSidebarOpen" class="fixed inset-0 z-40 bg-black/30" @click="mobileSidebarOpen=false"></div>
+    <div class="min-h-screen bg-gray-100 flex">
+      <!-- Mobile backdrop -->
+      <div
+        v-if="isMobile && mobileSidebarOpen"
+        class="fixed inset-0 z-40 bg-black/30"
+        @click="mobileSidebarOpen = false"
+      ></div>
 
-            <!-- Sidebar -->
-            <aside :class="[
-                    sidebarCollapsed ? 'w-16' : 'w-64',
-                    'bg-white border-r border-gray-200 transition-all duration-200 z-50',
-                    isMobile
-                        ? ('fixed inset-y-0 left-0 transform ' + (mobileSidebarOpen ? 'translate-x-0' : '-translate-x-full'))
-                        : 'sticky top-0 h-screen overflow-y-auto'
-                ]">
-                <div class="h-16 px-4 flex items-center justify-between border-b">
-                    <Link :href="route('phone.index')" class="flex items-center gap-2">
-                        <ApplicationMark class="h-8 w-auto" />
-                        <span v-if="!sidebarCollapsed" class="text-sm font-semibold">Teren</span>
-                    </Link>
-                </div>
-                <nav class="py-4">
-                    <ul class="space-y-1">
-                        <!-- Single phone link only -->
-                        <li>
-                            <Link :href="route('phone.index')" :class="['flex items-center gap-3 px-4 py-2 text-sm hover:bg-gray-100', route().current('phone.index') || route().current('phone.*') ? 'bg-gray-100 text-gray-900' : 'text-gray-600']" title="Opravila">
-                                <!-- clipboard-list icon -->
-                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" class="w-5 h-5">
-                                    <path stroke-linecap="round" stroke-linejoin="round" d="M9 6.75H7.5A2.25 2.25 0 005.25 9v9A2.25 2.25 0 007.5 20.25h9A2.25 2.25 0 0018.75 18v-9A2.25 2.25 0 0016.5 6.75H15M9 6.75A1.5 1.5 0 0010.5 5.25h3A1.5 1.5 0 0015 6.75M9 6.75A1.5 1.5 0 0110.5 8.25h3A1.5 1.5 0 0015 6.75M9 12h.008v.008H9V12zm0 3h.008v.008H9V15zm3-3h3m-3 3h3" />
-                                </svg>
-                                <span v-if="!sidebarCollapsed">Opravila</span>
-                            </Link>
-                        </li>
-                    </ul>
-                </nav>
-            </aside>
+      <!-- Sidebar -->
+      <aside
+        :class="[
+          sidebarCollapsed ? 'w-16' : 'w-64',
+          'bg-white border-r border-gray-200 transition-all duration-200 z-50',
+          isMobile
+            ? 'fixed inset-y-0 left-0 transform ' +
+              (mobileSidebarOpen ? 'translate-x-0' : '-translate-x-full')
+            : 'sticky top-0 h-screen overflow-y-auto',
+        ]"
+      >
+        <div class="h-16 px-4 flex items-center justify-between border-b">
+          <Link :href="route('phone.index')" class="flex items-center gap-2">
+            <ApplicationMark class="h-8 w-auto" />
+            <span v-if="!sidebarCollapsed" class="text-sm font-semibold">Teren</span>
+          </Link>
+        </div>
+        <nav class="py-4">
+          <ul class="space-y-1">
+            <!-- Single phone link only -->
+            <li>
+              <Link
+                :href="route('phone.index')"
+                :class="[
+                  'flex items-center gap-3 px-4 py-2 text-sm hover:bg-gray-100',
+                  route().current('phone.index') || route().current('phone.*')
+                    ? 'bg-gray-100 text-gray-900'
+                    : 'text-gray-600',
+                ]"
+                title="Opravila"
+              >
+                <!-- clipboard-list icon -->
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  viewBox="0 0 24 24"
+                  fill="none"
+                  stroke="currentColor"
+                  stroke-width="1.5"
+                  class="w-5 h-5"
+                >
+                  <path
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    d="M9 6.75H7.5A2.25 2.25 0 005.25 9v9A2.25 2.25 0 007.5 20.25h9A2.25 2.25 0 0018.75 18v-9A2.25 2.25 0 0016.5 6.75H15M9 6.75A1.5 1.5 0 0010.5 5.25h3A1.5 1.5 0 0015 6.75M9 6.75A1.5 1.5 0 0110.5 8.25h3A1.5 1.5 0 0015 6.75M9 12h.008v.008H9V12zm0 3h.008v.008H9V15zm3-3h3m-3 3h3"
+                  />
+                </svg>
+                <span v-if="!sidebarCollapsed">Opravila</span>
+              </Link>
+            </li>
+          </ul>
+        </nav>
+      </aside>
 
-            <!-- Main column -->
-            <div class="flex-1 flex flex-col min-w-0">
-                <!-- Top bar -->
-                <div class="h-16 bg-white border-b border-gray-100 px-4 flex items-center justify-between sticky top-0 z-30">
-                    <div class="flex items-center gap-2">
-                        <!-- Sidebar toggle -->
-                        <button
-                            @click="handleSidebarToggleClick()"
-                            class="inline-flex items-center justify-center w-9 h-9 rounded-md text-gray-500 hover:text-gray-700 hover:bg-gray-100"
-                            :title="sidebarCollapsed ? 'Razširi meni' : 'Skrči meni'"
-                            aria-label="Toggle sidebar"
-                        >
-                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5">
-                                <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
-                            </svg>
-                        </button>
-                        <!-- Search trigger -->
-                        <button @click="openSearch" class="inline-flex items-center gap-2 px-3 py-2 text-sm rounded-md border border-gray-200 text-gray-500 hover:text-gray-700 hover:border-gray-300">
-                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5">
-                                <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-4.35-4.35m0 0A7.5 7.5 0 1010.5 18.5a7.5 7.5 0 006.15-1.85z" />
-                            </svg>
-                            <span class="hidden sm:inline">Globalni iskalnik</span>
-                            <kbd class="hidden sm:inline ml-2 text-[10px] px-1.5 py-0.5 rounded border bg-gray-50">Ctrl K</kbd>
-                        </button>
-                    </div>
-                    <!-- User drop menu + Desktop switch button -->
-                    <div class="flex items-center">
-                        <!-- Desktop page quick access button -->
-                        <Link :href="route('clientCase')" class="inline-flex items-center justify-center w-9 h-9 rounded-md text-gray-500 hover:text-gray-700 hover:bg-gray-100 mr-2" title="Desktop">
-                            <FontAwesomeIcon :icon="faDesktop" class="h-5 w-5" />
-                        </Link>
-                        <div class="ms-3 relative">
-                            <Dropdown align="right" width="48">
-                                <template #trigger>
-                                    <button v-if="$page.props.jetstream.managesProfilePhotos" class="flex text-sm border-2 border-transparent rounded-full focus:outline-none focus:border-gray-300 transition">
-                                        <img class="h-8 w-8 rounded-full object-cover" :src="$page.props.auth.user.profile_photo_url" :alt="$page.props.auth.user.name">
-                                    </button>
+      <!-- Main column -->
+      <div class="flex-1 flex flex-col min-w-0">
+        <!-- Top bar -->
+        <div
+          class="h-16 bg-white border-b border-gray-100 px-4 flex items-center justify-between sticky top-0 z-30"
+        >
+          <div class="flex items-center gap-2">
+            <!-- Sidebar toggle -->
+            <button
+              @click="handleSidebarToggleClick()"
+              class="inline-flex items-center justify-center w-9 h-9 rounded-md text-gray-500 hover:text-gray-700 hover:bg-gray-100"
+              :title="sidebarCollapsed ? 'Razširi meni' : 'Skrči meni'"
+              aria-label="Toggle sidebar"
+            >
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                fill="none"
+                viewBox="0 0 24 24"
+                stroke-width="1.5"
+                stroke="currentColor"
+                class="w-5 h-5"
+              >
+                <path
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"
+                />
+              </svg>
+            </button>
+            <!-- Search trigger -->
+            <button
+              @click="openSearch"
+              class="inline-flex items-center gap-2 px-3 py-2 text-sm rounded-md border border-gray-200 text-gray-500 hover:text-gray-700 hover:border-gray-300"
+            >
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                fill="none"
+                viewBox="0 0 24 24"
+                stroke-width="1.5"
+                stroke="currentColor"
+                class="w-5 h-5"
+              >
+                <path
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  d="M21 21l-4.35-4.35m0 0A7.5 7.5 0 1010.5 18.5a7.5 7.5 0 006.15-1.85z"
+                />
+              </svg>
+              <span class="hidden sm:inline">Globalni iskalnik</span>
+              <kbd
+                class="hidden sm:inline ml-2 text-[10px] px-1.5 py-0.5 rounded border bg-gray-50"
+                >Ctrl K</kbd
+              >
+            </button>
+          </div>
+          <!-- Notifications + User drop menu + Desktop switch button -->
+          <div class="flex items-center">
+            <NotificationsBell class="mr-2" />
+            <!-- Desktop page quick access button -->
+            <Link
+              :href="route('clientCase')"
+              class="inline-flex items-center justify-center w-9 h-9 rounded-md text-gray-500 hover:text-gray-700 hover:bg-gray-100 mr-2"
+              title="Desktop"
+            >
+              <FontAwesomeIcon :icon="faDesktop" class="h-5 w-5" />
+            </Link>
+            <div class="ms-3 relative">
+              <Dropdown align="right" width="48">
+                <template #trigger>
+                  <button
+                    v-if="$page.props.jetstream.managesProfilePhotos"
+                    class="flex text-sm border-2 border-transparent rounded-full focus:outline-none focus:border-gray-300 transition"
+                  >
+                    <img
+                      class="h-8 w-8 rounded-full object-cover"
+                      :src="$page.props.auth.user.profile_photo_url"
+                      :alt="$page.props.auth.user.name"
+                    />
+                  </button>
 
-                                    <span v-else class="inline-flex rounded-md">
-                                        <button type="button" class="inline-flex items-center px-3 py-2 border border-transparent text-sm leading-4 font-medium rounded-md text-gray-500 bg-white hover:text-gray-700 focus:outline-none focus:bg-gray-50 active:bg-gray-50 transition ease-in-out duration-150">
-                                            {{ $page.props.auth.user.name }}
-                                            <svg class="ms-2 -me-0.5 h-4 w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
-                                                <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" />
-                                            </svg>
-                                        </button>
-                                    </span>
-                                </template>
+                  <span v-else class="inline-flex rounded-md">
+                    <button
+                      type="button"
+                      class="inline-flex items-center px-3 py-2 border border-transparent text-sm leading-4 font-medium rounded-md text-gray-500 bg-white hover:text-gray-700 focus:outline-none focus:bg-gray-50 active:bg-gray-50 transition ease-in-out duration-150"
+                    >
+                      {{ $page.props.auth.user.name }}
+                      <svg
+                        class="ms-2 -me-0.5 h-4 w-4"
+                        xmlns="http://www.w3.org/2000/svg"
+                        fill="none"
+                        viewBox="0 0 24 24"
+                        stroke-width="1.5"
+                        stroke="currentColor"
+                      >
+                        <path
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          d="M19.5 8.25l-7.5 7.5-7.5-7.5"
+                        />
+                      </svg>
+                    </button>
+                  </span>
+                </template>
 
-                                <template #content>
-                                    <div class="block px-4 py-2 text-xs text-gray-400">Nastavitve računa</div>
+                <template #content>
+                  <div class="block px-4 py-2 text-xs text-gray-400">
+                    Nastavitve računa
+                  </div>
 
-                                    <DropdownLink :href="route('profile.show')">Profil</DropdownLink>
-                                    <DropdownLink v-if="$page.props.jetstream.hasApiFeatures" :href="route('api-tokens.index')">API Tokens</DropdownLink>
+                  <DropdownLink :href="route('profile.show')">Profil</DropdownLink>
+                  <DropdownLink
+                    v-if="$page.props.jetstream.hasApiFeatures"
+                    :href="route('api-tokens.index')"
+                    >API Tokens</DropdownLink
+                  >
 
-                                    <div class="border-t border-gray-200" />
+                  <div class="border-t border-gray-200" />
 
-                                    <form @submit.prevent="logout">
-                                        <DropdownLink as="button">Izpis</DropdownLink>
-                                    </form>
-                                </template>
-                            </Dropdown>
-                        </div>
-                    </div>
-                </div>
-
-                <!-- Page Heading -->
-                <header v-if="$slots.header" class="bg-white border-b shadow-sm">
-                    <div class="max-w-7xl mx-auto py-4 px-4 sm:px-6 lg:px-8 space-y-2">
-                        <slot name="header" />
-                    </div>
-                </header>
-
-                <!-- Page Content -->
-                <main class="p-4">
-                    <slot />
-                </main>
+                  <form @submit.prevent="logout">
+                    <DropdownLink as="button">Izpis</DropdownLink>
+                  </form>
+                </template>
+              </Dropdown>
             </div>
+          </div>
         </div>
 
-        <!-- Global Search Modal -->
-        <GlobalSearch :open="searchOpen" @update:open="(v)=>searchOpen=v" />
+        <!-- Page Heading -->
+        <header v-if="$slots.header" class="bg-white border-b shadow-sm">
+          <div class="max-w-7xl mx-auto py-4 px-4 sm:px-6 lg:px-8 space-y-2">
+            <slot name="header" />
+          </div>
+        </header>
 
-        <!-- Simple Toast -->
-        <transition name="fade">
-            <div
-                v-if="showToast"
-                class="fixed bottom-4 right-4 z-[100] px-4 py-3 rounded shadow-lg text-white"
-                :class="{
-                    'bg-emerald-600': toastType==='success',
-                    'bg-red-600': toastType==='error',
-                    'bg-amber-500': toastType==='warning',
-                    'bg-blue-600': toastType==='info',
-                }"
-            >
-                {{ toastMessage }}
-            </div>
-        </transition>
+        <!-- Page Content -->
+        <main class="p-4">
+          <slot />
+        </main>
+      </div>
     </div>
-    </template>
+
+    <!-- Global Search Modal -->
+    <GlobalSearch :open="searchOpen" @update:open="(v) => (searchOpen = v)" />
+
+    <!-- Simple Toast -->
+    <transition name="fade">
+      <div
+        v-if="showToast"
+        class="fixed bottom-4 right-4 z-[100] px-4 py-3 rounded shadow-lg text-white"
+        :class="{
+          'bg-emerald-600': toastType === 'success',
+          'bg-red-600': toastType === 'error',
+          'bg-amber-500': toastType === 'warning',
+          'bg-blue-600': toastType === 'info',
+        }"
+      >
+        {{ toastMessage }}
+      </div>
+    </transition>
+  </div>
+</template>
diff --git a/resources/js/Layouts/Partials/NotificationsBell.vue b/resources/js/Layouts/Partials/NotificationsBell.vue
new file mode 100644
index 0000000..75f5768
--- /dev/null
+++ b/resources/js/Layouts/Partials/NotificationsBell.vue
@@ -0,0 +1,107 @@
+<script setup>
+import { computed, onMounted } from "vue";
+import { usePage, Link } from "@inertiajs/vue3";
+import Dropdown from "@/Components/Dropdown.vue";
+import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
+import { faBell } from "@fortawesome/free-solid-svg-icons";
+
+const page = usePage();
+const due = computed(
+  () => page.props.notifications?.dueToday || { count: 0, items: [], date: null }
+);
+
+function fmtDate(d) {
+  if (!d) return "";
+  try {
+    return new Date(d).toLocaleDateString("sl-SI");
+  } catch {
+    return String(d);
+  }
+}
+
+function fmtEUR(value) {
+  if (value === null || value === undefined) {
+    return "—";
+  }
+  const num = typeof value === "string" ? Number(value) : value;
+  if (Number.isNaN(num)) {
+    return String(value);
+  }
+  // de-DE locale: dot thousands, comma decimals, trailing Euro symbol
+  const formatted = new Intl.NumberFormat("de-DE", {
+    style: "currency",
+    currency: "EUR",
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2,
+  }).format(num);
+  // Replace non-breaking space with normal space for consistency
+  return formatted.replace("\u00A0", " ");
+}
+onMounted(() => {
+  console.log(due.value);
+});
+</script>
+
+<template>
+  <Dropdown
+    align="right"
+    width="72"
+    :content-classes="['py-1', 'bg-white', 'max-h-96', 'overflow-auto']"
+  >
+    <template #trigger>
+      <button
+        type="button"
+        class="relative inline-flex items-center justify-center w-9 h-9 rounded-md text-gray-500 hover:text-gray-700 hover:bg-gray-100"
+        aria-label="Notifications"
+      >
+        <FontAwesomeIcon :icon="faBell" class="w-5 h-5" />
+        <span
+          v-if="due.count"
+          class="absolute -top-1 -right-1 inline-flex items-center justify-center h-5 min-w-[1.25rem] px-1 rounded-full text-[11px] bg-red-600 text-white"
+          >{{ due.count }}</span
+        >
+      </button>
+    </template>
+
+    <template #content>
+      <div class="px-3 py-2 text-xs text-gray-400 border-b">Obljube zapadejo jutri</div>
+      <!-- Scrollable content area with max height -->
+      <div class="max-h-96 overflow-y-auto">
+        <div v-if="!due.count" class="px-3 py-3 text-sm text-gray-500">
+          Ni zapadlih aktivnosti danes.
+        </div>
+        <ul v-else class="divide-y">
+          <li
+            v-for="item in due.items"
+            :key="item.id"
+            class="px-3 py-2 text-sm flex items-start gap-2"
+          >
+            <div class="flex-1 min-w-0">
+              <div class="font-medium text-gray-800 truncate">
+                Pogodba:
+                <Link
+                  v-if="item.contract?.client_case?.uuid"
+                  :href="
+                    route('clientCase.show', {
+                      client_case: item.contract.client_case.uuid,
+                    })
+                  "
+                  class="text-indigo-600 hover:text-indigo-700 hover:underline"
+                >
+                  {{ item.contract?.reference || "—" }}
+                </Link>
+                <span v-else>{{ item.contract?.reference || "—" }}</span>
+              </div>
+              <div class="text-gray-600 truncate">
+                {{ fmtEUR(item.contract?.account?.balance_amount) }}
+              </div>
+            </div>
+            <div class="text-xs text-gray-500 whitespace-nowrap">
+              {{ fmtDate(item.due_date) }}
+            </div>
+          </li>
+        </ul>
+      </div>
+    </template>
+  </Dropdown>
+</template>
diff --git a/resources/js/Pages/Cases/Partials/ActivityDrawer.vue b/resources/js/Pages/Cases/Partials/ActivityDrawer.vue
index 3e7f9a0..1239364 100644
--- a/resources/js/Pages/Cases/Partials/ActivityDrawer.vue
+++ b/resources/js/Pages/Cases/Partials/ActivityDrawer.vue
@@ -1,158 +1,185 @@
 <script setup>
-import ActionMessage from '@/Components/ActionMessage.vue';
-import BasicButton from '@/Components/buttons/BasicButton.vue';
-import DialogModal from '@/Components/DialogModal.vue';
-import InputLabel from '@/Components/InputLabel.vue';
-import DatePickerField from '@/Components/DatePickerField.vue';
-import PrimaryButton from '@/Components/PrimaryButton.vue';
-import SectionTitle from '@/Components/SectionTitle.vue';
-import TextInput from '@/Components/TextInput.vue';
-import { PlusIcon } from '@/Utilities/Icons';
-import { useForm } from '@inertiajs/vue3';
-import { FwbTextarea } from 'flowbite-vue';
-import { ref, watch } from 'vue';
-
+import ActionMessage from "@/Components/ActionMessage.vue";
+import BasicButton from "@/Components/buttons/BasicButton.vue";
+import DialogModal from "@/Components/DialogModal.vue";
+import InputLabel from "@/Components/InputLabel.vue";
+import DatePickerField from "@/Components/DatePickerField.vue";
+import TextInput from "@/Components/TextInput.vue";
+import { useForm } from "@inertiajs/vue3";
+import { FwbTextarea } from "flowbite-vue";
+import { ref, watch } from "vue";
 
 const props = defineProps({
-    show: {
-        type: Boolean,
-        default: false
-    },
-    client_case: Object,
-    actions: Array,
-    // optionally pre-select a contract to attach the activity to
-    contractUuid: { type: String, default: null },
+  show: {
+    type: Boolean,
+    default: false,
+  },
+  client_case: Object,
+  actions: Array,
+  // optionally pre-select a contract to attach the activity to
+  contractUuid: { type: String, default: null },
 });
 
 const decisions = ref(props.actions[0].decisions);
 
 console.log(props.actions);
 
-const emit = defineEmits(['close']);
+const emit = defineEmits(["close"]);
 
 const close = () => {
-    emit('close');
-}
+  emit("close");
+};
 
 const form = useForm({
-    due_date: null,
-    amount: null,
-    note: '',
-    action_id: props.actions[0].id,
-    decision_id: props.actions[0].decisions[0].id,
-    contract_uuid: props.contractUuid,
+  due_date: null,
+  amount: null,
+  note: "",
+  action_id: props.actions[0].id,
+  decision_id: props.actions[0].decisions[0].id,
+  contract_uuid: props.contractUuid,
 });
 
 watch(
-    () => form.action_id,
-    (action_id) => {
-        decisions.value = props.actions.filter((el) => el.id === action_id)[0].decisions;
-        form.decision_id = decisions.value[0].id;
-    }
+  () => form.action_id,
+  (action_id) => {
+    decisions.value = props.actions.filter((el) => el.id === action_id)[0].decisions;
+    form.decision_id = decisions.value[0].id;
+  }
 );
 
 watch(
-    () => form.due_date,
-    (due_date) => {
-        if (due_date) {
-            let date = new Date(form.due_date).toISOString().split('T')[0];
-            console.table({ old: due_date, new: date });
-        }
-
+  () => form.due_date,
+  (due_date) => {
+    if (due_date) {
+      let date = new Date(form.due_date).toLocaleDateString("en-CA");
+      console.table({ old: due_date, new: date });
     }
+  }
 );
 
 // keep contract_uuid synced if the prop changes while the drawer is open
 watch(
-    () => props.contractUuid,
-    (cu) => { form.contract_uuid = cu || null; }
+  () => props.contractUuid,
+  (cu) => {
+    form.contract_uuid = cu || null;
+  }
 );
 
-const store = () => {
-    console.table({
-        due_date: form.due_date,
-        action_id: form.action_id,
-        decision_id: form.decision_id,
-        amount: form.amount,
-        note: form.note
+const store = async () => {
+  console.table({
+    due_date: form.due_date,
+    action_id: form.action_id,
+    decision_id: form.decision_id,
+    amount: form.amount,
+    note: form.note,
+  });
+
+  form
+    .transform((data) => ({
+      ...data,
+      due_date: new Date(data.due_date).toLocaleDateString("en-CA"),
+    }))
+    .post(route("clientCase.activity.store", props.client_case), {
+      onSuccess: () => {
+        close();
+        // Preserve selected contract across submissions; reset only user-editable fields
+        form.reset("due_date", "amount", "note");
+      },
+      onError: (errors) => {
+        console.log("Validation or server error:", errors);
+      },
+      onFinish: () => {
+        console.log("Request finished processing.");
+      },
     });
-    form.post(route('clientCase.activity.store', props.client_case), {
-        onBefore: () => {
-            if (form.due_date) {
-                form.due_date = new Date(form.due_date).toISOString().split('T')[0];
-            }
-        },
-        onSuccess: () => {
-            close();
-            // Preserve selected contract across submissions; reset only user-editable fields
-            form.reset('due_date', 'amount', 'note');
-        },
-        onError: (errors) => {
-            console.log('Validation or server error:', errors);
-        },
-        onFinish: () => {
-            console.log('Request finished processing.')
-        }
-    });
-}
+};
 
 // When the drawer opens, always sync the current contractUuid into the form,
 // even if the value hasn't changed (prevents stale/null contract_uuid after reset)
 watch(
-    () => props.show,
-    (visible) => {
-        if (visible) {
-            form.contract_uuid = props.contractUuid || null;
-        }
+  () => props.show,
+  (visible) => {
+    if (visible) {
+      form.contract_uuid = props.contractUuid || null;
     }
+  }
 );
-
 </script>
 <template>
-    <DialogModal :show="show" @close="close">
-        <template #title>Dodaj aktivnost</template>
-        <template #content>
-            <form @submit.prevent="store">
-                <div class="col-span-6 sm:col-span-4">
-                    <InputLabel for="activityAction" value="Akcija" />
-                    <select
-                        class="block w-full border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm"
-                        id="activityAction" ref="activityActionSelect" v-model="form.action_id">
-                        <option v-for="a in actions" :value="a.id">{{ a.name }}</option>
-                        <!-- ... -->
-                    </select>
-                </div>
-                <div class="col-span-6 sm:col-span-4">
-                    <InputLabel for="activityDecision" value="Odločitev" />
-                    <select
-                        class="block w-full border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm"
-                        id="activityDecision" ref="activityDecisionSelect" v-model="form.decision_id">
-                        <option v-for="d in decisions" :value="d.id">{{ d.name }}</option>
-                        <!-- ... -->
-                    </select>
-                </div>
-                <div class="col-span-6 sm:col-span-4">
-                    <FwbTextarea label="Opomba" id="activityNote" ref="activityNoteTextarea" v-model="form.note"
-                        class="block w-full border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm" />
-                </div>
-                <DatePickerField id="activityDueDate" label="Datum zapadlosti" v-model="form.due_date"
-                    format="dd.MM.yyyy" :enable-time-picker="false" :auto-position="true" :teleport-target="'body'"
-                    :inline="false" :auto-apply="false" :fixed="false" :close-on-auto-apply="true"
-                    :close-on-scroll="true" />
-                <div class="col-span-6 sm:col-span-4">
-                    <InputLabel for="activityAmount" value="Znesek" />
-                    <TextInput id="activityAmount" ref="activityAmountinput" v-model="form.amount" type="number"
-                        class="mt-1 block w-full" autocomplete="0.00" />
-                </div>
-                <div class="flex justify-end mt-4">
-                    <ActionMessage :on="form.recentlySuccessful" class="me-3">
-                        Shranjuje.
-                    </ActionMessage>
-                    <BasicButton :class="{ 'opacity-25': form.processing }" :disabled="form.processing">
-                        Shrani
-                    </BasicButton>
-                </div>
-            </form>
-        </template>
-    </DialogModal>
-</template>
\ No newline at end of file
+  <DialogModal :show="show" @close="close">
+    <template #title>Dodaj aktivnost</template>
+    <template #content>
+      <form @submit.prevent="store">
+        <div class="col-span-6 sm:col-span-4">
+          <InputLabel for="activityAction" value="Akcija" />
+          <select
+            class="block w-full border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm"
+            id="activityAction"
+            ref="activityActionSelect"
+            v-model="form.action_id"
+          >
+            <option v-for="a in actions" :value="a.id">{{ a.name }}</option>
+            <!-- ... -->
+          </select>
+        </div>
+        <div class="col-span-6 sm:col-span-4">
+          <InputLabel for="activityDecision" value="Odločitev" />
+          <select
+            class="block w-full border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm"
+            id="activityDecision"
+            ref="activityDecisionSelect"
+            v-model="form.decision_id"
+          >
+            <option v-for="d in decisions" :value="d.id">{{ d.name }}</option>
+            <!-- ... -->
+          </select>
+        </div>
+        <div class="col-span-6 sm:col-span-4">
+          <FwbTextarea
+            label="Opomba"
+            id="activityNote"
+            ref="activityNoteTextarea"
+            v-model="form.note"
+            class="block w-full border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm"
+          />
+        </div>
+        <DatePickerField
+          id="activityDueDate"
+          label="Datum zapadlosti"
+          v-model="form.due_date"
+          format="dd.MM.yyyy"
+          :enable-time-picker="false"
+          :auto-position="true"
+          :teleport-target="'body'"
+          :inline="false"
+          :auto-apply="false"
+          :fixed="false"
+          :close-on-auto-apply="true"
+          :close-on-scroll="true"
+        />
+        <div class="col-span-6 sm:col-span-4">
+          <InputLabel for="activityAmount" value="Znesek" />
+          <TextInput
+            id="activityAmount"
+            ref="activityAmountinput"
+            v-model="form.amount"
+            type="number"
+            class="mt-1 block w-full"
+            autocomplete="0.00"
+          />
+        </div>
+        <div class="flex justify-end mt-4">
+          <ActionMessage :on="form.recentlySuccessful" class="me-3">
+            Shranjuje.
+          </ActionMessage>
+          <BasicButton
+            :class="{ 'opacity-25': form.processing }"
+            :disabled="form.processing"
+          >
+            Shrani
+          </BasicButton>
+        </div>
+      </form>
+    </template>
+  </DialogModal>
+</template>
diff --git a/resources/js/app.js b/resources/js/app.js
index 223eda8..1c6cf6d 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -11,6 +11,7 @@ import '@vuepic/vue-datepicker/dist/main.css';
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
 import VCalendar from 'v-calendar';
 import 'v-calendar/style.css';
+ 
 
 const appName = import.meta.env.VITE_APP_NAME || 'Laravel';
 
diff --git a/tests/Feature/GlobalSearchContractReferenceTest.php b/tests/Feature/GlobalSearchContractReferenceTest.php
index 05aecc5..7ee1af1 100644
--- a/tests/Feature/GlobalSearchContractReferenceTest.php
+++ b/tests/Feature/GlobalSearchContractReferenceTest.php
@@ -5,7 +5,7 @@
 use App\Models\User;
 use Illuminate\Foundation\Testing\RefreshDatabase;
 
-uses(RefreshDatabase::class);
+uses(Tests\TestCase::class, RefreshDatabase::class);
 
 it('returns client cases when searching by contract reference', function () {
     // Arrange: create a user and authenticate