diff --git a/app/Http/Controllers/CaseObjectController.php b/app/Http/Controllers/CaseObjectController.php
new file mode 100644
index 0000000..b299227
--- /dev/null
+++ b/app/Http/Controllers/CaseObjectController.php
@@ -0,0 +1,56 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\CaseObject;
+use App\Models\ClientCase;
+use App\Models\Contract;
+use Illuminate\Database\QueryException;
+use Illuminate\Http\Request;
+
+class CaseObjectController extends Controller
+{
+    public function store(ClientCase $clientCase, string $uuid, Request $request)
+    {
+        $contract = Contract::where('uuid', $uuid)->where('client_case_id', $clientCase->id)->firstOrFail();
+        $validated = $request->validate([
+            'reference' => 'nullable|string|max:125',
+            'name' => 'required|string|max:255',
+            'description' => 'nullable|string|max:255',
+            'type' => 'nullable|string|max:125',
+        ]);
+
+        $contract->objects()->create($validated);
+
+        return to_route('clientCase.show', $clientCase)->with('success', 'Object created.');
+    }
+
+    public function update(ClientCase $clientCase, int $id, Request $request)
+    {
+    $object = CaseObject::where('id', $id)
+            ->whereHas('contract', fn($q) => $q->where('client_case_id', $clientCase->id))
+            ->firstOrFail();
+
+        $validated = $request->validate([
+            'reference' => 'nullable|string|max:125',
+            'name' => 'required|string|max:255',
+            'description' => 'nullable|string|max:255',
+            'type' => 'nullable|string|max:125',
+        ]);
+
+        $object->update($validated);
+
+        return to_route('clientCase.show', $clientCase)->with('success', 'Object updated.');
+    }
+
+    public function destroy(ClientCase $clientCase, int $id)
+    {
+    $object = CaseObject::where('id', $id)
+            ->whereHas('contract', fn($q) => $q->where('client_case_id', $clientCase->id))
+            ->firstOrFail();
+
+        $object->delete();
+
+        return to_route('clientCase.show', $clientCase)->with('success', 'Object deleted.');
+    }
+}
diff --git a/app/Http/Controllers/ClientCaseContoller.php b/app/Http/Controllers/ClientCaseContoller.php
index fb6c606..b26c4f3 100644
--- a/app/Http/Controllers/ClientCaseContoller.php
+++ b/app/Http/Controllers/ClientCaseContoller.php
@@ -98,13 +98,24 @@ public function storeContract(ClientCase $clientCase, Request $request)
         
         \DB::transaction(function() use ($request, $clientCase){
 
-            //Create contract
-            $clientCase->contracts()->create([
+            // Create contract
+            $contract = $clientCase->contracts()->create([
                 'reference' => $request->input('reference'),
                 'start_date' => date('Y-m-d', strtotime($request->input('start_date'))),
-                'type_id' => $request->input('type_id')
+                'type_id' => $request->input('type_id'),
+                'description' => $request->input('description'),
             ]);
 
+            // Optionally create/update related account amounts
+            $initial = $request->input('initial_amount');
+            $balance = $request->input('balance_amount');
+            if (!is_null($initial) || !is_null($balance)) {
+                $contract->account()->create([
+                    'initial_amount' => $initial ?? 0,
+                    'balance_amount' => $balance ?? 0,
+                ]);
+            }
+
         });
 
         return to_route('clientCase.show', $clientCase);
@@ -117,9 +128,25 @@ public function updateContract(ClientCase $clientCase, String $uuid, Request $re
         \DB::transaction(function() use ($request, $contract){
             $contract->update([
                 'reference' => $request->input('reference'),
-                'type_id' => $request->input('type_id')
+                'type_id' => $request->input('type_id'),
+                'description' => $request->input('description'),
+                'start_date' => $request->filled('start_date') ? date('Y-m-d', strtotime($request->input('start_date'))) : $contract->start_date,
             ]);
 
+            $initial = $request->input('initial_amount');
+            $balance = $request->input('balance_amount');
+            if (!is_null($initial) || !is_null($balance)) {
+                $accountData = [
+                    'initial_amount' => $initial ?? 0,
+                    'balance_amount' => $balance ?? 0,
+                ];
+                if ($contract->account) {
+                    $contract->account->update($accountData);
+                } else {
+                    $contract->account()->create($accountData);
+                }
+            }
+
         });
 
         return to_route('clientCase.show', $clientCase);
@@ -132,11 +159,28 @@ public function storeActivity(ClientCase $clientCase, Request $request) {
                 'amount' => 'nullable|decimal:0,4',
                 'note' => 'nullable|string',
                 'action_id' => 'exists:\App\Models\Action,id',
-                'decision_id' => 'exists:\App\Models\Decision,id'
+                'decision_id' => 'exists:\App\Models\Decision,id',
+                'contract_uuid' => 'nullable|uuid',
             ]);
             
-            //Create activity
-            $row = $clientCase->activities()->create($attributes);
+            // Map contract_uuid to contract_id within the same client case, if provided
+            $contractId = null;
+            if (!empty($attributes['contract_uuid'])) {
+                $contract = $clientCase->contracts()->where('uuid', $attributes['contract_uuid'])->firstOrFail('id');
+                if ($contract) {
+                    $contractId = $contract->id;
+                }
+            }
+            
+            // Create activity
+            $row = $clientCase->activities()->create([
+                'due_date' => $attributes['due_date'] ?? null,
+                'amount' => $attributes['amount'] ?? null,
+                'note' => $attributes['note'] ?? null,
+                'action_id' => $attributes['action_id'],
+                'decision_id' => $attributes['decision_id'],
+                'contract_id' => $contractId,
+            ]);
             /*foreach ($activity->decision->events as $e) {
                 $class = '\\App\\Events\\' . $e->name;
                 event(new $class($clientCase));
@@ -296,9 +340,9 @@ public function show(ClientCase $clientCase)
             'client' => $case->client()->with('person', fn($q) => $q->with(['addresses', 'phones']))->firstOrFail(),
             'client_case' => $case,
             'contracts' => $case->contracts()
-                ->with(['type'])
+                ->with(['type', 'account', 'objects'])
                 ->orderByDesc('created_at')->get(),
-            'activities' => $case->activities()->with(['action', 'decision'])
+            'activities' => $case->activities()->with(['action', 'decision', 'contract:id,uuid,reference'])
                 ->orderByDesc('created_at')
                 ->paginate(20, ['*'], 'activities'),
             'documents' => $case->documents()->orderByDesc('created_at')->get(),
diff --git a/app/Http/Controllers/ImportController.php b/app/Http/Controllers/ImportController.php
index 02d2a7b..196ad6e 100644
--- a/app/Http/Controllers/ImportController.php
+++ b/app/Http/Controllers/ImportController.php
@@ -21,7 +21,11 @@ class ImportController extends Controller
     public function index(Request $request)
     {
         $paginator = Import::query()
-            ->with(['client:id,uuid', 'template:id,name'])
+            ->with([
+                'client:id,uuid,person_id',
+                'client.person:id,uuid,full_name',
+                'template:id,name',
+            ])
             ->orderByDesc('created_at')
             ->paginate(15);
 
@@ -52,8 +56,15 @@ public function index(Request $request)
                 'original_name' => $imp->original_name,
                 'size' => $imp->size,
                 'status' => $imp->status,
-                'client' => $imp->client ? [ 'id' => $imp->client_id, 'uuid' => $imp->client->uuid ] : null,
-                'template' => $imp->template ? [ 'id' => $imp->import_template_id, 'name' => $imp->template->name ] : null,
+                'client' => $imp->client ? [
+                    'id' => $imp->client_id,
+                    'uuid' => $imp->client->uuid,
+                    'person' => $imp->client->person ? [
+                        'uuid' => $imp->client->person->uuid,
+                        'full_name' => $imp->client->person->full_name,
+                    ] : null,
+                ] : null,
+                'template' => $imp->template ? [ 'id' => $imp->template->id, 'name' => $imp->template->name ] : null,
             ];
         }, $imports['data']);
 
@@ -316,6 +327,7 @@ public function show(Import $import)
         $templates = ImportTemplate::query()
             ->leftJoin('clients', 'clients.id', '=', 'import_templates.client_id')
             ->where('import_templates.is_active', true)
+            ->where('import_templates.id', $import->import_template_id)
             ->orderBy('import_templates.name')
             ->get([
                 'import_templates.id',
@@ -324,18 +336,30 @@ public function show(Import $import)
                 'import_templates.source_type',
                 'import_templates.default_record_type',
                 'import_templates.client_id',
-                DB::raw('clients.uuid as client_uuid'),
+                'clients.uuid as client_uuid',
             ]);
 
+      
         $clients = Client::query()
             ->join('person', 'person.id', '=', 'clients.person_id')
             ->orderBy('person.full_name')
+            ->where('clients.id', $import->client_id)
             ->get([
                 'clients.id',
                 'clients.uuid',
-                DB::raw('person.full_name as name'),
+                'person.full_name as name'
             ]);
 
+        // Import client
+        $client = Client::query()
+            ->join('person', 'person.id', '=', 'clients.person_id')
+            ->where('clients.id', $import->client_id)
+            ->firstOrFail([
+                'clients.uuid as uuid',
+                'person.full_name as name',
+            ]);
+
+
         // Render a dedicated page to continue the import
         return Inertia::render('Imports/Import', [
             'import' => [
@@ -344,15 +368,17 @@ public function show(Import $import)
                 'status' => $import->status,
                 'meta' => $import->meta,
                 'client_id' => $import->client_id,
+                'client_uuid' => optional($client)->uuid,
                 'import_template_id' => $import->import_template_id,
                 'total_rows' => $import->total_rows,
                 'imported_rows' => $import->imported_rows,
                 'invalid_rows' => $import->invalid_rows,
                 'valid_rows' => $import->valid_rows,
-                'finished_at' => $import->finished_at,
+                'finished_at' => $import->finished_at
             ],
             'templates' => $templates,
             'clients' => $clients,
+            'client' => $client
         ]);
     }
 }
diff --git a/app/Http/Controllers/PersonController.php b/app/Http/Controllers/PersonController.php
index bd5308d..a978d8c 100644
--- a/app/Http/Controllers/PersonController.php
+++ b/app/Http/Controllers/PersonController.php
@@ -3,6 +3,7 @@
 namespace App\Http\Controllers;
 
 use App\Models\Person\Person;
+use App\Models\BankAccount;
 use Illuminate\Http\Request;
 use Inertia\Inertia;
 
@@ -78,6 +79,13 @@ public function updateAddress(Person $person, int $address_id, Request $request)
         ]);
     }
 
+    public function deleteAddress(Person $person, int $address_id, Request $request)
+    {
+        $address = $person->addresses()->findOrFail($address_id);
+        $address->delete(); // soft delete
+        return response()->json(['status' => 'ok']);
+    }
+
     public function createPhone(Person $person, Request $request)
     {
         $attributes = $request->validate([
@@ -116,6 +124,13 @@ public function updatePhone(Person $person, int $phone_id, Request $request)
         ]);
     }
 
+    public function deletePhone(Person $person, int $phone_id, Request $request)
+    {
+        $phone = $person->phones()->findOrFail($phone_id);
+        $phone->delete(); // soft delete
+        return response()->json(['status' => 'ok']);
+    }
+
     public function createEmail(Person $person, Request $request)
     {
         $attributes = $request->validate([
@@ -160,4 +175,66 @@ public function updateEmail(Person $person, int $email_id, Request $request)
             'email' => $email
         ]);
     }
+
+    public function deleteEmail(Person $person, int $email_id, Request $request)
+    {
+        $email = $person->emails()->findOrFail($email_id);
+        $email->delete();
+        return response()->json(['status' => 'ok']);
+    }
+
+    // TRR (bank account) CRUD
+    public function createTrr(Person $person, Request $request)
+    {
+        $attributes = $request->validate([
+            'iban' => 'nullable|string|max:34',
+            'bank_name' => 'required|string|max:100',
+            'bic_swift' => 'nullable|string|max:11',
+            'account_number' => 'nullable|string|max:34',
+            'routing_number' => 'nullable|string|max:20',
+            'currency' => 'required|string|size:3',
+            'country_code' => 'nullable|string|size:2',
+            'holder_name' => 'nullable|string|max:125',
+            'notes' => 'nullable|string',
+            'meta' => 'nullable|array',
+        ]);
+
+        // Create without dedup (IBAN may be null or vary); could dedup by IBAN if provided
+        $trr = $person->bankAccounts()->create($attributes);
+
+        return response()->json([
+            'trr' => BankAccount::findOrFail($trr->id)
+        ]);
+    }
+
+    public function updateTrr(Person $person, int $trr_id, Request $request)
+    {
+        $attributes = $request->validate([
+            'iban' => 'nullable|string|max:34',
+            'bank_name' => 'required|string|max:100',
+            'bic_swift' => 'nullable|string|max:11',
+            'account_number' => 'nullable|string|max:34',
+            'routing_number' => 'nullable|string|max:20',
+            'currency' => 'required|string|size:3',
+            'country_code' => 'nullable|string|size:2',
+            'holder_name' => 'nullable|string|max:125',
+            'notes' => 'nullable|string',
+            'meta' => 'nullable|array',
+            'is_active' => 'sometimes|boolean',
+        ]);
+
+        $trr = $person->bankAccounts()->findOrFail($trr_id);
+        $trr->update($attributes);
+
+        return response()->json([
+            'trr' => $trr
+        ]);
+    }
+
+    public function deleteTrr(Person $person, int $trr_id, Request $request)
+    {
+        $trr = $person->bankAccounts()->findOrFail($trr_id);
+        $trr->delete();
+        return response()->json(['status' => 'ok']);
+    }
 }
diff --git a/app/Models/Account.php b/app/Models/Account.php
index b36ffb6..8f5bb2e 100644
--- a/app/Models/Account.php
+++ b/app/Models/Account.php
@@ -18,6 +18,7 @@ class Account extends Model
         'contract_id',
         'type_id',
         'active',
+        'initial_amount',
         'balance_amount',
     ];
 
diff --git a/app/Models/Activity.php b/app/Models/Activity.php
index e20e2c1..93f29e1 100644
--- a/app/Models/Activity.php
+++ b/app/Models/Activity.php
@@ -19,7 +19,8 @@ class Activity extends Model
         'note',
         'action_id',
         'user_id',
-        'decision_id'
+        'decision_id',
+        'contract_id'
     ];
 
     protected $hidden = [
diff --git a/app/Models/BankAccount.php b/app/Models/BankAccount.php
new file mode 100644
index 0000000..699109f
--- /dev/null
+++ b/app/Models/BankAccount.php
@@ -0,0 +1,41 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+use Illuminate\Database\Eloquent\SoftDeletes;
+
+class BankAccount extends Model
+{
+    use HasFactory;
+    use SoftDeletes;
+
+    protected $table = 'bank_accounts';
+
+    protected $fillable = [
+        'person_id',
+        'bank_name',
+        'iban',
+        'bic_swift',
+        'account_number',
+        'routing_number',
+        'currency',
+        'country_code',
+        'holder_name',
+        'is_active',
+        'notes',
+        'meta',
+    ];
+
+    protected $casts = [
+        'is_active' => 'boolean',
+        'meta' => 'array',
+    ];
+
+    public function person(): BelongsTo
+    {
+        return $this->belongsTo(\App\Models\Person\Person::class, 'person_id');
+    }
+}
diff --git a/app/Models/CaseObject.php b/app/Models/CaseObject.php
new file mode 100644
index 0000000..43256f6
--- /dev/null
+++ b/app/Models/CaseObject.php
@@ -0,0 +1,29 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+use Illuminate\Database\Eloquent\SoftDeletes;
+
+class CaseObject extends Model
+{
+    use HasFactory;
+    use SoftDeletes;
+
+    protected $table = 'objects';
+
+    protected $fillable = [
+        'reference',
+        'name',
+        'description',
+        'type',
+        'contract_id',
+    ];
+
+    public function contract(): BelongsTo
+    {
+        return $this->belongsTo(Contract::class, 'contract_id');
+    }
+}
diff --git a/app/Models/Contract.php b/app/Models/Contract.php
index 9a5342d..ec92afb 100644
--- a/app/Models/Contract.php
+++ b/app/Models/Contract.php
@@ -10,6 +10,7 @@
 use Illuminate\Database\Eloquent\Relations\BelongsToMany;
 use Illuminate\Database\Eloquent\Relations\HasManyThrough;
 use Illuminate\Database\Eloquent\Relations\HasOne;
+use Illuminate\Database\Eloquent\Relations\HasMany;
 use Illuminate\Database\Eloquent\Relations\HasOneOrManyThrough;
 use Illuminate\Database\Eloquent\Relations\MorphOne;
 use Illuminate\Database\Eloquent\SoftDeletes;
@@ -53,4 +54,15 @@ public function segments(): BelongsToMany {
             ->wherePivot('active', true);
     }
 
+    public function account(): HasOne
+    {
+        return $this->hasOne(\App\Models\Account::class)
+            ->with('type');
+    }
+
+    public function objects(): HasMany
+    {
+        return $this->hasMany(\App\Models\CaseObject::class, 'contract_id');
+    }
+
 }
diff --git a/app/Models/Email.php b/app/Models/Email.php
index 52e869e..7059d5a 100644
--- a/app/Models/Email.php
+++ b/app/Models/Email.php
@@ -4,9 +4,12 @@
 
 use Illuminate\Database\Eloquent\Model;
 use Illuminate\Database\Eloquent\Relations\BelongsTo;
+use Illuminate\Database\Eloquent\SoftDeletes;
 
 class Email extends Model
 {
+    use SoftDeletes;
+
     protected $fillable = [
         'person_id',
         'value',
diff --git a/app/Models/Person/Person.php b/app/Models/Person/Person.php
index bcb133e..84797b2 100644
--- a/app/Models/Person/Person.php
+++ b/app/Models/Person/Person.php
@@ -100,6 +100,13 @@ public function emails(): HasMany
             ->orderBy('id');
     }
 
+    public function bankAccounts(): HasMany
+    {
+        return $this->hasMany(\App\Models\BankAccount::class, 'person_id')
+            ->where('is_active', '=', 1)
+            ->orderBy('id');
+    }
+
     public function group(): BelongsTo
     {
         return $this->belongsTo(\App\Models\Person\PersonGroup::class, 'group_id');
diff --git a/app/Models/Person/PersonAddress.php b/app/Models/Person/PersonAddress.php
index e2c7aff..35f381f 100644
--- a/app/Models/Person/PersonAddress.php
+++ b/app/Models/Person/PersonAddress.php
@@ -5,6 +5,7 @@
 use Illuminate\Database\Eloquent\Factories\HasFactory;
 use Illuminate\Database\Eloquent\Model;
 use Illuminate\Database\Eloquent\Relations\BelongsTo;
+use Illuminate\Database\Eloquent\SoftDeletes;
 use Laravel\Scout\Searchable;
 
 class PersonAddress extends Model
@@ -12,6 +13,7 @@ class PersonAddress extends Model
     /** @use HasFactory<\Database\Factories\Person/PersonAddressFactory> */
     use HasFactory;
     use Searchable;
+    use SoftDeletes;
 
     protected $fillable = [
         'address',
diff --git a/app/Models/Person/PersonPhone.php b/app/Models/Person/PersonPhone.php
index 6bbe43c..0730308 100644
--- a/app/Models/Person/PersonPhone.php
+++ b/app/Models/Person/PersonPhone.php
@@ -6,6 +6,7 @@
 use Illuminate\Database\Eloquent\Factories\HasFactory;
 use Illuminate\Database\Eloquent\Model;
 use Illuminate\Database\Eloquent\Relations\BelongsTo;
+use Illuminate\Database\Eloquent\SoftDeletes;
 use Laravel\Scout\Searchable;
 
 class PersonPhone extends Model
@@ -13,6 +14,7 @@ class PersonPhone extends Model
     /** @use HasFactory<\Database\Factories\Person/PersonPhoneFactory> */
     use HasFactory;
     use Searchable;
+    use SoftDeletes;
 
     protected $fillable = [
         'nu',
diff --git a/database/migrations/2025_09_26_185111_create_objects_table.php b/database/migrations/2025_09_26_185111_create_objects_table.php
index 579e9d3..3d0f7f3 100644
--- a/database/migrations/2025_09_26_185111_create_objects_table.php
+++ b/database/migrations/2025_09_26_185111_create_objects_table.php
@@ -11,27 +11,21 @@
      */
     public function up(): void
     {
-        Schema::create('object_types', function (Blueprint $table) {
-            $table->id();
-            $table->string('name',50);
-            $table->string('description',125)->nullable();
-            $table->softDeletes();
-            $table->timestamps();
-        });
 
         Schema::create('objects', function (Blueprint $table) {
             $table->id();
             $table->string('reference', 125)->nullable();
             $table->string('name', 255);
             $table->string('description', 255)->nullable();
-            // If you keep the column name as 'type_id', specify the table explicitly
-            $table->foreignId('type_id')->constrained('object_types')->nullOnDelete();
+            $table->string('type', 125)->nullable();
+            $table->foreignId('contract_id')->constrained('contracts')->cascadeOnDelete();
             // Indexes for faster lookups
             $table->softDeletes();
             $table->timestamps();
 
+            $table->index('type');
             $table->index('reference');
-            $table->index('type_id');
+            $table->index('contract_id');
         });
     }
 
diff --git a/database/migrations/2025_09_27_210113_alter_table_objects.php b/database/migrations/2025_09_27_210113_alter_table_objects.php
new file mode 100644
index 0000000..91ea228
--- /dev/null
+++ b/database/migrations/2025_09_27_210113_alter_table_objects.php
@@ -0,0 +1,42 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::dropIfExists('objects');
+        Schema::dropIfExists('object_types');
+
+        Schema::create('objects', function (Blueprint $table) {
+            $table->id();
+            $table->string('reference', 125)->nullable();
+            $table->string('name', 255);
+            $table->string('description', 255)->nullable();
+            $table->string('type', 125)->nullable();
+            $table->foreignId('contract_id')->constrained('contracts')->cascadeOnDelete();
+            // Indexes for faster lookups
+            $table->softDeletes();
+            $table->timestamps();
+
+            $table->index('type');
+            $table->index('reference');
+            $table->index('contract_id');
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('objects');
+        Schema::dropIfExists('object_types');
+    }
+};
diff --git a/package-lock.json b/package-lock.json
index d87729b..9d628cd 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -20,6 +20,7 @@
                 "material-design-icons-iconfont": "^6.7.0",
                 "preline": "^2.7.0",
                 "tailwindcss-inner-border": "^0.2.0",
+                "v-calendar": "^3.1.2",
                 "vue-multiselect": "^3.1.0",
                 "vue-search-input": "^1.1.16",
                 "vue3-apexcharts": "^1.7.0",
@@ -53,30 +54,30 @@
             }
         },
         "node_modules/@babel/helper-string-parser": {
-            "version": "7.25.9",
-            "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.25.9.tgz",
-            "integrity": "sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==",
+            "version": "7.27.1",
+            "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
+            "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
             "license": "MIT",
             "engines": {
                 "node": ">=6.9.0"
             }
         },
         "node_modules/@babel/helper-validator-identifier": {
-            "version": "7.25.9",
-            "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz",
-            "integrity": "sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==",
+            "version": "7.27.1",
+            "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.27.1.tgz",
+            "integrity": "sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==",
             "license": "MIT",
             "engines": {
                 "node": ">=6.9.0"
             }
         },
         "node_modules/@babel/parser": {
-            "version": "7.26.10",
-            "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.26.10.tgz",
-            "integrity": "sha512-6aQR2zGE/QFi8JpDLjUZEPYOs7+mhKXm86VaKFiLP35JQwQb6bwUE+XbvkH0EptsYhbNBSUGaUBLKqxH1xSgsA==",
+            "version": "7.28.4",
+            "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.28.4.tgz",
+            "integrity": "sha512-yZbBqeM6TkpP9du/I2pUZnJsRMGGvOuIrhjzC1AwHwW+6he4mni6Bp/m8ijn0iOuZuPI2BfkCoSRunpyjnrQKg==",
             "license": "MIT",
             "dependencies": {
-                "@babel/types": "^7.26.10"
+                "@babel/types": "^7.28.4"
             },
             "bin": {
                 "parser": "bin/babel-parser.js"
@@ -85,14 +86,23 @@
                 "node": ">=6.0.0"
             }
         },
+        "node_modules/@babel/runtime": {
+            "version": "7.28.4",
+            "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.28.4.tgz",
+            "integrity": "sha512-Q/N6JNWvIvPnLDvjlE1OUBLPQHH6l3CltCEsHIujp45zQUSSh8K+gHnaEX45yAT1nyngnINhvWtzN+Nb9D8RAQ==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
         "node_modules/@babel/types": {
-            "version": "7.26.10",
-            "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.26.10.tgz",
-            "integrity": "sha512-emqcG3vHrpxUKTrxcblR36dcrcoRDvKmnL/dCL6ZsHaShW80qxCAcNhzQZrpeM765VzEos+xOi4s+r4IXzTwdQ==",
+            "version": "7.28.4",
+            "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.28.4.tgz",
+            "integrity": "sha512-bkFqkLhh3pMBUQQkpVgWDWq/lqzc2678eUyDlTBhRqhCHFguYYGM0Efga7tYk4TogG/3x0EEl66/OQ+WGbWB/Q==",
             "license": "MIT",
             "dependencies": {
-                "@babel/helper-string-parser": "^7.25.9",
-                "@babel/helper-validator-identifier": "^7.25.9"
+                "@babel/helper-string-parser": "^7.27.1",
+                "@babel/helper-validator-identifier": "^7.27.1"
             },
             "engines": {
                 "node": ">=6.9.0"
@@ -490,12 +500,12 @@
             }
         },
         "node_modules/@floating-ui/core": {
-            "version": "1.6.9",
-            "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.6.9.tgz",
-            "integrity": "sha512-uMXCuQ3BItDUbAMhIXw7UPXRfAlOAvZzdK9BWpE60MCn+Svt3aLn9jsPTi/WNGlRUu2uI0v5S7JiIUsbsvh3fw==",
+            "version": "1.7.3",
+            "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.7.3.tgz",
+            "integrity": "sha512-sGnvb5dmrJaKEZ+LDIpguvdX3bDlEllmv4/ClQ9awcmCZrlx5jQyyMWFM5kBI+EyNOCDDiKk8il0zeuX3Zlg/w==",
             "license": "MIT",
             "dependencies": {
-                "@floating-ui/utils": "^0.2.9"
+                "@floating-ui/utils": "^0.2.10"
             }
         },
         "node_modules/@floating-ui/dom": {
@@ -508,9 +518,9 @@
             }
         },
         "node_modules/@floating-ui/utils": {
-            "version": "0.2.9",
-            "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.9.tgz",
-            "integrity": "sha512-MDWhGtE+eHw5JW7lq4qhc5yRLS11ERl1c7Z6Xd0a58DozHES6EnNNwUWbMiG4J9Cgj053Bhk8zvlhFYKVhULwg==",
+            "version": "0.2.10",
+            "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.10.tgz",
+            "integrity": "sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ==",
             "license": "MIT"
         },
         "node_modules/@fortawesome/fontawesome-common-types": {
@@ -571,12 +581,12 @@
             }
         },
         "node_modules/@fortawesome/vue-fontawesome": {
-            "version": "3.0.8",
-            "resolved": "https://registry.npmjs.org/@fortawesome/vue-fontawesome/-/vue-fontawesome-3.0.8.tgz",
-            "integrity": "sha512-yyHHAj4G8pQIDfaIsMvQpwKMboIZtcHTUvPqXjOHyldh1O1vZfH4W03VDPv5RvI9P6DLTzJQlmVgj9wCf7c2Fw==",
+            "version": "3.1.2",
+            "resolved": "https://registry.npmjs.org/@fortawesome/vue-fontawesome/-/vue-fontawesome-3.1.2.tgz",
+            "integrity": "sha512-mhYnBIuuW8OIMHf31kOjaBmyE7BMrwBorhrOHVud6vTTu+7IPQNWB+DWaHoE75v10dRF5s/dFtcrgE7vKSEWwQ==",
             "license": "MIT",
             "peerDependencies": {
-                "@fortawesome/fontawesome-svg-core": "~1 || ~6",
+                "@fortawesome/fontawesome-svg-core": "~1 || ~6 || ~7",
                 "vue": ">= 3.0.0 < 4"
             }
         },
@@ -605,27 +615,26 @@
             }
         },
         "node_modules/@inertiajs/core": {
-            "version": "2.0.5",
-            "resolved": "https://registry.npmjs.org/@inertiajs/core/-/core-2.0.5.tgz",
-            "integrity": "sha512-AEhWsfkn+rHCO35mArmLQVVkbzETJby8QZ9iwRxTz891kbWS+ZAiEPa7ROJkDg3iaPYKVGBnI126xCUVxxesJg==",
+            "version": "2.0.17",
+            "resolved": "https://registry.npmjs.org/@inertiajs/core/-/core-2.0.17.tgz",
+            "integrity": "sha512-tvYoqiouQSJrP7i7zVq61yyuEjlL96UU4nkkOWtOajXZlubGN4XrgRpnygpDk1KBO8V2yBab3oUZm+aZImwTHg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
                 "axios": "^1.8.2",
-                "deepmerge": "^4.0.0",
+                "es-toolkit": "^1.34.1",
                 "qs": "^6.9.0"
             }
         },
         "node_modules/@inertiajs/vue3": {
-            "version": "2.0.5",
-            "resolved": "https://registry.npmjs.org/@inertiajs/vue3/-/vue3-2.0.5.tgz",
-            "integrity": "sha512-FdXJ/yY4rTpRygEHJY7b/Wc/02nI4PZPyLRy4dr/7dVFaVKGljVm1bcX8oBVowXxw7reT01sW2YwjqTSUmXjbg==",
+            "version": "2.0.17",
+            "resolved": "https://registry.npmjs.org/@inertiajs/vue3/-/vue3-2.0.17.tgz",
+            "integrity": "sha512-Al0IMHQSj5aTQBLUAkljFEMCw4YRwSiOSKzN8LAbvJpKwvJFgc/wSj3wVVpr/AO9y9mz1w2mtvjnDoOzsntPLw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "@inertiajs/core": "2.0.5",
-                "lodash.clonedeep": "^4.5.0",
-                "lodash.isequal": "^4.5.0"
+                "@inertiajs/core": "2.0.17",
+                "es-toolkit": "^1.33.0"
             },
             "peerDependencies": {
                 "vue": "^3.0.0"
@@ -649,17 +658,13 @@
             }
         },
         "node_modules/@jridgewell/gen-mapping": {
-            "version": "0.3.8",
-            "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz",
-            "integrity": "sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==",
+            "version": "0.3.13",
+            "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+            "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
             "license": "MIT",
             "dependencies": {
-                "@jridgewell/set-array": "^1.2.1",
-                "@jridgewell/sourcemap-codec": "^1.4.10",
+                "@jridgewell/sourcemap-codec": "^1.5.0",
                 "@jridgewell/trace-mapping": "^0.3.24"
-            },
-            "engines": {
-                "node": ">=6.0.0"
             }
         },
         "node_modules/@jridgewell/resolve-uri": {
@@ -671,25 +676,16 @@
                 "node": ">=6.0.0"
             }
         },
-        "node_modules/@jridgewell/set-array": {
-            "version": "1.2.1",
-            "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz",
-            "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==",
-            "license": "MIT",
-            "engines": {
-                "node": ">=6.0.0"
-            }
-        },
         "node_modules/@jridgewell/sourcemap-codec": {
-            "version": "1.5.0",
-            "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
-            "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==",
+            "version": "1.5.5",
+            "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+            "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
             "license": "MIT"
         },
         "node_modules/@jridgewell/trace-mapping": {
-            "version": "0.3.25",
-            "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz",
-            "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==",
+            "version": "0.3.31",
+            "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+            "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
             "license": "MIT",
             "dependencies": {
                 "@jridgewell/resolve-uri": "^3.1.0",
@@ -783,9 +779,9 @@
             }
         },
         "node_modules/@rollup/pluginutils": {
-            "version": "5.1.4",
-            "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.1.4.tgz",
-            "integrity": "sha512-USm05zrsFxYLPdWWq+K3STlWiT/3ELn3RcV5hJMghpeAIhxfsUIg6mt12CBJBInWMV4VneoV7SfGv8xIwo2qNQ==",
+            "version": "5.3.0",
+            "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.3.0.tgz",
+            "integrity": "sha512-5EdhGZtnu3V88ces7s53hhfK5KSASnJZv8Lulpc04cWO3REESroJXg73DFsOmgbU2BhwV0E20bu2IDZb3VKW4Q==",
             "license": "MIT",
             "dependencies": {
                 "@types/estree": "^1.0.0",
@@ -805,9 +801,9 @@
             }
         },
         "node_modules/@rollup/rollup-android-arm-eabi": {
-            "version": "4.36.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.36.0.tgz",
-            "integrity": "sha512-jgrXjjcEwN6XpZXL0HUeOVGfjXhPyxAbbhD0BlXUB+abTOpbPiN5Wb3kOT7yb+uEtATNYF5x5gIfwutmuBA26w==",
+            "version": "4.52.3",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.52.3.tgz",
+            "integrity": "sha512-h6cqHGZ6VdnwliFG1NXvMPTy/9PS3h8oLh7ImwR+kl+oYnQizgjxsONmmPSb2C66RksfkfIxEVtDSEcJiO0tqw==",
             "cpu": [
                 "arm"
             ],
@@ -819,9 +815,9 @@
             ]
         },
         "node_modules/@rollup/rollup-android-arm64": {
-            "version": "4.36.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.36.0.tgz",
-            "integrity": "sha512-NyfuLvdPdNUfUNeYKUwPwKsE5SXa2J6bCt2LdB/N+AxShnkpiczi3tcLJrm5mA+eqpy0HmaIY9F6XCa32N5yzg==",
+            "version": "4.52.3",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.52.3.tgz",
+            "integrity": "sha512-wd+u7SLT/u6knklV/ifG7gr5Qy4GUbH2hMWcDauPFJzmCZUAJ8L2bTkVXC2niOIxp8lk3iH/QX8kSrUxVZrOVw==",
             "cpu": [
                 "arm64"
             ],
@@ -833,9 +829,9 @@
             ]
         },
         "node_modules/@rollup/rollup-darwin-arm64": {
-            "version": "4.36.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.36.0.tgz",
-            "integrity": "sha512-JQ1Jk5G4bGrD4pWJQzWsD8I1n1mgPXq33+/vP4sk8j/z/C2siRuxZtaUA7yMTf71TCZTZl/4e1bfzwUmFb3+rw==",
+            "version": "4.52.3",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.52.3.tgz",
+            "integrity": "sha512-lj9ViATR1SsqycwFkJCtYfQTheBdvlWJqzqxwc9f2qrcVrQaF/gCuBRTiTolkRWS6KvNxSk4KHZWG7tDktLgjg==",
             "cpu": [
                 "arm64"
             ],
@@ -847,9 +843,9 @@
             ]
         },
         "node_modules/@rollup/rollup-darwin-x64": {
-            "version": "4.36.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.36.0.tgz",
-            "integrity": "sha512-6c6wMZa1lrtiRsbDziCmjE53YbTkxMYhhnWnSW8R/yqsM7a6mSJ3uAVT0t8Y/DGt7gxUWYuFM4bwWk9XCJrFKA==",
+            "version": "4.52.3",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.52.3.tgz",
+            "integrity": "sha512-+Dyo7O1KUmIsbzx1l+4V4tvEVnVQqMOIYtrxK7ncLSknl1xnMHLgn7gddJVrYPNZfEB8CIi3hK8gq8bDhb3h5A==",
             "cpu": [
                 "x64"
             ],
@@ -861,9 +857,9 @@
             ]
         },
         "node_modules/@rollup/rollup-freebsd-arm64": {
-            "version": "4.36.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.36.0.tgz",
-            "integrity": "sha512-KXVsijKeJXOl8QzXTsA+sHVDsFOmMCdBRgFmBb+mfEb/7geR7+C8ypAml4fquUt14ZyVXaw2o1FWhqAfOvA4sg==",
+            "version": "4.52.3",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.52.3.tgz",
+            "integrity": "sha512-u9Xg2FavYbD30g3DSfNhxgNrxhi6xVG4Y6i9Ur1C7xUuGDW3banRbXj+qgnIrwRN4KeJ396jchwy9bCIzbyBEQ==",
             "cpu": [
                 "arm64"
             ],
@@ -875,9 +871,9 @@
             ]
         },
         "node_modules/@rollup/rollup-freebsd-x64": {
-            "version": "4.36.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.36.0.tgz",
-            "integrity": "sha512-dVeWq1ebbvByI+ndz4IJcD4a09RJgRYmLccwlQ8bPd4olz3Y213uf1iwvc7ZaxNn2ab7bjc08PrtBgMu6nb4pQ==",
+            "version": "4.52.3",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.52.3.tgz",
+            "integrity": "sha512-5M8kyi/OX96wtD5qJR89a/3x5x8x5inXBZO04JWhkQb2JWavOWfjgkdvUqibGJeNNaz1/Z1PPza5/tAPXICI6A==",
             "cpu": [
                 "x64"
             ],
@@ -889,9 +885,9 @@
             ]
         },
         "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-            "version": "4.36.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.36.0.tgz",
-            "integrity": "sha512-bvXVU42mOVcF4le6XSjscdXjqx8okv4n5vmwgzcmtvFdifQ5U4dXFYaCB87namDRKlUL9ybVtLQ9ztnawaSzvg==",
+            "version": "4.52.3",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.52.3.tgz",
+            "integrity": "sha512-IoerZJ4l1wRMopEHRKOO16e04iXRDyZFZnNZKrWeNquh5d6bucjezgd+OxG03mOMTnS1x7hilzb3uURPkJ0OfA==",
             "cpu": [
                 "arm"
             ],
@@ -903,9 +899,9 @@
             ]
         },
         "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-            "version": "4.36.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.36.0.tgz",
-            "integrity": "sha512-JFIQrDJYrxOnyDQGYkqnNBtjDwTgbasdbUiQvcU8JmGDfValfH1lNpng+4FWlhaVIR4KPkeddYjsVVbmJYvDcg==",
+            "version": "4.52.3",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.52.3.tgz",
+            "integrity": "sha512-ZYdtqgHTDfvrJHSh3W22TvjWxwOgc3ThK/XjgcNGP2DIwFIPeAPNsQxrJO5XqleSlgDux2VAoWQ5iJrtaC1TbA==",
             "cpu": [
                 "arm"
             ],
@@ -917,9 +913,9 @@
             ]
         },
         "node_modules/@rollup/rollup-linux-arm64-gnu": {
-            "version": "4.36.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.36.0.tgz",
-            "integrity": "sha512-KqjYVh3oM1bj//5X7k79PSCZ6CvaVzb7Qs7VMWS+SlWB5M8p3FqufLP9VNp4CazJ0CsPDLwVD9r3vX7Ci4J56A==",
+            "version": "4.52.3",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.52.3.tgz",
+            "integrity": "sha512-NcViG7A0YtuFDA6xWSgmFb6iPFzHlf5vcqb2p0lGEbT+gjrEEz8nC/EeDHvx6mnGXnGCC1SeVV+8u+smj0CeGQ==",
             "cpu": [
                 "arm64"
             ],
@@ -931,9 +927,9 @@
             ]
         },
         "node_modules/@rollup/rollup-linux-arm64-musl": {
-            "version": "4.36.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.36.0.tgz",
-            "integrity": "sha512-QiGnhScND+mAAtfHqeT+cB1S9yFnNQ/EwCg5yE3MzoaZZnIV0RV9O5alJAoJKX/sBONVKeZdMfO8QSaWEygMhw==",
+            "version": "4.52.3",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.52.3.tgz",
+            "integrity": "sha512-d3pY7LWno6SYNXRm6Ebsq0DJGoiLXTb83AIPCXl9fmtIQs/rXoS8SJxxUNtFbJ5MiOvs+7y34np77+9l4nfFMw==",
             "cpu": [
                 "arm64"
             ],
@@ -944,10 +940,10 @@
                 "linux"
             ]
         },
-        "node_modules/@rollup/rollup-linux-loongarch64-gnu": {
-            "version": "4.36.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.36.0.tgz",
-            "integrity": "sha512-1ZPyEDWF8phd4FQtTzMh8FQwqzvIjLsl6/84gzUxnMNFBtExBtpL51H67mV9xipuxl1AEAerRBgBwFNpkw8+Lg==",
+        "node_modules/@rollup/rollup-linux-loong64-gnu": {
+            "version": "4.52.3",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.52.3.tgz",
+            "integrity": "sha512-3y5GA0JkBuirLqmjwAKwB0keDlI6JfGYduMlJD/Rl7fvb4Ni8iKdQs1eiunMZJhwDWdCvrcqXRY++VEBbvk6Eg==",
             "cpu": [
                 "loong64"
             ],
@@ -958,10 +954,10 @@
                 "linux"
             ]
         },
-        "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
-            "version": "4.36.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.36.0.tgz",
-            "integrity": "sha512-VMPMEIUpPFKpPI9GZMhJrtu8rxnp6mJR3ZzQPykq4xc2GmdHj3Q4cA+7avMyegXy4n1v+Qynr9fR88BmyO74tg==",
+        "node_modules/@rollup/rollup-linux-ppc64-gnu": {
+            "version": "4.52.3",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.52.3.tgz",
+            "integrity": "sha512-AUUH65a0p3Q0Yfm5oD2KVgzTKgwPyp9DSXc3UA7DtxhEb/WSPfbG4wqXeSN62OG5gSo18em4xv6dbfcUGXcagw==",
             "cpu": [
                 "ppc64"
             ],
@@ -973,9 +969,23 @@
             ]
         },
         "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-            "version": "4.36.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.36.0.tgz",
-            "integrity": "sha512-ttE6ayb/kHwNRJGYLpuAvB7SMtOeQnVXEIpMtAvx3kepFQeowVED0n1K9nAdraHUPJ5hydEMxBpIR7o4nrm8uA==",
+            "version": "4.52.3",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.52.3.tgz",
+            "integrity": "sha512-1makPhFFVBqZE+XFg3Dkq+IkQ7JvmUrwwqaYBL2CE+ZpxPaqkGaiWFEWVGyvTwZace6WLJHwjVh/+CXbKDGPmg==",
+            "cpu": [
+                "riscv64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-riscv64-musl": {
+            "version": "4.52.3",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.52.3.tgz",
+            "integrity": "sha512-OOFJa28dxfl8kLOPMUOQBCO6z3X2SAfzIE276fwT52uXDWUS178KWq0pL7d6p1kz7pkzA0yQwtqL0dEPoVcRWg==",
             "cpu": [
                 "riscv64"
             ],
@@ -987,9 +997,9 @@
             ]
         },
         "node_modules/@rollup/rollup-linux-s390x-gnu": {
-            "version": "4.36.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.36.0.tgz",
-            "integrity": "sha512-4a5gf2jpS0AIe7uBjxDeUMNcFmaRTbNv7NxI5xOCs4lhzsVyGR/0qBXduPnoWf6dGC365saTiwag8hP1imTgag==",
+            "version": "4.52.3",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.52.3.tgz",
+            "integrity": "sha512-jMdsML2VI5l+V7cKfZx3ak+SLlJ8fKvLJ0Eoa4b9/vCUrzXKgoKxvHqvJ/mkWhFiyp88nCkM5S2v6nIwRtPcgg==",
             "cpu": [
                 "s390x"
             ],
@@ -1001,9 +1011,9 @@
             ]
         },
         "node_modules/@rollup/rollup-linux-x64-gnu": {
-            "version": "4.36.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.36.0.tgz",
-            "integrity": "sha512-5KtoW8UWmwFKQ96aQL3LlRXX16IMwyzMq/jSSVIIyAANiE1doaQsx/KRyhAvpHlPjPiSU/AYX/8m+lQ9VToxFQ==",
+            "version": "4.52.3",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.52.3.tgz",
+            "integrity": "sha512-tPgGd6bY2M2LJTA1uGq8fkSPK8ZLYjDjY+ZLK9WHncCnfIz29LIXIqUgzCR0hIefzy6Hpbe8Th5WOSwTM8E7LA==",
             "cpu": [
                 "x64"
             ],
@@ -1015,9 +1025,9 @@
             ]
         },
         "node_modules/@rollup/rollup-linux-x64-musl": {
-            "version": "4.36.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.36.0.tgz",
-            "integrity": "sha512-sycrYZPrv2ag4OCvaN5js+f01eoZ2U+RmT5as8vhxiFz+kxwlHrsxOwKPSA8WyS+Wc6Epid9QeI/IkQ9NkgYyQ==",
+            "version": "4.52.3",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.52.3.tgz",
+            "integrity": "sha512-BCFkJjgk+WFzP+tcSMXq77ymAPIxsX9lFJWs+2JzuZTLtksJ2o5hvgTdIcZ5+oKzUDMwI0PfWzRBYAydAHF2Mw==",
             "cpu": [
                 "x64"
             ],
@@ -1028,10 +1038,24 @@
                 "linux"
             ]
         },
+        "node_modules/@rollup/rollup-openharmony-arm64": {
+            "version": "4.52.3",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.52.3.tgz",
+            "integrity": "sha512-KTD/EqjZF3yvRaWUJdD1cW+IQBk4fbQaHYJUmP8N4XoKFZilVL8cobFSTDnjTtxWJQ3JYaMgF4nObY/+nYkumA==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "openharmony"
+            ]
+        },
         "node_modules/@rollup/rollup-win32-arm64-msvc": {
-            "version": "4.36.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.36.0.tgz",
-            "integrity": "sha512-qbqt4N7tokFwwSVlWDsjfoHgviS3n/vZ8LK0h1uLG9TYIRuUTJC88E1xb3LM2iqZ/WTqNQjYrtmtGmrmmawB6A==",
+            "version": "4.52.3",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.52.3.tgz",
+            "integrity": "sha512-+zteHZdoUYLkyYKObGHieibUFLbttX2r+58l27XZauq0tcWYYuKUwY2wjeCN9oK1Um2YgH2ibd6cnX/wFD7DuA==",
             "cpu": [
                 "arm64"
             ],
@@ -1043,9 +1067,9 @@
             ]
         },
         "node_modules/@rollup/rollup-win32-ia32-msvc": {
-            "version": "4.36.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.36.0.tgz",
-            "integrity": "sha512-t+RY0JuRamIocMuQcfwYSOkmdX9dtkr1PbhKW42AMvaDQa+jOdpUYysroTF/nuPpAaQMWp7ye+ndlmmthieJrQ==",
+            "version": "4.52.3",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.52.3.tgz",
+            "integrity": "sha512-of1iHkTQSo3kr6dTIRX6t81uj/c/b15HXVsPcEElN5sS859qHrOepM5p9G41Hah+CTqSh2r8Bm56dL2z9UQQ7g==",
             "cpu": [
                 "ia32"
             ],
@@ -1056,10 +1080,24 @@
                 "win32"
             ]
         },
+        "node_modules/@rollup/rollup-win32-x64-gnu": {
+            "version": "4.52.3",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.52.3.tgz",
+            "integrity": "sha512-s0hybmlHb56mWVZQj8ra9048/WZTPLILKxcvcq+8awSZmyiSUZjjem1AhU3Tf4ZKpYhK4mg36HtHDOe8QJS5PQ==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ]
+        },
         "node_modules/@rollup/rollup-win32-x64-msvc": {
-            "version": "4.36.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.36.0.tgz",
-            "integrity": "sha512-aRXd7tRZkWLqGbChgcMMDEHjOKudo1kChb1Jt1IfR8cY/KIpgNviLeJy5FUb9IpSuQj8dU2fAYNMPW/hLKOSTw==",
+            "version": "4.52.3",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.52.3.tgz",
+            "integrity": "sha512-zGIbEVVXVtauFgl3MRwGWEN36P5ZGenHRMgNw88X5wEhEBpq0XrMEZwOn07+ICrwM17XO5xfMZqh0OldCH5VTA==",
             "cpu": [
                 "x64"
             ],
@@ -1092,9 +1130,9 @@
             }
         },
         "node_modules/@svgdotjs/svg.js": {
-            "version": "3.2.4",
-            "resolved": "https://registry.npmjs.org/@svgdotjs/svg.js/-/svg.js-3.2.4.tgz",
-            "integrity": "sha512-BjJ/7vWNowlX3Z8O4ywT58DqbNRyYlkk6Yz/D13aB7hGmfQTvGX4Tkgtm/ApYlu9M7lCQi15xUEidqMUmdMYwg==",
+            "version": "3.2.5",
+            "resolved": "https://registry.npmjs.org/@svgdotjs/svg.js/-/svg.js-3.2.5.tgz",
+            "integrity": "sha512-/VNHWYhNu+BS7ktbYoVGrCmsXDh+chFMaONMwGNdIBcFHrWqk2jY8fNyr3DLdtQUIalvkPfM554ZSFa3dm3nxQ==",
             "license": "MIT",
             "funding": {
                 "type": "github",
@@ -1115,9 +1153,9 @@
             }
         },
         "node_modules/@svgdotjs/svg.select.js": {
-            "version": "4.0.2",
-            "resolved": "https://registry.npmjs.org/@svgdotjs/svg.select.js/-/svg.select.js-4.0.2.tgz",
-            "integrity": "sha512-5gWdrvoQX3keo03SCmgaBbD+kFftq0F/f2bzCbNnpkkvW6tk4rl4MakORzFuNjvXPWwB4az9GwuvVxQVnjaK2g==",
+            "version": "4.0.3",
+            "resolved": "https://registry.npmjs.org/@svgdotjs/svg.select.js/-/svg.select.js-4.0.3.tgz",
+            "integrity": "sha512-qkMgso1sd2hXKd1FZ1weO7ANq12sNmQJeGDjs46QwDVsxSRcHmvWKL2NDF7Yimpwf3sl5esOLkPqtV2bQ3v/Jg==",
             "license": "MIT",
             "engines": {
                 "node": ">= 14.18"
@@ -1140,15 +1178,12 @@
             }
         },
         "node_modules/@tailwindcss/typography": {
-            "version": "0.5.16",
-            "resolved": "https://registry.npmjs.org/@tailwindcss/typography/-/typography-0.5.16.tgz",
-            "integrity": "sha512-0wDLwCVF5V3x3b1SGXPCDcdsbDHMBe+lkFzBRaHeLvNi+nrrnZ1lA18u+OTWO8iSWU2GxUOCvlXtDuqftc1oiA==",
+            "version": "0.5.19",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/typography/-/typography-0.5.19.tgz",
+            "integrity": "sha512-w31dd8HOx3k9vPtcQh5QHP9GwKcgbMp87j58qi6xgiBnFFtKEAgCWnDw4qUT8aHwkCp8bKvb/KGKWWHedP0AAg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "lodash.castarray": "^4.4.0",
-                "lodash.isplainobject": "^4.0.6",
-                "lodash.merge": "^4.6.2",
                 "postcss-selector-parser": "6.0.10"
             },
             "peerDependencies": {
@@ -1156,9 +1191,9 @@
             }
         },
         "node_modules/@tanstack/virtual-core": {
-            "version": "3.13.4",
-            "resolved": "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.13.4.tgz",
-            "integrity": "sha512-fNGO9fjjSLns87tlcto106enQQLycCKR4DPNpgq3djP5IdcPFdPAmaKjsgzIeRhH7hWrELgW12hYnRthS5kLUw==",
+            "version": "3.13.12",
+            "resolved": "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.13.12.tgz",
+            "integrity": "sha512-1YBOJfRHV4sXUmWsFSf5rQor4Ss82G8dQWLRbnk3GA4jeP8hQt1hxXh0tmflpC0dz3VgEv/1+qwPyLeWkQuPFA==",
             "license": "MIT",
             "funding": {
                 "type": "github",
@@ -1166,12 +1201,12 @@
             }
         },
         "node_modules/@tanstack/vue-virtual": {
-            "version": "3.13.4",
-            "resolved": "https://registry.npmjs.org/@tanstack/vue-virtual/-/vue-virtual-3.13.4.tgz",
-            "integrity": "sha512-1fPrd3hE1SS4R/9JbX1AlzueY4duCK7ixuLcMW5GMnk9N6WbLo9MioNKiv22V+UaXKOLNy8tLdzT8NYerOFTOQ==",
+            "version": "3.13.12",
+            "resolved": "https://registry.npmjs.org/@tanstack/vue-virtual/-/vue-virtual-3.13.12.tgz",
+            "integrity": "sha512-vhF7kEU9EXWXh+HdAwKJ2m3xaOnTTmgcdXcF2pim8g4GvI7eRrk2YRuV5nUlZnd/NbCIX4/Ja2OZu5EjJL06Ww==",
             "license": "MIT",
             "dependencies": {
-                "@tanstack/virtual-core": "3.13.4"
+                "@tanstack/virtual-core": "3.13.12"
             },
             "funding": {
                 "type": "github",
@@ -1182,9 +1217,21 @@
             }
         },
         "node_modules/@types/estree": {
-            "version": "1.0.6",
-            "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.6.tgz",
-            "integrity": "sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==",
+            "version": "1.0.8",
+            "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
+            "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
+            "license": "MIT"
+        },
+        "node_modules/@types/lodash": {
+            "version": "4.17.20",
+            "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.17.20.tgz",
+            "integrity": "sha512-H3MHACvFUEiujabxhaI/ImO6gUrd8oOurg7LQtS7mbwIXA/cUqWrvBsaeJ23aZEPk1TAYkurjfMbSELfoCXlGA==",
+            "license": "MIT"
+        },
+        "node_modules/@types/resize-observer-browser": {
+            "version": "0.1.11",
+            "resolved": "https://registry.npmjs.org/@types/resize-observer-browser/-/resize-observer-browser-0.1.11.tgz",
+            "integrity": "sha512-cNw5iH8JkMkb3QkCoe7DaZiawbDQEUX8t7iuQaRTyLOyQCR2h+ibBD4GJt7p5yhUHrlOeL7ZtbxNHeipqNsBzQ==",
             "license": "MIT"
         },
         "node_modules/@types/resolve": {
@@ -1200,9 +1247,9 @@
             "license": "MIT"
         },
         "node_modules/@vitejs/plugin-vue": {
-            "version": "5.2.3",
-            "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-5.2.3.tgz",
-            "integrity": "sha512-IYSLEQj4LgZZuoVpdSUCw3dIynTWQgPlaRP6iAvMle4My0HdYwr5g5wQAfwOeHQBmYwEkqF70nRpSilr6PoUDg==",
+            "version": "5.2.4",
+            "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-5.2.4.tgz",
+            "integrity": "sha512-7Yx/SXSOcQq5HiiV3orevHUFn+pmMB4cgbEkDYgnkUWb0WfeQ/wa2yFv6D5ICiCQOVpjA7vYDXrC7AGO8yjDHA==",
             "dev": true,
             "license": "MIT",
             "engines": {
@@ -1214,103 +1261,103 @@
             }
         },
         "node_modules/@vue/compiler-core": {
-            "version": "3.5.13",
-            "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.13.tgz",
-            "integrity": "sha512-oOdAkwqUfW1WqpwSYJce06wvt6HljgY3fGeM9NcVA1HaYOij3mZG9Rkysn0OHuyUAGMbEbARIpsG+LPVlBJ5/Q==",
+            "version": "3.5.22",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.22.tgz",
+            "integrity": "sha512-jQ0pFPmZwTEiRNSb+i9Ow/I/cHv2tXYqsnHKKyCQ08irI2kdF5qmYedmF8si8mA7zepUFmJ2hqzS8CQmNOWOkQ==",
             "license": "MIT",
             "dependencies": {
-                "@babel/parser": "^7.25.3",
-                "@vue/shared": "3.5.13",
+                "@babel/parser": "^7.28.4",
+                "@vue/shared": "3.5.22",
                 "entities": "^4.5.0",
                 "estree-walker": "^2.0.2",
-                "source-map-js": "^1.2.0"
+                "source-map-js": "^1.2.1"
             }
         },
         "node_modules/@vue/compiler-dom": {
-            "version": "3.5.13",
-            "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.13.tgz",
-            "integrity": "sha512-ZOJ46sMOKUjO3e94wPdCzQ6P1Lx/vhp2RSvfaab88Ajexs0AHeV0uasYhi99WPaogmBlRHNRuly8xV75cNTMDA==",
+            "version": "3.5.22",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.22.tgz",
+            "integrity": "sha512-W8RknzUM1BLkypvdz10OVsGxnMAuSIZs9Wdx1vzA3mL5fNMN15rhrSCLiTm6blWeACwUwizzPVqGJgOGBEN/hA==",
             "license": "MIT",
             "dependencies": {
-                "@vue/compiler-core": "3.5.13",
-                "@vue/shared": "3.5.13"
+                "@vue/compiler-core": "3.5.22",
+                "@vue/shared": "3.5.22"
             }
         },
         "node_modules/@vue/compiler-sfc": {
-            "version": "3.5.13",
-            "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.13.tgz",
-            "integrity": "sha512-6VdaljMpD82w6c2749Zhf5T9u5uLBWKnVue6XWxprDobftnletJ8+oel7sexFfM3qIxNmVE7LSFGTpv6obNyaQ==",
+            "version": "3.5.22",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.22.tgz",
+            "integrity": "sha512-tbTR1zKGce4Lj+JLzFXDq36K4vcSZbJ1RBu8FxcDv1IGRz//Dh2EBqksyGVypz3kXpshIfWKGOCcqpSbyGWRJQ==",
             "license": "MIT",
             "dependencies": {
-                "@babel/parser": "^7.25.3",
-                "@vue/compiler-core": "3.5.13",
-                "@vue/compiler-dom": "3.5.13",
-                "@vue/compiler-ssr": "3.5.13",
-                "@vue/shared": "3.5.13",
+                "@babel/parser": "^7.28.4",
+                "@vue/compiler-core": "3.5.22",
+                "@vue/compiler-dom": "3.5.22",
+                "@vue/compiler-ssr": "3.5.22",
+                "@vue/shared": "3.5.22",
                 "estree-walker": "^2.0.2",
-                "magic-string": "^0.30.11",
-                "postcss": "^8.4.48",
-                "source-map-js": "^1.2.0"
+                "magic-string": "^0.30.19",
+                "postcss": "^8.5.6",
+                "source-map-js": "^1.2.1"
             }
         },
         "node_modules/@vue/compiler-ssr": {
-            "version": "3.5.13",
-            "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.13.tgz",
-            "integrity": "sha512-wMH6vrYHxQl/IybKJagqbquvxpWCuVYpoUJfCqFZwa/JY1GdATAQ+TgVtgrwwMZ0D07QhA99rs/EAAWfvG6KpA==",
+            "version": "3.5.22",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.22.tgz",
+            "integrity": "sha512-GdgyLvg4R+7T8Nk2Mlighx7XGxq/fJf9jaVofc3IL0EPesTE86cP/8DD1lT3h1JeZr2ySBvyqKQJgbS54IX1Ww==",
             "license": "MIT",
             "dependencies": {
-                "@vue/compiler-dom": "3.5.13",
-                "@vue/shared": "3.5.13"
+                "@vue/compiler-dom": "3.5.22",
+                "@vue/shared": "3.5.22"
             }
         },
         "node_modules/@vue/reactivity": {
-            "version": "3.5.13",
-            "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.13.tgz",
-            "integrity": "sha512-NaCwtw8o48B9I6L1zl2p41OHo/2Z4wqYGGIK1Khu5T7yxrn+ATOixn/Udn2m+6kZKB/J7cuT9DbWWhRxqixACg==",
+            "version": "3.5.22",
+            "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.22.tgz",
+            "integrity": "sha512-f2Wux4v/Z2pqc9+4SmgZC1p73Z53fyD90NFWXiX9AKVnVBEvLFOWCEgJD3GdGnlxPZt01PSlfmLqbLYzY/Fw4A==",
             "license": "MIT",
             "dependencies": {
-                "@vue/shared": "3.5.13"
+                "@vue/shared": "3.5.22"
             }
         },
         "node_modules/@vue/runtime-core": {
-            "version": "3.5.13",
-            "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.13.tgz",
-            "integrity": "sha512-Fj4YRQ3Az0WTZw1sFe+QDb0aXCerigEpw418pw1HBUKFtnQHWzwojaukAs2X/c9DQz4MQ4bsXTGlcpGxU/RCIw==",
+            "version": "3.5.22",
+            "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.22.tgz",
+            "integrity": "sha512-EHo4W/eiYeAzRTN5PCextDUZ0dMs9I8mQ2Fy+OkzvRPUYQEyK9yAjbasrMCXbLNhF7P0OUyivLjIy0yc6VrLJQ==",
             "license": "MIT",
             "dependencies": {
-                "@vue/reactivity": "3.5.13",
-                "@vue/shared": "3.5.13"
+                "@vue/reactivity": "3.5.22",
+                "@vue/shared": "3.5.22"
             }
         },
         "node_modules/@vue/runtime-dom": {
-            "version": "3.5.13",
-            "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.13.tgz",
-            "integrity": "sha512-dLaj94s93NYLqjLiyFzVs9X6dWhTdAlEAciC3Moq7gzAc13VJUdCnjjRurNM6uTLFATRHexHCTu/Xp3eW6yoog==",
+            "version": "3.5.22",
+            "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.22.tgz",
+            "integrity": "sha512-Av60jsryAkI023PlN7LsqrfPvwfxOd2yAwtReCjeuugTJTkgrksYJJstg1e12qle0NarkfhfFu1ox2D+cQotww==",
             "license": "MIT",
             "dependencies": {
-                "@vue/reactivity": "3.5.13",
-                "@vue/runtime-core": "3.5.13",
-                "@vue/shared": "3.5.13",
+                "@vue/reactivity": "3.5.22",
+                "@vue/runtime-core": "3.5.22",
+                "@vue/shared": "3.5.22",
                 "csstype": "^3.1.3"
             }
         },
         "node_modules/@vue/server-renderer": {
-            "version": "3.5.13",
-            "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.13.tgz",
-            "integrity": "sha512-wAi4IRJV/2SAW3htkTlB+dHeRmpTiVIK1OGLWV1yeStVSebSQQOwGwIq0D3ZIoBj2C2qpgz5+vX9iEBkTdk5YA==",
+            "version": "3.5.22",
+            "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.22.tgz",
+            "integrity": "sha512-gXjo+ao0oHYTSswF+a3KRHZ1WszxIqO7u6XwNHqcqb9JfyIL/pbWrrh/xLv7jeDqla9u+LK7yfZKHih1e1RKAQ==",
             "license": "MIT",
             "dependencies": {
-                "@vue/compiler-ssr": "3.5.13",
-                "@vue/shared": "3.5.13"
+                "@vue/compiler-ssr": "3.5.22",
+                "@vue/shared": "3.5.22"
             },
             "peerDependencies": {
-                "vue": "3.5.13"
+                "vue": "3.5.22"
             }
         },
         "node_modules/@vue/shared": {
-            "version": "3.5.13",
-            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.13.tgz",
-            "integrity": "sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==",
+            "version": "3.5.22",
+            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.22.tgz",
+            "integrity": "sha512-F4yc6palwq3TT0u+FYf0Ns4Tfl9GRFURDN2gWG7L1ecIaS/4fCIuFOjMTnCyjsu/OK6vaDKLCrGAa+KvvH+h4w==",
             "license": "MIT"
         },
         "node_modules/@vuepic/vue-datepicker": {
@@ -1371,9 +1418,9 @@
             "license": "MIT"
         },
         "node_modules/ansi-regex": {
-            "version": "6.1.0",
-            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
-            "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
+            "version": "6.2.2",
+            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
+            "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
             "license": "MIT",
             "engines": {
                 "node": ">=12"
@@ -1383,9 +1430,9 @@
             }
         },
         "node_modules/ansi-styles": {
-            "version": "6.2.1",
-            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
-            "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
+            "version": "6.2.3",
+            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz",
+            "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
             "license": "MIT",
             "engines": {
                 "node": ">=12"
@@ -1426,9 +1473,9 @@
             }
         },
         "node_modules/apexcharts": {
-            "version": "4.5.0",
-            "resolved": "https://registry.npmjs.org/apexcharts/-/apexcharts-4.5.0.tgz",
-            "integrity": "sha512-E7ZkrVqPNBUWy/Rmg8DEIqHNBmElzICE/oxOX5Ekvs2ICQUOK/VkEkMH09JGJu+O/EA0NL31hxlmF+wrwrSLaQ==",
+            "version": "4.7.0",
+            "resolved": "https://registry.npmjs.org/apexcharts/-/apexcharts-4.7.0.tgz",
+            "integrity": "sha512-iZSrrBGvVlL+nt2B1NpqfDuBZ9jX61X9I2+XV0hlYXHtTwhwLTHDKGXjNXAgFBDLuvSYCB/rq2nPWVPRv2DrGA==",
             "license": "MIT",
             "dependencies": {
                 "@svgdotjs/svg.draggable.js": "^3.0.4",
@@ -1491,14 +1538,14 @@
             }
         },
         "node_modules/axios": {
-            "version": "1.8.4",
-            "resolved": "https://registry.npmjs.org/axios/-/axios-1.8.4.tgz",
-            "integrity": "sha512-eBSYY4Y68NNlHbHBMdeDmKNtDgXWhQsJcGqzO3iLUM0GraQFSS9cVgPX5I9b3lbdFKyYoAEGAZF1DwhTaljNAw==",
+            "version": "1.12.2",
+            "resolved": "https://registry.npmjs.org/axios/-/axios-1.12.2.tgz",
+            "integrity": "sha512-vMJzPewAlRyOgxV2dU0Cuz2O8zzzx9VYtbJOaBgXFeLc4IV/Eg50n4LowmehOOR61S8ZMpc2K5Sa7g6A4jfkUw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
                 "follow-redirects": "^1.15.6",
-                "form-data": "^4.0.0",
+                "form-data": "^4.0.4",
                 "proxy-from-env": "^1.1.0"
             }
         },
@@ -1508,6 +1555,16 @@
             "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
             "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==",
+            "dev": true,
+            "license": "Apache-2.0",
+            "bin": {
+                "baseline-browser-mapping": "dist/cli.js"
+            }
+        },
         "node_modules/binary-extensions": {
             "version": "2.3.0",
             "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
@@ -1521,9 +1578,9 @@
             }
         },
         "node_modules/brace-expansion": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
-            "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+            "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
             "license": "MIT",
             "dependencies": {
                 "balanced-match": "^1.0.0"
@@ -1542,9 +1599,9 @@
             }
         },
         "node_modules/browserslist": {
-            "version": "4.24.4",
-            "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.4.tgz",
-            "integrity": "sha512-KDi1Ny1gSePi1vm0q4oxSF8b4DR44GF4BbmS2YdhPLOEqd8pDviZOGH/GsmRwoWJ2+5Lr085X7naowMwKHDG1A==",
+            "version": "4.26.2",
+            "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.26.2.tgz",
+            "integrity": "sha512-ECFzp6uFOSB+dcZ5BK/IBaGWssbSYBHvuMeMt3MMFyhI0Z8SqGgEkBLARgpRH3hutIgPVsALcMwbDrJqPxQ65A==",
             "dev": true,
             "funding": [
                 {
@@ -1562,10 +1619,11 @@
             ],
             "license": "MIT",
             "dependencies": {
-                "caniuse-lite": "^1.0.30001688",
-                "electron-to-chromium": "^1.5.73",
-                "node-releases": "^2.0.19",
-                "update-browserslist-db": "^1.1.1"
+                "baseline-browser-mapping": "^2.8.3",
+                "caniuse-lite": "^1.0.30001741",
+                "electron-to-chromium": "^1.5.218",
+                "node-releases": "^2.0.21",
+                "update-browserslist-db": "^1.1.3"
             },
             "bin": {
                 "browserslist": "cli.js"
@@ -1615,9 +1673,9 @@
             }
         },
         "node_modules/caniuse-lite": {
-            "version": "1.0.30001706",
-            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001706.tgz",
-            "integrity": "sha512-3ZczoTApMAZwPKYWmwVbQMFpXBDds3/0VciVoUwPUbldlYyVLmRVuRs/PcUZtHpbLRpzzDvrvnFuREsGt6lUug==",
+            "version": "1.0.30001745",
+            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001745.tgz",
+            "integrity": "sha512-ywt6i8FzvdgrrrGbr1jZVObnVv6adj+0if2/omv9cmR2oiZs30zL4DIyaptKcbOrBdOIc74QTMoJvSE2QHh5UQ==",
             "dev": true,
             "funding": [
                 {
@@ -1812,9 +1870,9 @@
             "license": "MIT"
         },
         "node_modules/electron-to-chromium": {
-            "version": "1.5.123",
-            "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.123.tgz",
-            "integrity": "sha512-refir3NlutEZqlKaBLK0tzlVLe5P2wDKS7UQt/3SpibizgsRAPOsqQC3ffw1nlv3ze5gjRQZYHoPymgVZkplFA==",
+            "version": "1.5.224",
+            "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.224.tgz",
+            "integrity": "sha512-kWAoUu/bwzvnhpdZSIc6KUyvkI1rbRXMT0Eq8pKReyOyaPZcctMli+EgvcN1PAvwVc7Tdo4Fxi2PsLNDU05mdg==",
             "dev": true,
             "license": "ISC"
         },
@@ -1885,6 +1943,17 @@
                 "node": ">= 0.4"
             }
         },
+        "node_modules/es-toolkit": {
+            "version": "1.39.10",
+            "resolved": "https://registry.npmjs.org/es-toolkit/-/es-toolkit-1.39.10.tgz",
+            "integrity": "sha512-E0iGnTtbDhkeczB0T+mxmoVlT4YNweEKBLq7oaU4p11mecdsZpNWOglI4895Vh4usbQ+LsJiuLuI2L0Vdmfm2w==",
+            "dev": true,
+            "license": "MIT",
+            "workspaces": [
+                "docs",
+                "benchmarks"
+            ]
+        },
         "node_modules/esbuild": {
             "version": "0.21.5",
             "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz",
@@ -2054,9 +2123,9 @@
             }
         },
         "node_modules/follow-redirects": {
-            "version": "1.15.9",
-            "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.9.tgz",
-            "integrity": "sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==",
+            "version": "1.15.11",
+            "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.11.tgz",
+            "integrity": "sha512-deG2P0JfjrTxl50XGCDyfI97ZGVCxIpfKYmfyrQ54n5FO/0gfIES8C/Psl6kWVDolizcaaxZJnTS0QSMxvnsBQ==",
             "dev": true,
             "funding": [
                 {
@@ -2091,15 +2160,16 @@
             }
         },
         "node_modules/form-data": {
-            "version": "4.0.2",
-            "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.2.tgz",
-            "integrity": "sha512-hGfm/slu0ZabnNt4oaRZ6uREyfCj6P4fT/n6A1rGV+Z0VdGXjfOhVUpkn6qVQONHGIFwmveGXyDs75+nr6FM8w==",
+            "version": "4.0.4",
+            "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.4.tgz",
+            "integrity": "sha512-KrGhL9Q4zjj0kiUt5OO4Mr/A/jlI2jDYs5eHBpYHPcBEVSiipAvn2Ko2HnPe20rmcuuvMHNdZFp+4IlGTMF0Ow==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
                 "asynckit": "^0.4.0",
                 "combined-stream": "^1.0.8",
                 "es-set-tostringtag": "^2.1.0",
+                "hasown": "^2.0.2",
                 "mime-types": "^2.1.12"
             },
             "engines": {
@@ -2371,9 +2441,9 @@
             }
         },
         "node_modules/laravel-vite-plugin": {
-            "version": "1.2.0",
-            "resolved": "https://registry.npmjs.org/laravel-vite-plugin/-/laravel-vite-plugin-1.2.0.tgz",
-            "integrity": "sha512-R0pJ+IcTVeqEMoKz/B2Ij57QVq3sFTABiFmb06gAwFdivbOgsUtuhX6N2MGLEArajrS3U5JbberzwOe7uXHMHQ==",
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/laravel-vite-plugin/-/laravel-vite-plugin-1.3.0.tgz",
+            "integrity": "sha512-P5qyG56YbYxM8OuYmK2OkhcKe0AksNVJUjq9LUZ5tOekU9fBn9LujYyctI4t9XoLjuMvHJXXpCoPntY1oKltuA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -2420,42 +2490,6 @@
             "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==",
             "license": "MIT"
         },
-        "node_modules/lodash.castarray": {
-            "version": "4.4.0",
-            "resolved": "https://registry.npmjs.org/lodash.castarray/-/lodash.castarray-4.4.0.tgz",
-            "integrity": "sha512-aVx8ztPv7/2ULbArGJ2Y42bG1mEQ5mGjpdvrbJcJFU3TbYybe+QlLS4pst9zV52ymy2in1KpFPiZnAOATxD4+Q==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/lodash.clonedeep": {
-            "version": "4.5.0",
-            "resolved": "https://registry.npmjs.org/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz",
-            "integrity": "sha512-H5ZhCF25riFd9uB5UCkVKo61m3S/xZk1x4wA6yp/L3RFP6Z/eHH1ymQcGLo7J3GMPfm0V/7m1tryHuGVxpqEBQ==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/lodash.isequal": {
-            "version": "4.5.0",
-            "resolved": "https://registry.npmjs.org/lodash.isequal/-/lodash.isequal-4.5.0.tgz",
-            "integrity": "sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ==",
-            "deprecated": "This package is deprecated. Use require('node:util').isDeepStrictEqual instead.",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/lodash.isplainobject": {
-            "version": "4.0.6",
-            "resolved": "https://registry.npmjs.org/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz",
-            "integrity": "sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/lodash.merge": {
-            "version": "4.6.2",
-            "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
-            "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
-            "dev": true,
-            "license": "MIT"
-        },
         "node_modules/lru-cache": {
             "version": "10.4.3",
             "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
@@ -2463,12 +2497,12 @@
             "license": "ISC"
         },
         "node_modules/magic-string": {
-            "version": "0.30.17",
-            "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.17.tgz",
-            "integrity": "sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==",
+            "version": "0.30.19",
+            "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.19.tgz",
+            "integrity": "sha512-2N21sPY9Ws53PZvsEpVtNuSW+ScYbQdp4b9qUaL+9QkHUrGFKo56Lg9Emg5s9V/qrtNBmiR01sYhUOwu3H+VOw==",
             "license": "MIT",
             "dependencies": {
-                "@jridgewell/sourcemap-codec": "^1.5.0"
+                "@jridgewell/sourcemap-codec": "^1.5.5"
             }
         },
         "node_modules/material-design-icons-iconfont": {
@@ -2607,9 +2641,9 @@
             }
         },
         "node_modules/node-releases": {
-            "version": "2.0.19",
-            "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.19.tgz",
-            "integrity": "sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==",
+            "version": "2.0.21",
+            "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.21.tgz",
+            "integrity": "sha512-5b0pgg78U3hwXkCM8Z9b2FJdPZlr9Psr9V2gQPESdGHqbntyFJKFW4r5TeWGFzafGY3hzs1JC62VEQMbl1JFkw==",
             "dev": true,
             "license": "MIT"
         },
@@ -2707,9 +2741,9 @@
             "license": "ISC"
         },
         "node_modules/picomatch": {
-            "version": "4.0.2",
-            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz",
-            "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
+            "version": "4.0.3",
+            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
+            "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
             "license": "MIT",
             "engines": {
                 "node": ">=12"
@@ -2728,18 +2762,18 @@
             }
         },
         "node_modules/pirates": {
-            "version": "4.0.6",
-            "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz",
-            "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==",
+            "version": "4.0.7",
+            "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.7.tgz",
+            "integrity": "sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==",
             "license": "MIT",
             "engines": {
                 "node": ">= 6"
             }
         },
         "node_modules/postcss": {
-            "version": "8.5.3",
-            "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.3.tgz",
-            "integrity": "sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A==",
+            "version": "8.5.6",
+            "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
+            "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
             "funding": [
                 {
                     "type": "opencollective",
@@ -2756,7 +2790,7 @@
             ],
             "license": "MIT",
             "dependencies": {
-                "nanoid": "^3.3.8",
+                "nanoid": "^3.3.11",
                 "picocolors": "^1.1.1",
                 "source-map-js": "^1.2.1"
             },
@@ -2782,9 +2816,19 @@
             }
         },
         "node_modules/postcss-js": {
-            "version": "4.0.1",
-            "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz",
-            "integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==",
+            "version": "4.1.0",
+            "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.1.0.tgz",
+            "integrity": "sha512-oIAOTqgIo7q2EOwbhb8UalYePMvYoIeRY2YKntdpFQXNosSu3vLrniGgmH9OKs/qAkfoj5oB3le/7mINW1LCfw==",
+            "funding": [
+                {
+                    "type": "opencollective",
+                    "url": "https://opencollective.com/postcss/"
+                },
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/ai"
+                }
+            ],
             "license": "MIT",
             "dependencies": {
                 "camelcase-css": "^2.0.1"
@@ -2792,10 +2836,6 @@
             "engines": {
                 "node": "^12 || ^14 || >= 16"
             },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/postcss/"
-            },
             "peerDependencies": {
                 "postcss": "^8.4.21"
             }
@@ -3027,13 +3067,13 @@
             }
         },
         "node_modules/rollup": {
-            "version": "4.36.0",
-            "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.36.0.tgz",
-            "integrity": "sha512-zwATAXNQxUcd40zgtQG0ZafcRK4g004WtEl7kbuhTWPvf07PsfohXl39jVUvPF7jvNAIkKPQ2XrsDlWuxBd++Q==",
+            "version": "4.52.3",
+            "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.52.3.tgz",
+            "integrity": "sha512-RIDh866U8agLgiIcdpB+COKnlCreHJLfIhWC3LVflku5YHfpnsIKigRZeFfMfCc4dVcqNVfQQ5gO/afOck064A==",
             "devOptional": true,
             "license": "MIT",
             "dependencies": {
-                "@types/estree": "1.0.6"
+                "@types/estree": "1.0.8"
             },
             "bin": {
                 "rollup": "dist/bin/rollup"
@@ -3043,25 +3083,28 @@
                 "npm": ">=8.0.0"
             },
             "optionalDependencies": {
-                "@rollup/rollup-android-arm-eabi": "4.36.0",
-                "@rollup/rollup-android-arm64": "4.36.0",
-                "@rollup/rollup-darwin-arm64": "4.36.0",
-                "@rollup/rollup-darwin-x64": "4.36.0",
-                "@rollup/rollup-freebsd-arm64": "4.36.0",
-                "@rollup/rollup-freebsd-x64": "4.36.0",
-                "@rollup/rollup-linux-arm-gnueabihf": "4.36.0",
-                "@rollup/rollup-linux-arm-musleabihf": "4.36.0",
-                "@rollup/rollup-linux-arm64-gnu": "4.36.0",
-                "@rollup/rollup-linux-arm64-musl": "4.36.0",
-                "@rollup/rollup-linux-loongarch64-gnu": "4.36.0",
-                "@rollup/rollup-linux-powerpc64le-gnu": "4.36.0",
-                "@rollup/rollup-linux-riscv64-gnu": "4.36.0",
-                "@rollup/rollup-linux-s390x-gnu": "4.36.0",
-                "@rollup/rollup-linux-x64-gnu": "4.36.0",
-                "@rollup/rollup-linux-x64-musl": "4.36.0",
-                "@rollup/rollup-win32-arm64-msvc": "4.36.0",
-                "@rollup/rollup-win32-ia32-msvc": "4.36.0",
-                "@rollup/rollup-win32-x64-msvc": "4.36.0",
+                "@rollup/rollup-android-arm-eabi": "4.52.3",
+                "@rollup/rollup-android-arm64": "4.52.3",
+                "@rollup/rollup-darwin-arm64": "4.52.3",
+                "@rollup/rollup-darwin-x64": "4.52.3",
+                "@rollup/rollup-freebsd-arm64": "4.52.3",
+                "@rollup/rollup-freebsd-x64": "4.52.3",
+                "@rollup/rollup-linux-arm-gnueabihf": "4.52.3",
+                "@rollup/rollup-linux-arm-musleabihf": "4.52.3",
+                "@rollup/rollup-linux-arm64-gnu": "4.52.3",
+                "@rollup/rollup-linux-arm64-musl": "4.52.3",
+                "@rollup/rollup-linux-loong64-gnu": "4.52.3",
+                "@rollup/rollup-linux-ppc64-gnu": "4.52.3",
+                "@rollup/rollup-linux-riscv64-gnu": "4.52.3",
+                "@rollup/rollup-linux-riscv64-musl": "4.52.3",
+                "@rollup/rollup-linux-s390x-gnu": "4.52.3",
+                "@rollup/rollup-linux-x64-gnu": "4.52.3",
+                "@rollup/rollup-linux-x64-musl": "4.52.3",
+                "@rollup/rollup-openharmony-arm64": "4.52.3",
+                "@rollup/rollup-win32-arm64-msvc": "4.52.3",
+                "@rollup/rollup-win32-ia32-msvc": "4.52.3",
+                "@rollup/rollup-win32-x64-gnu": "4.52.3",
+                "@rollup/rollup-win32-x64-msvc": "4.52.3",
                 "fsevents": "~2.3.2"
             }
         },
@@ -3272,9 +3315,9 @@
             }
         },
         "node_modules/strip-ansi": {
-            "version": "7.1.0",
-            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
-            "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+            "version": "7.1.2",
+            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.2.tgz",
+            "integrity": "sha512-gmBGslpoQJtgnMAvOVqGZpEz9dyoKTCzy2nfz/n8aIFhN/jCE/rCmcxabB6jOOHV+0WNnylOxaxBQPSvcWklhA==",
             "license": "MIT",
             "dependencies": {
                 "ansi-regex": "^6.0.1"
@@ -3491,10 +3534,53 @@
             "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
             "license": "MIT"
         },
+        "node_modules/v-calendar": {
+            "version": "3.1.2",
+            "resolved": "https://registry.npmjs.org/v-calendar/-/v-calendar-3.1.2.tgz",
+            "integrity": "sha512-QDWrnp4PWCpzUblctgo4T558PrHgHzDtQnTeUNzKxfNf29FkCeFpwGd9bKjAqktaa2aJLcyRl45T5ln1ku34kg==",
+            "license": "MIT",
+            "dependencies": {
+                "@types/lodash": "^4.14.165",
+                "@types/resize-observer-browser": "^0.1.7",
+                "date-fns": "^2.16.1",
+                "date-fns-tz": "^2.0.0",
+                "lodash": "^4.17.20",
+                "vue-screen-utils": "^1.0.0-beta.13"
+            },
+            "peerDependencies": {
+                "@popperjs/core": "^2.0.0",
+                "vue": "^3.2.0"
+            }
+        },
+        "node_modules/v-calendar/node_modules/date-fns": {
+            "version": "2.30.0",
+            "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-2.30.0.tgz",
+            "integrity": "sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/runtime": "^7.21.0"
+            },
+            "engines": {
+                "node": ">=0.11"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/date-fns"
+            }
+        },
+        "node_modules/v-calendar/node_modules/date-fns-tz": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/date-fns-tz/-/date-fns-tz-2.0.1.tgz",
+            "integrity": "sha512-fJCG3Pwx8HUoLhkepdsP7Z5RsucUi+ZBOxyM5d0ZZ6c4SdYustq0VMmOu6Wf7bli+yS/Jwp91TOCqn9jMcVrUA==",
+            "license": "MIT",
+            "peerDependencies": {
+                "date-fns": "2.x"
+            }
+        },
         "node_modules/vite": {
-            "version": "5.4.14",
-            "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.14.tgz",
-            "integrity": "sha512-EK5cY7Q1D8JNhSaPKVK4pwBFvaTmZxEnoKXLG/U9gmdDcihQGNzFlgIvaxezFR4glP1LsuiedwMBqCXH3wZccA==",
+            "version": "5.4.20",
+            "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.20.tgz",
+            "integrity": "sha512-j3lYzGC3P+B5Yfy/pfKNgVEg4+UtcIJcVRt2cDjIOmhLourAqPqf8P7acgxeiSgUB7E3p2P8/3gNIgDLpwzs4g==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -3576,16 +3662,16 @@
             }
         },
         "node_modules/vue": {
-            "version": "3.5.13",
-            "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.13.tgz",
-            "integrity": "sha512-wmeiSMxkZCSc+PM2w2VRsOYAZC8GdipNFRTsLSfodVqI9mbejKeXEGr8SckuLnrQPGe3oJN5c3K0vpoU9q/wCQ==",
+            "version": "3.5.22",
+            "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.22.tgz",
+            "integrity": "sha512-toaZjQ3a/G/mYaLSbV+QsQhIdMo9x5rrqIpYRObsJ6T/J+RyCSFwN2LHNVH9v8uIcljDNa3QzPVdv3Y6b9hAJQ==",
             "license": "MIT",
             "dependencies": {
-                "@vue/compiler-dom": "3.5.13",
-                "@vue/compiler-sfc": "3.5.13",
-                "@vue/runtime-dom": "3.5.13",
-                "@vue/server-renderer": "3.5.13",
-                "@vue/shared": "3.5.13"
+                "@vue/compiler-dom": "3.5.22",
+                "@vue/compiler-sfc": "3.5.22",
+                "@vue/runtime-dom": "3.5.22",
+                "@vue/server-renderer": "3.5.22",
+                "@vue/shared": "3.5.22"
             },
             "peerDependencies": {
                 "typescript": "*"
@@ -3597,9 +3683,9 @@
             }
         },
         "node_modules/vue-multiselect": {
-            "version": "3.2.0",
-            "resolved": "https://registry.npmjs.org/vue-multiselect/-/vue-multiselect-3.2.0.tgz",
-            "integrity": "sha512-ExI+IPvSbILbtaHrU0CgbBmfbD6yBpIWJKsGLPmuQMC7VWK8Nj1XSAI9eIt3n9/e+LSFYdt8VgfHxeS1O1OeVA==",
+            "version": "3.3.1",
+            "resolved": "https://registry.npmjs.org/vue-multiselect/-/vue-multiselect-3.3.1.tgz",
+            "integrity": "sha512-QZPxG60HK4HCeBNq4rkpzHSzh3ow8blipZbKmYdRvN65If/aFWO/Bzz6eUCED4LQNYlvXG7UJuiFlbqFkAeKXg==",
             "license": "MIT",
             "engines": {
                 "node": ">= 14.18.1",
@@ -3615,10 +3701,19 @@
                 "vue": "^3.0.0"
             }
         },
+        "node_modules/vue-screen-utils": {
+            "version": "1.0.0-beta.13",
+            "resolved": "https://registry.npmjs.org/vue-screen-utils/-/vue-screen-utils-1.0.0-beta.13.tgz",
+            "integrity": "sha512-EJ/8TANKhFj+LefDuOvZykwMr3rrLFPLNb++lNBqPOpVigT2ActRg6icH9RFQVm4nHwlHIHSGm5OY/Clar9yIg==",
+            "license": "MIT",
+            "peerDependencies": {
+                "vue": "^3.2.0"
+            }
+        },
         "node_modules/vue-search-input": {
-            "version": "1.1.16",
-            "resolved": "https://registry.npmjs.org/vue-search-input/-/vue-search-input-1.1.16.tgz",
-            "integrity": "sha512-hMZJHN/HppamwF24vPVhWVy4334WEmChkuAEnmDuiR3SeKrAPjK5mYb0vKBiAWP4QL1p2d+JhvbUe444uDTEMw==",
+            "version": "1.1.18",
+            "resolved": "https://registry.npmjs.org/vue-search-input/-/vue-search-input-1.1.18.tgz",
+            "integrity": "sha512-cQ4XVNLOKywZr7XAYqvhxhTuY/Fka3USfVOw1FAtD6KHzVzZ6+/wGQw8ukm5wWsbJVh2FNOUsmnn+PA174g+eA==",
             "license": "MIT"
         },
         "node_modules/vue3-apexcharts": {
@@ -3750,15 +3845,15 @@
             }
         },
         "node_modules/yaml": {
-            "version": "2.7.0",
-            "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.7.0.tgz",
-            "integrity": "sha512-+hSoy/QHluxmC9kCIJyL/uyFmLmc+e5CFR5Wa+bpIhIj85LVb9ZH2nVnqrHoSvKogwODv0ClqZkmiSSaIH5LTA==",
+            "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"
+                "node": ">= 14.6"
             }
         }
     }
diff --git a/package.json b/package.json
index c780803..9a74bff 100644
--- a/package.json
+++ b/package.json
@@ -35,6 +35,7 @@
         "material-design-icons-iconfont": "^6.7.0",
         "preline": "^2.7.0",
         "tailwindcss-inner-border": "^0.2.0",
+        "v-calendar": "^3.1.2",
         "vue-multiselect": "^3.1.0",
         "vue-search-input": "^1.1.16",
         "vue3-apexcharts": "^1.7.0",
diff --git a/resources/css/app.css b/resources/css/app.css
index f54b643..013c66e 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -9,3 +9,6 @@
 [x-cloak] {
     display: none;
 }
+
+/* Ensure dropdowns/menus render above dialog overlays when appended to body */
+.multiselect__content-wrapper { z-index: 2147483647 !important; }
diff --git a/resources/js/Components/BasicTable.vue b/resources/js/Components/BasicTable.vue
index b9d14cd..76e9113 100644
--- a/resources/js/Components/BasicTable.vue
+++ b/resources/js/Components/BasicTable.vue
@@ -23,6 +23,16 @@ const props = defineProps({
   options: {
     type: Object,
     default: {}
+  },
+  // Deprecated: fixed height. Prefer bodyMaxHeight (e.g., 'max-h-96').
+  bodyHeight: {
+    type: String,
+    default: 'h-96'
+  },
+  // Preferred: control scrollable body max-height (Tailwind class), e.g., 'max-h-96', 'max-h-[600px]'
+  bodyMaxHeight: {
+    type: String,
+    default: 'max-h-96'
   }
 });
 
@@ -105,7 +115,7 @@ const remove = () => {
       <p v-if="description" class="mt-1 text-sm text-gray-600">{{ description }}</p>
     </div>
 
-    <div class="relative overflow-x-auto rounded-lg border border-gray-200 bg-white shadow-sm">
+    <div :class="['relative rounded-lg border border-gray-200 bg-white shadow-sm overflow-x-auto overflow-y-auto', bodyMaxHeight]">
       <FwbTable hoverable striped class="text-sm">
         <FwbTableHead class="sticky top-0 z-10 bg-gray-50/90 backdrop-blur supports-[backdrop-filter]:bg-gray-50/80 border-b border-gray-200 shadow-sm">
           <FwbTableHeadCell v-for="(h, hIndex) in header" :key="hIndex" class="uppercase text-xs font-semibold tracking-wide text-gray-700 py-3 first:pl-6 last:pr-6">{{ h.data }}</FwbTableHeadCell>
diff --git a/resources/js/Components/ConfirmDialog.vue b/resources/js/Components/ConfirmDialog.vue
new file mode 100644
index 0000000..29fb1f4
--- /dev/null
+++ b/resources/js/Components/ConfirmDialog.vue
@@ -0,0 +1,38 @@
+<script setup>
+import DialogModal from './DialogModal.vue';
+import PrimaryButton from './PrimaryButton.vue';
+
+const props = defineProps({
+  show: { type: Boolean, default: false },
+  title: { type: String, default: 'Potrditev' },
+  message: { type: String, default: 'Ali ste prepričani?' },
+  confirmText: { type: String, default: 'Potrdi' },
+  cancelText: { type: String, default: 'Prekliči' },
+  danger: { type: Boolean, default: false },
+});
+
+const emit = defineEmits(['close', 'confirm']);
+
+const onClose = () => emit('close');
+const onConfirm = () => emit('confirm');
+</script>
+
+<template>
+  <DialogModal :show="show" @close="onClose">
+    <template #title>
+      {{ title }}
+    </template>
+    <template #content>
+      <p class="text-sm text-gray-700">{{ message }}</p>
+      <div class="mt-6 flex items-center justify-end gap-3">
+        <button type="button" class="px-4 py-2 rounded-md border border-gray-300 text-gray-700 hover:bg-gray-50" @click="onClose">
+          {{ cancelText }}
+        </button>
+        <PrimaryButton :class="danger ? 'bg-red-600 hover:bg-red-700 focus:ring-red-500' : ''" @click="onConfirm">
+          {{ confirmText }}
+        </PrimaryButton>
+      </div>
+    </template>
+  </DialogModal>
+  
+</template>
diff --git a/resources/js/Components/DatePickerField.vue b/resources/js/Components/DatePickerField.vue
new file mode 100644
index 0000000..4e043fe
--- /dev/null
+++ b/resources/js/Components/DatePickerField.vue
@@ -0,0 +1,103 @@
+<script setup>
+import InputLabel from './InputLabel.vue'
+import InputError from './InputError.vue'
+import { computed } from 'vue'
+
+/*
+  DatePickerField (v-calendar)
+  - A thin wrapper around <VDatePicker> with a label and error support.
+  - Uses v-calendar which handles popovers/teleport well inside modals.
+  API: kept compatible with previous usage where possible.
+  Props:
+    - modelValue: Date | string | number | null
+    - id: string
+    - label: string
+    - format: string (default 'dd.MM.yyyy')
+    - enableTimePicker: boolean (default false)
+    - inline: boolean (default false)  // When true, keeps the popover visible
+    - placeholder: string
+    - error: string | string[]
+  Note: Props like teleportTarget/autoPosition/menuClassName/fixed/closeOn... were for the old picker
+        and are accepted for compatibility but are not used by v-calendar.
+*/
+
+const props = defineProps({
+  modelValue: { type: [Date, String, Number, null], default: null },
+  id: { type: String, default: undefined },
+  label: { type: String, default: undefined },
+  format: { type: String, default: 'dd.MM.yyyy' },
+  enableTimePicker: { type: Boolean, default: false },
+  inline: { type: Boolean, default: false },
+  // legacy/unused in v-calendar (kept to prevent breaking callers)
+  autoApply: { type: Boolean, default: false },
+  teleportTarget: { type: [Boolean, String], default: 'body' },
+  autoPosition: { type: Boolean, default: true },
+  menuClassName: { type: String, default: 'dp-over-modal' },
+  fixed: { type: Boolean, default: true },
+  closeOnAutoApply: { type: Boolean, default: true },
+  closeOnScroll: { type: Boolean, default: true },
+  placeholder: { type: String, default: '' },
+  error: { type: [String, Array], default: undefined },
+})
+
+const emit = defineEmits(['update:modelValue', 'change'])
+
+const valueProxy = computed({
+  get: () => props.modelValue,
+  set: (val) => {
+    emit('update:modelValue', val)
+    emit('change', val)
+  },
+})
+
+// Convert common date mask from lowercase tokens to v-calendar tokens
+const inputMask = computed(() => {
+  let m = props.format || 'dd.MM.yyyy'
+  return m
+    .replace(/yyyy/g, 'YYYY')
+    .replace(/dd/g, 'DD')
+    .replace(/MM/g, 'MM')
+    + (props.enableTimePicker ? ' HH:mm' : '')
+})
+
+const popoverCfg = computed(() => ({
+  visibility: props.inline ? 'visible' : 'click',
+  placement: 'bottom-start',
+}))
+</script>
+
+<template>
+  <div class="col-span-6 sm:col-span-4">
+    <InputLabel v-if="label" :for="id" :value="label" />
+
+    <!-- VCalendar DatePicker with custom input to keep Tailwind styling -->
+    <VDatePicker
+      v-model="valueProxy"
+      :mode="enableTimePicker ? 'dateTime' : 'date'"
+      :masks="{ input: inputMask }"
+      :popover="popoverCfg"
+      :is24hr="true"
+    >
+      <template #default="{ inputValue, inputEvents }">
+        <input
+          :id="id"
+          class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500"
+          :placeholder="placeholder"
+          :value="inputValue"
+          v-on="inputEvents"
+        />
+      </template>
+    </VDatePicker>
+
+    <template v-if="error">
+      <InputError v-if="Array.isArray(error)" v-for="(e, idx) in error" :key="idx" :message="e" />
+      <InputError v-else :message="error" />
+    </template>
+  </div>
+  
+</template>
+
+<style>
+/* Ensure the date picker menu overlays modals/dialogs */
+
+</style>
diff --git a/resources/js/Components/DocumentsTable.vue b/resources/js/Components/DocumentsTable.vue
index 452e492..fdb7826 100644
--- a/resources/js/Components/DocumentsTable.vue
+++ b/resources/js/Components/DocumentsTable.vue
@@ -1,14 +1,17 @@
 <script setup>
 import { FwbTable, FwbTableHead, FwbTableHeadCell, FwbTableBody, FwbTableRow, FwbTableCell, FwbBadge } from 'flowbite-vue'
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
-import { faFilePdf, faFileWord, faFileExcel, faFileLines, faFileImage, faFile, faCircleInfo } from '@fortawesome/free-solid-svg-icons'
+import { faFilePdf, faFileWord, faFileExcel, faFileLines, faFileImage, faFile, faCircleInfo, faEllipsisVertical, faDownload } from '@fortawesome/free-solid-svg-icons'
 import { ref } from 'vue'
+import Dropdown from '@/Components/Dropdown.vue'
 
 const props = defineProps({
   documents: { type: Array, default: () => [] },
   viewUrlBuilder: { type: Function, default: null },
+  // Optional: build a direct download URL for a document; if not provided, a 'download' event will be emitted
+  downloadUrlBuilder: { type: Function, default: null },
 })
-const emit = defineEmits(['view'])
+const emit = defineEmits(['view', 'download'])
 
 const formatSize = (bytes) => {
   if (bytes == null) return '-'
@@ -78,6 +81,29 @@ const toggleDesc = (doc, i) => {
   const key = rowKey(doc, i)
   expandedDescKey.value = expandedDescKey.value === key ? null : key
 }
+
+
+const resolveDownloadUrl = (doc) => {
+  if (typeof props.downloadUrlBuilder === 'function') return props.downloadUrlBuilder(doc)
+  // If no builder provided, parent can handle via emitted event
+  return null
+}
+
+const handleDownload = (doc) => {
+  const url = resolveDownloadUrl(doc)
+  if (url) {
+    // Trigger a navigation to a direct-download endpoint; server should set Content-Disposition: attachment
+    const a = document.createElement('a')
+    a.href = url
+    a.target = '_self'
+    a.rel = 'noopener'
+    // In many browsers, simply setting href is enough
+    a.click()
+  } else {
+    emit('download', doc)
+  }
+  closeActions()
+}
 </script>
 
 <template>
@@ -120,7 +146,28 @@ const toggleDesc = (doc, i) => {
             </button>
           </FwbTableCell>
           <FwbTableCell class="text-right whitespace-nowrap">
-            <!-- future actions: download/delete -->
+            <Dropdown align="right" width="48">
+              <template #trigger>
+                <button
+                  type="button"
+                  class="inline-flex items-center justify-center h-8 w-8 rounded-full hover:bg-gray-100 focus:outline-none"
+                  :title="'Actions'"
+                >
+                  <FontAwesomeIcon :icon="faEllipsisVertical" class="h-4 w-4 text-gray-700" />
+                </button>
+              </template>
+              <template #content>
+                <button
+                  type="button"
+                  class="w-full px-3 py-2 text-left text-sm text-gray-700 hover:bg-gray-50 flex items-center gap-2"
+                  @click="handleDownload(doc)"
+                >
+                  <FontAwesomeIcon :icon="faDownload" class="h-4 w-4 text-gray-600" />
+                  <span>Download file</span>
+                </button>
+                <!-- future actions can be slotted here -->
+              </template>
+            </Dropdown>
           </FwbTableCell>
         </FwbTableRow>
         <!-- Expanded description row directly below the item -->
diff --git a/resources/js/Components/Dropdown.vue b/resources/js/Components/Dropdown.vue
index 5e6e585..21f0890 100644
--- a/resources/js/Components/Dropdown.vue
+++ b/resources/js/Components/Dropdown.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { computed, onMounted, onUnmounted, ref } from 'vue';
+import { computed, nextTick, onMounted, onUnmounted, ref, watch } from 'vue';
 
 const props = defineProps({
     align: {
@@ -17,6 +17,9 @@ const props = defineProps({
 });
 
 let open = ref(false);
+const triggerEl = ref(null);
+const panelEl = ref(null);
+const panelStyle = ref({ top: '0px', left: '0px' });
 
 const closeOnEscape = (e) => {
     if (open.value && e.key === 'Escape') {
@@ -24,8 +27,54 @@ const closeOnEscape = (e) => {
     }
 };
 
+const updatePosition = () => {
+    const t = triggerEl.value;
+    const p = panelEl.value;
+    if (!t || !p) return;
+    const rect = t.getBoundingClientRect();
+    // Ensure we have updated width
+    const pw = p.offsetWidth || 0;
+    const ph = p.offsetHeight || 0;
+    const margin = 8; // small spacing from trigger
+    let left = rect.left;
+    if (props.align === 'right') {
+        left = rect.right - pw;
+    } else if (props.align === 'left') {
+        left = rect.left;
+    }
+    // Clamp within viewport
+    const maxLeft = Math.max(0, window.innerWidth - pw - margin);
+    left = Math.min(Math.max(margin, left), maxLeft);
+    let top = rect.bottom + margin;
+    // If not enough space below, place above the trigger
+    if (top + ph > window.innerHeight) {
+        top = Math.max(margin, rect.top - ph - margin);
+    }
+    panelStyle.value = { top: `${top}px`, left: `${left}px` };
+};
+
+const onWindowChange = () => {
+    updatePosition();
+};
+
+watch(open, async (val) => {
+    if (val) {
+        await nextTick();
+        updatePosition();
+        window.addEventListener('resize', onWindowChange);
+        window.addEventListener('scroll', onWindowChange, true);
+    } else {
+        window.removeEventListener('resize', onWindowChange);
+        window.removeEventListener('scroll', onWindowChange, true);
+    }
+});
+
 onMounted(() => document.addEventListener('keydown', closeOnEscape));
-onUnmounted(() => document.removeEventListener('keydown', closeOnEscape));
+onUnmounted(() => {
+    document.removeEventListener('keydown', closeOnEscape);
+    window.removeEventListener('resize', onWindowChange);
+    window.removeEventListener('scroll', onWindowChange, true);
+});
 
 const widthClass = computed(() => {
     return {
@@ -47,33 +96,35 @@ const alignmentClasses = computed(() => {
 </script>
 
 <template>
-    <div class="relative">
+    <div class="relative" ref="triggerEl">
         <div @click="open = ! open">
             <slot name="trigger" />
         </div>
 
-        <!-- Full Screen Dropdown Overlay -->
-        <div v-show="open" class="fixed inset-0 z-40" @click="open = false" />
+        <teleport to="body">
+            <!-- Full Screen Dropdown Overlay at body level -->
+            <div v-show="open" class="fixed inset-0 z-[2147483646]" @click="open = false" />
 
-        <transition
-            enter-active-class="transition ease-out duration-200"
-            enter-from-class="transform opacity-0 scale-95"
-            enter-to-class="transform opacity-100 scale-100"
-            leave-active-class="transition ease-in duration-75"
-            leave-from-class="transform opacity-100 scale-100"
-            leave-to-class="transform opacity-0 scale-95"
-        >
-            <div
-                v-show="open"
-                class="absolute z-50 mt-2 rounded-md shadow-lg"
-                :class="[widthClass, alignmentClasses]"
-                style="display: none;"
-                @click="open = false"
+            <transition
+                enter-active-class="transition ease-out duration-200"
+                enter-from-class="transform opacity-0 scale-95"
+                enter-to-class="transform opacity-100 scale-100"
+                leave-active-class="transition ease-in duration-75"
+                leave-from-class="transform opacity-100 scale-100"
+                leave-to-class="transform opacity-0 scale-95"
             >
-                <div class="rounded-md ring-1 ring-black ring-opacity-5" :class="contentClasses">
-                    <slot name="content" />
+                <div
+                    v-show="open"
+                    ref="panelEl"
+                    class="fixed z-[2147483647] rounded-md shadow-lg"
+                    :class="[widthClass]"
+                    :style="[panelStyle]"
+                >
+                    <div class="rounded-md ring-1 ring-black ring-opacity-5" :class="contentClasses" @click="open = false">
+                        <slot name="content" />
+                    </div>
                 </div>
-            </div>
-        </transition>
+            </transition>
+        </teleport>
     </div>
 </template>
diff --git a/resources/js/Components/EmailCreateForm.vue b/resources/js/Components/EmailCreateForm.vue
new file mode 100644
index 0000000..79d8dd5
--- /dev/null
+++ b/resources/js/Components/EmailCreateForm.vue
@@ -0,0 +1,120 @@
+<script setup>
+import { ref, watch } from 'vue';
+import DialogModal from './DialogModal.vue';
+import InputLabel from './InputLabel.vue';
+import SectionTitle from './SectionTitle.vue';
+import TextInput from './TextInput.vue';
+import InputError from './InputError.vue';
+import PrimaryButton from './PrimaryButton.vue';
+import axios from 'axios';
+
+/*
+  EmailCreateForm / Email editor
+  - Props mirror Phone/Address forms for consistency
+  - Routes assumed: person.email.create, person.email.update
+  - Adjust route names/fields to match your backend if different
+*/
+
+const props = defineProps({
+  show: { type: Boolean, default: false },
+  person: { type: Object, required: true },
+  edit: { type: Boolean, default: false },
+  id: { type: Number, default: 0 },
+});
+
+const processing = ref(false);
+const errors = ref({});
+
+const emit = defineEmits(['close']);
+
+const close = () => {
+  emit('close');
+  setTimeout(() => { errors.value = {}; }, 300);
+};
+
+const form = ref({
+  value: '',
+  label: ''
+});
+
+const resetForm = () => {
+  form.value = { value: '', label: '' };
+};
+
+const create = async () => {
+  processing.value = true; errors.value = {};
+  try {
+  const { data } = await axios.post(route('person.email.create', props.person), form.value);
+    if (!Array.isArray(props.person.emails)) props.person.emails = [];
+    props.person.emails.push(data.email);
+    processing.value = false; close(); resetForm();
+  } catch (e) {
+    errors.value = e?.response?.data?.errors || {}; processing.value = false;
+  }
+};
+
+const update = async () => {
+  processing.value = true; errors.value = {};
+  try {
+  const { data } = await axios.put(route('person.email.update', { person: props.person, email_id: props.id }), form.value);
+    if (!Array.isArray(props.person.emails)) props.person.emails = [];
+    const idx = props.person.emails.findIndex(e => e.id === data.email.id);
+    if (idx !== -1) props.person.emails[idx] = data.email;
+    processing.value = false; close(); resetForm();
+  } catch (e) {
+    errors.value = e?.response?.data?.errors || {}; processing.value = false;
+  }
+};
+
+watch(
+  () => props.id,
+  (id) => {
+    if (props.edit && id) {
+      const current = (props.person.emails || []).find(e => e.id === id);
+      if (current) {
+        form.value = {
+          value: current.value || current.email || current.address || '',
+          label: current.label || ''
+        };
+        return;
+      }
+    }
+    resetForm();
+  },
+  { immediate: true }
+);
+
+const submit = () => (props.edit ? update() : create());
+</script>
+
+<template>
+  <DialogModal :show="show" @close="close">
+    <template #title>
+      <span v-if="edit">Spremeni email</span>
+      <span v-else>Dodaj email</span>
+    </template>
+    <template #content>
+      <form @submit.prevent="submit">
+        <SectionTitle class="border-b mb-4">
+          <template #title>Email</template>
+        </SectionTitle>
+
+        <div class="col-span-6 sm:col-span-4">
+          <InputLabel for="em_value" value="E-pošta" />
+          <TextInput id="em_value" v-model="form.value" type="email" class="mt-1 block w-full" autocomplete="email" />
+          <InputError v-if="errors.value" v-for="err in errors.value" :key="err" :message="err" />
+        </div>
+
+        <div class="col-span-6 sm:col-span-4">
+          <InputLabel for="em_label" value="Oznaka (neobvezno)" />
+          <TextInput id="em_label" v-model="form.label" type="text" class="mt-1 block w-full" autocomplete="off" />
+          <InputError v-if="errors.label" v-for="err in errors.label" :key="err" :message="err" />
+        </div>
+
+        <div class="flex justify-end mt-4">
+          <PrimaryButton :class="{ 'opacity-25': processing }" :disabled="processing">Shrani</PrimaryButton>
+        </div>
+      </form>
+    </template>
+  </DialogModal>
+</template>
diff --git a/resources/js/Components/EmailUpdateForm.vue b/resources/js/Components/EmailUpdateForm.vue
new file mode 100644
index 0000000..c1eb129
--- /dev/null
+++ b/resources/js/Components/EmailUpdateForm.vue
@@ -0,0 +1,15 @@
+<script setup>
+// This component reuses EmailCreateForm's logic via props.edit=true
+import EmailCreateForm from './EmailCreateForm.vue';
+
+const props = defineProps({
+  show: { type: Boolean, default: false },
+  person: { type: Object, required: true },
+  types: { type: Array, default: () => [] },
+  id: { type: Number, default: 0 },
+});
+</script>
+
+<template>
+  <EmailCreateForm :show="show" :person="person" :types="types" :edit="true" :id="id" @close="$emit('close')" />
+</template>
diff --git a/resources/js/Components/Modal.vue b/resources/js/Components/Modal.vue
index 30c94a8..d3c72fa 100644
--- a/resources/js/Components/Modal.vue
+++ b/resources/js/Components/Modal.vue
@@ -92,7 +92,7 @@ const maxWidthClass = computed(() => {
                 leave-from-class="opacity-100 translate-y-0 sm:scale-100"
                 leave-to-class="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
             >
-                <div v-show="show" class="mb-6 bg-white rounded-lg overflow-hidden shadow-xl transform transition-all sm:w-full sm:mx-auto" :class="maxWidthClass">
+                <div v-show="show" class="mb-6 bg-white rounded-lg overflow-visible shadow-xl transform transition-all sm:w-full sm:mx-auto" :class="maxWidthClass">
                     <slot v-if="showSlot"/>
                 </div>
             </transition>
diff --git a/resources/js/Components/PersonInfoGrid.vue b/resources/js/Components/PersonInfoGrid.vue
index 6b4da0b..8f44857 100644
--- a/resources/js/Components/PersonInfoGrid.vue
+++ b/resources/js/Components/PersonInfoGrid.vue
@@ -1,12 +1,18 @@
 <script setup>
 import { FwbBadge } from 'flowbite-vue';
-import { EditIcon, PlusIcon, UserEditIcon } from '@/Utilities/Icons';
+import { EditIcon, PlusIcon, UserEditIcon, TrashBinIcon } from '@/Utilities/Icons';
 import CusTab from './CusTab.vue';
 import CusTabs from './CusTabs.vue';
 import { provide, ref, watch } from 'vue';
+import axios from 'axios';
 import PersonUpdateForm from './PersonUpdateForm.vue';
 import AddressCreateForm from './AddressCreateForm.vue';
 import PhoneCreateForm from './PhoneCreateForm.vue';
+import EmailCreateForm from './EmailCreateForm.vue';
+import EmailUpdateForm from './EmailUpdateForm.vue';
+import TrrCreateForm from './TrrCreateForm.vue';
+import TrrUpdateForm from './TrrUpdateForm.vue';
+import ConfirmDialog from './ConfirmDialog.vue';
 
 
 const props = defineProps({
@@ -32,12 +38,38 @@ const props = defineProps({
 const drawerUpdatePerson = ref(false);
 const drawerAddAddress = ref(false);
 const drawerAddPhone = ref(false);
+const drawerAddEmail = ref(false);
+const drawerAddTrr = ref(false);
 
 const editAddress = ref(false);
 const editAddressId = ref(0);
 
 const editPhone = ref(false);
 const editPhoneId = ref(0);
+const editEmail = ref(false);
+const editEmailId = ref(0);
+const editTrr = ref(false);
+const editTrrId = ref(0);
+
+// Confirm dialog state
+const confirm = ref({
+    show: false,
+    title: 'Potrditev brisanja',
+    message: '',
+    type: '', // 'email' | 'trr' | 'address' | 'phone'
+    id: 0,
+});
+
+const openConfirm = (type, id, label = '') => {
+    confirm.value = {
+        show: true,
+        title: 'Potrditev brisanja',
+        message: label ? `Ali res želite izbrisati “${label}”?` : 'Ali res želite izbrisati izbran element?',
+        type,
+        id,
+    };
+}
+const closeConfirm = () => { confirm.value.show = false; };
 
 const getMainAddress = (adresses) => {
     const addr = adresses.filter( a => a.type.id === 1 )[0] ?? '';
@@ -77,6 +109,70 @@ const operDrawerAddPhone = (edit = false, id = 0) => {
     editPhoneId.value = id;
 }
 
+const openDrawerAddEmail = (edit = false, id = 0) => {
+    drawerAddEmail.value = true;
+    editEmail.value = edit;
+    editEmailId.value = id;
+}
+
+const openDrawerAddTrr = (edit = false, id = 0) => {
+    drawerAddTrr.value = true;
+    editTrr.value = edit;
+    editTrrId.value = id;
+}
+
+// Delete handlers (expects routes: person.email.delete, person.trr.delete)
+const deleteEmail = async (emailId, label = '') => {
+    if (!emailId) return;
+    openConfirm('email', emailId, label || 'email');
+}
+
+const deleteTrr = async (trrId, label = '') => {
+    if (!trrId) return;
+    openConfirm('trr', trrId, label || 'TRR');
+}
+
+const onConfirmDelete = async () => {
+    const { type, id } = confirm.value;
+    try {
+        if (type === 'email') {
+            await axios.delete(route('person.email.delete', { person: props.person, email_id: id }));
+            const list = props.person.emails || [];
+            const idx = list.findIndex(e => e.id === id);
+            if (idx !== -1) list.splice(idx, 1);
+        } else if (type === 'trr') {
+            await axios.delete(route('person.trr.delete', { person: props.person, trr_id: id }));
+            let list = props.person.trrs || props.person.bank_accounts || props.person.accounts || props.person.bankAccounts || [];
+            const idx = list.findIndex(a => a.id === id);
+            if (idx !== -1) list.splice(idx, 1);
+        } else if (type === 'address') {
+            await axios.delete(route('person.address.delete', { person: props.person, address_id: id }));
+            const list = props.person.addresses || [];
+            const idx = list.findIndex(a => a.id === id);
+            if (idx !== -1) list.splice(idx, 1);
+        } else if (type === 'phone') {
+            await axios.delete(route('person.phone.delete', { person: props.person, phone_id: id }));
+            const list = props.person.phones || [];
+            const idx = list.findIndex(p => p.id === id);
+            if (idx !== -1) list.splice(idx, 1);
+        }
+        closeConfirm();
+    } catch (e) {
+        console.error('Delete failed', e?.response || e);
+        closeConfirm();
+    }
+}
+
+// Safe accessors for optional collections
+const getEmails = (p) => Array.isArray(p?.emails) ? p.emails : []
+const getTRRs = (p) => {
+    if (Array.isArray(p?.trrs)) return p.trrs
+    if (Array.isArray(p?.bank_accounts)) return p.bank_accounts
+    if (Array.isArray(p?.accounts)) return p.accounts
+    if (Array.isArray(p?.bankAccounts)) return p.bankAccounts
+    return []
+}
+
 </script>
 
 <template>
@@ -133,7 +229,10 @@ const operDrawerAddPhone = (edit = false, id = 0) => {
                             <FwbBadge type="yellow">{{ address.country }}</FwbBadge>
                             <FwbBadge>{{ address.type.name }}</FwbBadge>
                         </div>
-                        <button><EditIcon @click="openDrawerAddAddress(true, address.id)" size="md" css="text-gray-500 hover:text-gray-800" /></button>
+                        <div class="flex items-center gap-2">
+                            <button><EditIcon @click="openDrawerAddAddress(true, address.id)" size="md" css="text-gray-500 hover:text-gray-800" /></button>
+                            <button @click="openConfirm('address', address.id, address.address)"><TrashBinIcon size="md" css="text-red-600 hover:text-red-700" /></button>
+                        </div>
                     </div>
                     <p class="text-sm md:text-base leading-7 text-gray-900">{{ address.address }}</p>
                 </div>
@@ -152,12 +251,72 @@ const operDrawerAddPhone = (edit = false, id = 0) => {
                             <FwbBadge title type="yellow">+{{ phone.country_code }}</FwbBadge>
                             <FwbBadge>{{ phone.type.name }}</FwbBadge>
                         </div>
-                        <button><EditIcon @click="operDrawerAddPhone(true, phone.id)" size="md" css="text-gray-500 hover:text-gray-800" /></button>
+                        <div class="flex items-center gap-2">
+                            <button><EditIcon @click="operDrawerAddPhone(true, phone.id)" size="md" css="text-gray-500 hover:text-gray-800" /></button>
+                            <button @click="openConfirm('phone', phone.id, phone.nu)"><TrashBinIcon size="md" css="text-red-600 hover:text-red-700" /></button>
+                        </div>
                     </div>
                     <p class="text-sm md:text-base leading-7 text-gray-900">{{ phone.nu }}</p>
                 </div>
             </div>
         </CusTab>
+        <CusTab name="emails" title="Email">
+            <div class="flex justify-end mb-2">
+                <span class="border-b-2 border-gray-500 hover:border-gray-800">
+                    <button><PlusIcon @click="openDrawerAddEmail(false, 0)" size="lg" css="text-gray-500 hover:text-gray-800" /></button>
+                </span>
+            </div>
+            <div class="grid grid-rows-* grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-2 mt-1">
+                <template v-if="getEmails(person).length">
+                    <div class="rounded p-2 shadow" v-for="(email, idx) in getEmails(person)" :key="idx">
+                        <div class="text-sm leading-5 md:text-sm text-gray-500 flex justify-between">
+                            <div class="flex gap-2">
+                                <FwbBadge v-if="email?.label">{{ email.label }}</FwbBadge>
+                                <FwbBadge v-else type="indigo">Email</FwbBadge>
+                            </div>
+                            <div class="flex items-center gap-2">
+                                <button><EditIcon @click="openDrawerAddEmail(true, email.id)" size="md" css="text-gray-500 hover:text-gray-800" /></button>
+                                <button @click="deleteEmail(email.id, email?.value || email?.email || email?.address)"><TrashBinIcon size="md" css="text-red-600 hover:text-red-700" /></button>
+                            </div>
+                        </div>
+                        <p class="text-sm md:text-base leading-7 text-gray-900">
+                            {{ email?.value || email?.email || email?.address || '-' }}
+                        </p>
+                        <p v-if="email?.note" class="mt-1 text-xs text-gray-500 whitespace-pre-wrap">{{ email.note }}</p>
+                    </div>
+                </template>
+                <p v-else class="p-2 text-sm text-gray-500">Ni e-poštnih naslovov.</p>
+            </div>
+        </CusTab>
+        <CusTab name="trr" title="TRR">
+            <div class="flex justify-end mb-2">
+                <span class="border-b-2 border-gray-500 hover:border-gray-800">
+                    <button><PlusIcon @click="openDrawerAddTrr(false, 0)" size="lg" css="text-gray-500 hover:text-gray-800" /></button>
+                </span>
+            </div>
+            <div class="grid grid-rows-* grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-2 mt-1">
+                <template v-if="getTRRs(person).length">
+                    <div class="rounded p-2 shadow" v-for="(acc, idx) in getTRRs(person)" :key="idx">
+                        <div class="text-sm leading-5 md:text-sm text-gray-500 flex justify-between">
+                            <div class="flex gap-2">
+                                <FwbBadge v-if="acc?.bank_name">{{ acc.bank_name }}</FwbBadge>
+                                <FwbBadge v-if="acc?.holder_name" type="indigo">{{ acc.holder_name }}</FwbBadge>
+                                <FwbBadge v-if="acc?.currency" type="yellow">{{ acc.currency }}</FwbBadge>
+                            </div>
+                            <div class="flex items-center gap-2">
+                                <button><EditIcon @click="openDrawerAddTrr(true, acc.id)" size="md" css="text-gray-500 hover:text-gray-800" /></button>
+                                <button @click="deleteTrr(acc.id, acc?.iban || acc?.account_number)"><TrashBinIcon size="md" css="text-red-600 hover:text-red-700" /></button>
+                            </div>
+                        </div>
+                        <p class="text-sm md:text-base leading-7 text-gray-900">
+                            {{ acc?.iban || acc?.account_number || acc?.account || acc?.nu || acc?.number || '-' }}
+                        </p>
+                        <p v-if="acc?.notes" class="mt-1 text-xs text-gray-500 whitespace-pre-wrap">{{ acc.notes }}</p>
+                    </div>
+                </template>
+                <p v-else class="p-2 text-sm text-gray-500">Ni TRR računov.</p>
+            </div>
+        </CusTab>
         <CusTab name="other" title="Drugo"> 
             ssss4
         </CusTab>
@@ -185,5 +344,50 @@ const operDrawerAddPhone = (edit = false, id = 0) => {
         :id="editPhoneId"
         :edit="editPhone"
     />
+    <!-- Email dialogs -->
+    <EmailCreateForm
+        :show="drawerAddEmail && !editEmail"
+        @close="drawerAddEmail = false"
+        :person="person"
+        :types="types.email_types ?? []"
+    />
+    <EmailUpdateForm
+        :show="drawerAddEmail && editEmail"
+        @close="drawerAddEmail = false"
+        :person="person"
+        :types="types.email_types ?? []"
+        :id="editEmailId"
+    />
+
+    <!-- TRR dialogs -->
+    <TrrCreateForm
+        :show="drawerAddTrr && !editTrr"
+        @close="drawerAddTrr = false"
+        :person="person"
+        :types="types.trr_types ?? []"
+        :banks="types.banks ?? []"
+        :currencies="types.currencies ?? ['EUR']"
+    />
+    <TrrUpdateForm
+        :show="drawerAddTrr && editTrr"
+        @close="drawerAddTrr = false"
+        :person="person"
+        :types="types.trr_types ?? []"
+        :banks="types.banks ?? []"
+        :currencies="types.currencies ?? ['EUR']"
+        :id="editTrrId"
+    />
+    
+    <!-- Confirm deletion dialog -->
+    <ConfirmDialog
+        :show="confirm.show"
+        :title="confirm.title"
+        :message="confirm.message"
+        confirm-text="Izbriši"
+        cancel-text="Prekliči"
+        :danger="true"
+        @close="closeConfirm"
+        @confirm="onConfirmDelete"
+    />
     
 </template>
\ No newline at end of file
diff --git a/resources/js/Components/TrrCreateForm.vue b/resources/js/Components/TrrCreateForm.vue
new file mode 100644
index 0000000..8a89376
--- /dev/null
+++ b/resources/js/Components/TrrCreateForm.vue
@@ -0,0 +1,177 @@
+<script setup>
+import { ref, watch } from 'vue';
+import DialogModal from './DialogModal.vue';
+import InputLabel from './InputLabel.vue';
+import SectionTitle from './SectionTitle.vue';
+import TextInput from './TextInput.vue';
+import InputError from './InputError.vue';
+import PrimaryButton from './PrimaryButton.vue';
+import axios from 'axios';
+
+/*
+  TRR (bank account) create/update
+  Fields aligned to migration/model: iban, bank_name, bic_swift, account_number, routing_number, currency, country_code, holder_name, notes
+  Routes: person.trr.create / person.trr.update
+*/
+
+const props = defineProps({
+  show: { type: Boolean, default: false },
+  person: { type: Object, required: true },
+  currencies: { type: Array, default: () => ['EUR'] },
+  edit: { type: Boolean, default: false },
+  id: { type: Number, default: 0 },
+});
+
+const processing = ref(false);
+const errors = ref({});
+const emit = defineEmits(['close']);
+
+const close = () => { emit('close'); setTimeout(() => { errors.value = {}; }, 300); };
+
+const initialCurrency = () => (props.currencies && props.currencies.length ? props.currencies[0] : 'EUR');
+
+const form = ref({
+  iban: '',
+  bank_name: '',
+  bic_swift: '',
+  account_number: '',
+  routing_number: '',
+  currency: initialCurrency(),
+  country_code: '',
+  holder_name: '',
+  notes: ''
+});
+
+const resetForm = () => {
+  form.value = { iban: '', bank_name: '', bic_swift: '', account_number: '', routing_number: '', currency: initialCurrency(), country_code: '', holder_name: '', notes: '' };
+};
+
+const create = async () => {
+  processing.value = true; errors.value = {};
+  try {
+  const { data } = await axios.post(route('person.trr.create', props.person), form.value);
+  if (!Array.isArray(props.person.trrs)) props.person.trrs = (props.person.bank_accounts || props.person.accounts || props.person.bankAccounts || []);
+    (props.person.trrs).push(data.trr);
+    processing.value = false; close(); resetForm();
+  } catch (e) {
+    errors.value = e?.response?.data?.errors || {}; processing.value = false;
+  }
+};
+
+const update = async () => {
+  processing.value = true; errors.value = {};
+  try {
+    const { data } = await axios.put(route('person.trr.update', { person: props.person, trr_id: props.id }), form.value);
+  let list = props.person.trrs || props.person.bank_accounts || props.person.accounts || props.person.bankAccounts || [];
+    const idx = list.findIndex(a => a.id === data.trr.id);
+    if (idx !== -1) list[idx] = data.trr;
+    processing.value = false; close(); resetForm();
+  } catch (e) {
+    errors.value = e?.response?.data?.errors || {}; processing.value = false;
+  }
+};
+
+watch(
+  () => props.id,
+  (id) => {
+    if (props.edit && id) {
+      const list = props.person.trrs || props.person.bank_accounts || props.person.accounts || props.person.bankAccounts || [];
+      const current = list.find(a => a.id === id);
+      if (current) {
+        form.value = {
+          iban: current.iban || current.account_number || current.number || '',
+          bank_name: current.bank_name || '',
+          bic_swift: current.bic_swift || '',
+          account_number: current.account_number || '',
+          routing_number: current.routing_number || '',
+          currency: current.currency || initialCurrency(),
+          country_code: current.country_code || '',
+          holder_name: current.holder_name || '',
+          notes: current.notes || ''
+        };
+        return;
+      }
+    }
+    resetForm();
+  },
+  { immediate: true }
+);
+
+const submit = () => (props.edit ? update() : create());
+</script>
+
+<template>
+  <DialogModal :show="show" @close="close">
+    <template #title>
+      <span v-if="edit">Spremeni TRR</span>
+      <span v-else>Dodaj TRR</span>
+    </template>
+    <template #content>
+      <form @submit.prevent="submit">
+        <SectionTitle class="border-b mb-4">
+          <template #title>TRR</template>
+        </SectionTitle>
+
+        <div class="col-span-6 sm:col-span-4">
+          <InputLabel for="trr_iban" value="IBAN" />
+          <TextInput id="trr_iban" v-model="form.iban" type="text" class="mt-1 block w-full" autocomplete="off" />
+          <InputError v-if="errors.iban" v-for="err in errors.iban" :key="err" :message="err" />
+        </div>
+
+        <div class="col-span-6 sm:col-span-4">
+          <InputLabel for="trr_bank_name" value="Banka" />
+          <TextInput id="trr_bank_name" v-model="form.bank_name" type="text" class="mt-1 block w-full" autocomplete="organization" />
+          <InputError v-if="errors.bank_name" v-for="err in errors.bank_name" :key="err" :message="err" />
+        </div>
+
+        <div class="col-span-6 sm:col-span-4">
+          <InputLabel for="trr_bic" value="BIC / SWIFT" />
+          <TextInput id="trr_bic" v-model="form.bic_swift" type="text" class="mt-1 block w-full" autocomplete="off" />
+          <InputError v-if="errors.bic_swift" v-for="err in errors.bic_swift" :key="err" :message="err" />
+        </div>
+
+        <div class="col-span-6 sm:col-span-4">
+          <InputLabel for="trr_accnum" value="Številka računa" />
+          <TextInput id="trr_accnum" v-model="form.account_number" type="text" class="mt-1 block w-full" autocomplete="off" />
+          <InputError v-if="errors.account_number" v-for="err in errors.account_number" :key="err" :message="err" />
+        </div>
+
+        <div class="col-span-6 sm:col-span-4">
+          <InputLabel for="trr_route" value="Usmerjevalna številka (routing)" />
+          <TextInput id="trr_route" v-model="form.routing_number" type="text" class="mt-1 block w-full" autocomplete="off" />
+          <InputError v-if="errors.routing_number" v-for="err in errors.routing_number" :key="err" :message="err" />
+        </div>
+
+        <div class="col-span-6 sm:col-span-4" v-if="currencies && currencies.length">
+          <InputLabel for="trr_currency" value="Valuta" />
+          <select id="trr_currency" v-model="form.currency" class="block w-full border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm">
+            <option v-for="c in currencies" :key="c">{{ c }}</option>
+          </select>
+          <InputError v-if="errors.currency" v-for="err in errors.currency" :key="err" :message="err" />
+        </div>
+
+        <div class="col-span-6 sm:col-span-4">
+          <InputLabel for="trr_cc" value="Koda države (2-znaki, npr. SI)" />
+          <TextInput id="trr_cc" v-model="form.country_code" type="text" class="mt-1 block w-full" autocomplete="country" />
+          <InputError v-if="errors.country_code" v-for="err in errors.country_code" :key="err" :message="err" />
+        </div>
+
+        <div class="col-span-6 sm:col-span-4">
+          <InputLabel for="trr_holder" value="Imetnik računa" />
+          <TextInput id="trr_holder" v-model="form.holder_name" type="text" class="mt-1 block w-full" autocomplete="name" />
+          <InputError v-if="errors.holder_name" v-for="err in errors.holder_name" :key="err" :message="err" />
+        </div>
+
+        <div class="col-span-6 sm:col-span-4">
+          <InputLabel for="trr_notes" value="Opombe" />
+          <TextInput id="trr_notes" v-model="form.notes" type="text" class="mt-1 block w-full" autocomplete="off" />
+          <InputError v-if="errors.notes" v-for="err in errors.notes" :key="err" :message="err" />
+        </div>
+
+        <div class="flex justify-end mt-4">
+          <PrimaryButton :class="{ 'opacity-25': processing }" :disabled="processing">Shrani</PrimaryButton>
+        </div>
+      </form>
+    </template>
+  </DialogModal>
+</template>
diff --git a/resources/js/Components/TrrUpdateForm.vue b/resources/js/Components/TrrUpdateForm.vue
new file mode 100644
index 0000000..1fe43cf
--- /dev/null
+++ b/resources/js/Components/TrrUpdateForm.vue
@@ -0,0 +1,17 @@
+<script setup>
+// Thin wrapper to reuse TrrCreateForm with edit=true
+import TrrCreateForm from './TrrCreateForm.vue';
+
+const props = defineProps({
+  show: { type: Boolean, default: false },
+  person: { type: Object, required: true },
+  types: { type: Array, default: () => [] },
+  banks: { type: Array, default: () => [] },
+  currencies: { type: Array, default: () => ['EUR'] },
+  id: { type: Number, default: 0 },
+});
+</script>
+
+<template>
+  <TrrCreateForm :show="show" :person="person" :types="types" :banks="banks" :currencies="currencies" :edit="true" :id="id" @close="$emit('close')" />
+</template>
diff --git a/resources/js/Layouts/AppLayout.vue b/resources/js/Layouts/AppLayout.vue
index d231212..daf6fea 100644
--- a/resources/js/Layouts/AppLayout.vue
+++ b/resources/js/Layouts/AppLayout.vue
@@ -122,8 +122,10 @@ watch(
             <aside :class="[
                     sidebarCollapsed ? 'w-16' : 'w-64',
                     'bg-white border-r border-gray-200 transition-all duration-200 z-50',
-                    // Off-canvas behavior on mobile
-                    isMobile ? 'fixed inset-y-0 left-0 transform ' + (mobileSidebarOpen ? 'translate-x-0' : '-translate-x-full') : 'relative translate-x-0'
+                    // Off-canvas behavior on mobile; sticky fixed-like sidebar on desktop
+                    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('dashboard')" class="flex items-center gap-2">
@@ -197,7 +199,7 @@ watch(
             <!-- 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">
+                <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
diff --git a/resources/js/Pages/Cases/Partials/ActivityDrawer.vue b/resources/js/Pages/Cases/Partials/ActivityDrawer.vue
index 1ced6c2..99aaa4e 100644
--- a/resources/js/Pages/Cases/Partials/ActivityDrawer.vue
+++ b/resources/js/Pages/Cases/Partials/ActivityDrawer.vue
@@ -3,6 +3,7 @@ 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';
@@ -18,7 +19,9 @@ const props = defineProps({
         default: false
     },
     client_case: Object,
-    actions: Array
+    actions: Array,
+    // optionally pre-select a contract to attach the activity to
+    contractUuid: { type: String, default: null },
 });
 
 const decisions = ref(props.actions[0].decisions);
@@ -36,7 +39,8 @@ const form = useForm({
     amount: null,
     note: '',
     action_id: props.actions[0].id,
-    decision_id: props.actions[0].decisions[0].id
+    decision_id: props.actions[0].decisions[0].id,
+    contract_uuid: props.contractUuid,
 });
 
 watch(
@@ -52,14 +56,20 @@ watch(
     (due_date) => {
         if (due_date) {
             let date = new Date(form.due_date).toISOString().split('T')[0];
-            console.table({old: due_date, new: date});
+            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; }
+);
+
 const store = () => {
-    console.table({ 
+    console.table({
         due_date: form.due_date,
         action_id: form.action_id,
         decision_id: form.decision_id,
@@ -68,10 +78,10 @@ const store = () => {
     });
     form.post(route('clientCase.activity.store', props.client_case), {
         onBefore: () => {
-            if(form.due_date) {
+            if (form.due_date) {
                 form.due_date = new Date(form.due_date).toISOString().split('T')[0];
             }
-        }, 
+        },
         onSuccess: () => {
             close();
             form.reset();
@@ -87,75 +97,46 @@ const store = () => {
 
 </script>
 <template>
-    <DialogModal
-        :show="show"
-        @close="close"
-    >
+    <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 
+                    <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"
-                    >
+                        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 
+                    <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"
-                    >
+                        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"
-                    />
+                    <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="activityDueDate" value="Datum zapadlosti"/>
-                    <vue-date-picker 
-                        id="activityDueDate" 
-                        :enable-time-picker="false" 
-                        format="dd.MM.yyyy" 
-                        class="mt-1 block w-full" 
-                        v-model="form.due_date" 
-                    />
-                </div>
-                <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"
-                    />
+                    <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"
-                    >
+                    <BasicButton :class="{ 'opacity-25': form.processing }" :disabled="form.processing">
                         Shrani
                     </BasicButton>
                 </div>
diff --git a/resources/js/Pages/Cases/Partials/ActivityTable.vue b/resources/js/Pages/Cases/Partials/ActivityTable.vue
index be51a68..6897e36 100644
--- a/resources/js/Pages/Cases/Partials/ActivityTable.vue
+++ b/resources/js/Pages/Cases/Partials/ActivityTable.vue
@@ -10,6 +10,7 @@ const props = defineProps({
 
 
 let header = [
+    C_TD.make('Pogodba', 'header'),
     C_TD.make('Datum', 'header'),
     C_TD.make('Akcija', 'header'),
     C_TD.make('Odločitev', 'header'),
@@ -26,6 +27,7 @@ const createBody = (data) => {
         const dueDate = (p.due_date) ? new Date().toLocaleDateString('de') : null;
 
         const cols = [
+            C_TD.make(p.contract?.reference ?? ''),
             C_TD.make(createdDate, 'body' ),
             C_TD.make(p.action.name, 'body'),
             C_TD.make(p.decision.name, 'body'),
diff --git a/resources/js/Pages/Cases/Partials/CaseObjectCreateDialog.vue b/resources/js/Pages/Cases/Partials/CaseObjectCreateDialog.vue
new file mode 100644
index 0000000..6b6c9d4
--- /dev/null
+++ b/resources/js/Pages/Cases/Partials/CaseObjectCreateDialog.vue
@@ -0,0 +1,65 @@
+<script setup>
+import DialogModal from '@/Components/DialogModal.vue'
+import InputLabel from '@/Components/InputLabel.vue'
+import TextInput from '@/Components/TextInput.vue'
+import PrimaryButton from '@/Components/PrimaryButton.vue'
+import SectionTitle from '@/Components/SectionTitle.vue'
+import { useForm } from '@inertiajs/vue3'
+
+const props = defineProps({
+  show: { type: Boolean, default: false },
+  client_case: { type: Object, required: true },
+  contract: { type: Object, required: true },
+})
+
+const emit = defineEmits(['close', 'created'])
+const close = () => emit('close')
+
+const form = useForm({
+  reference: '',
+  name: '',
+  description: '',
+  type: '',
+})
+
+const submit = () => {
+  form.post(route('clientCase.contract.object.store', { client_case: props.client_case.uuid, uuid: props.contract.uuid }), {
+    preserveScroll: true,
+    onSuccess: () => { emit('created'); form.reset(); close() },
+  })
+}
+</script>
+
+<template>
+  <DialogModal :show="show" @close="close">
+    <template #title>Dodaj premet</template>
+    <template #content>
+      <form @submit.prevent="submit">
+        <SectionTitle class="mt-2 border-b mb-4">
+          <template #title>Premet</template>
+        </SectionTitle>
+        <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
+          <div>
+            <InputLabel for="objRef" value="Referenca" />
+            <TextInput id="objRef" v-model="form.reference" type="text" class="mt-1 block w-full" />
+          </div>
+          <div>
+            <InputLabel for="objType" value="Tip" />
+            <TextInput id="objType" v-model="form.type" type="text" class="mt-1 block w-full" />
+          </div>
+        </div>
+        <div class="mt-4">
+          <InputLabel for="objName" value="Naziv" />
+          <TextInput id="objName" v-model="form.name" type="text" class="mt-1 block w-full" required />
+        </div>
+        <div class="mt-4">
+          <InputLabel for="objDesc" value="Opis" />
+          <textarea id="objDesc" v-model="form.description" class="mt-1 block w-full border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm" rows="3" />
+        </div>
+        <div class="flex justify-end mt-6">
+          <PrimaryButton :class="{ 'opacity-25': form.processing }" :disabled="form.processing">Shrani</PrimaryButton>
+        </div>
+      </form>
+    </template>
+  </DialogModal>
+</template>
diff --git a/resources/js/Pages/Cases/Partials/CaseObjectsDialog.vue b/resources/js/Pages/Cases/Partials/CaseObjectsDialog.vue
new file mode 100644
index 0000000..dcb491a
--- /dev/null
+++ b/resources/js/Pages/Cases/Partials/CaseObjectsDialog.vue
@@ -0,0 +1,52 @@
+<script setup>
+import DialogModal from '@/Components/DialogModal.vue'
+
+const props = defineProps({
+  show: { type: Boolean, default: false },
+  client_case: { type: Object, required: true },
+  contract: { type: Object, default: null },
+})
+
+const emit = defineEmits(['close'])
+const close = () => emit('close')
+
+const items = () => Array.isArray(props.contract?.objects) ? props.contract.objects : []
+</script>
+
+<template>
+  <DialogModal :show="show" @close="close">
+    <template #title>
+      Premeti
+      <span v-if="contract" class="ml-2 text-sm text-gray-500">(Pogodba: {{ contract.reference }})</span>
+    </template>
+    <template #content>
+      <div class="mt-1 max-h-[60vh] overflow-y-auto">
+        <div v-if="items().length > 0" class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
+          <div v-for="o in items()" :key="o.id" class="rounded-lg border border-gray-200 bg-white shadow-sm">
+            <div class="p-4">
+              <div class="flex items-start justify-between">
+                <div>
+                  <div class="text-xs uppercase text-gray-500">Ref.</div>
+                  <div class="font-semibold text-gray-900">{{ o.reference || '-' }}</div>
+                </div>
+                <span class="ml-3 inline-flex items-center rounded-full bg-gray-100 px-2 py-0.5 text-xs text-gray-700">{{ o.type || '—' }}</span>
+              </div>
+              <div class="mt-3">
+                <div class="text-xs uppercase text-gray-500">Naziv</div>
+                <div class="text-gray-900">{{ o.name || '-' }}</div>
+              </div>
+              <div class="mt-3">
+                <div class="text-xs uppercase text-gray-500">Opis</div>
+                <div class="text-gray-700 whitespace-pre-wrap">{{ o.description || '' }}</div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div v-else class="text-center text-gray-500 py-3">Ni predmetov.</div>
+      </div>
+      <div class="mt-4 flex justify-end">
+        <button type="button" class="px-4 py-2 rounded-md border border-gray-300 text-gray-700 hover:bg-gray-50" @click="close">Zapri</button>
+      </div>
+    </template>
+  </DialogModal>
+</template>
diff --git a/resources/js/Pages/Cases/Partials/ContractDrawer.vue b/resources/js/Pages/Cases/Partials/ContractDrawer.vue
index 23c7a73..563ae7e 100644
--- a/resources/js/Pages/Cases/Partials/ContractDrawer.vue
+++ b/resources/js/Pages/Cases/Partials/ContractDrawer.vue
@@ -5,15 +5,16 @@ import InputLabel from '@/Components/InputLabel.vue';
 import PrimaryButton from '@/Components/PrimaryButton.vue';
 import SectionTitle from '@/Components/SectionTitle.vue';
 import TextInput from '@/Components/TextInput.vue';
+import DatePickerField from '@/Components/DatePickerField.vue';
 import { useForm } from '@inertiajs/vue3';
+import { watch } from 'vue';
 
 const props = defineProps({
     client_case: Object,
-    show: {
-        type: Boolean,
-        default: false
-    },
-    types: Array
+    show: { type: Boolean, default: false },
+    types: Array,
+    // Optional: when provided, drawer acts as edit mode
+    contract: { type: Object, default: null },
 });
 
 console.log(props.types);
@@ -24,25 +25,59 @@ const close = () => {
     emit('close');
 }
 
-//store contract
+// form state for create or edit
 const formContract = useForm({
     client_case_uuid: props.client_case.uuid,
-    reference: '',
-    start_date: new Date().toISOString(),
-    type_id: props.types[0].id
+    uuid: props.contract?.uuid ?? null,
+    reference: props.contract?.reference ?? '',
+    start_date: props.contract?.start_date ?? new Date().toISOString(),
+        type_id: (props.contract?.type_id ?? props.contract?.type?.id) ?? props.types[0].id,
+    description: props.contract?.description ?? '',
+    // nested account fields, if exists
+    initial_amount: props.contract?.account?.initial_amount ?? null,
+    balance_amount: props.contract?.account?.balance_amount ?? null,
 });
 
-const storeContract = () => {
-    formContract.post(route('clientCase.contract.store', props.client_case), {
+// keep form in sync when switching between create and edit
+const applyContract = (c) => {
+    formContract.uuid = c?.uuid ?? null
+    formContract.reference = c?.reference ?? ''
+    formContract.start_date = c?.start_date ?? new Date().toISOString()
+    formContract.type_id = (c?.type_id ?? c?.type?.id) ?? props.types[0].id
+    formContract.description = c?.description ?? ''
+    formContract.initial_amount = c?.account?.initial_amount ?? null
+    formContract.balance_amount = c?.account?.balance_amount ?? null
+}
+
+watch(() => props.contract, (c) => {
+    applyContract(c)
+})
+
+watch(() => props.show, (open) => {
+    if (open && !props.contract) {
+        // reset for create
+        applyContract(null)
+    }
+})
+
+const storeOrUpdate = () => {
+    const isEdit = !!formContract.uuid
+    const options = {
         onBefore: () => {
-            formContract.start_date = formContract.start_date;
+            formContract.start_date = formContract.start_date
         },
         onSuccess: () => {
-            close();
-            formContract.reset();
+            close()
+            // keep state clean; reset to initial
+            if (!isEdit) formContract.reset()
         },
-        preserveScroll: true
-    });
+        preserveScroll: true,
+    }
+    if (isEdit) {
+        formContract.put(route('clientCase.contract.update', { client_case: props.client_case.uuid, uuid: formContract.uuid }), options)
+    } else {
+        formContract.post(route('clientCase.contract.store', props.client_case), options)
+    }
 }
 
 </script>
@@ -52,9 +87,9 @@ const storeContract = () => {
         :show="show"
         @close="close"
     >
-        <template #title>Dodaj pogodbo</template>
+        <template #title>{{ formContract.uuid ? 'Uredi pogodbo' : 'Dodaj pogodbo' }}</template>
         <template #content>
-            <form @submit.prevent="storeContract">
+            <form @submit.prevent="storeOrUpdate">
                 <SectionTitle class="mt-4 border-b mb-4">
                     <template #title>
                         Pogodba
@@ -71,10 +106,13 @@ const storeContract = () => {
                         autocomplete="contract-reference"
                     />
                 </div>
-                <div class="col-span-6 sm:col-span-4">
-                    <InputLabel for="contractStartDate" value="Datum pričetka"/>
-                    <vue-date-picker id="contractStartDate" :enable-time-picker="false" format="dd.MM.yyyy" class="mt-1 block w-full" v-model="formContract.start_date"></vue-date-picker>
-                </div>
+                <DatePickerField
+                    id="contractStartDate"
+                    label="Datum pričetka"
+                    v-model="formContract.start_date"
+                    format="dd.MM.yyyy"
+                    :enable-time-picker="false"
+                />
                 <div class="col-span-6 sm:col-span-4">
                     <InputLabel for="contractTypeSelect" value="Tip"/>
                     <select 
@@ -86,13 +124,51 @@ const storeContract = () => {
                     <!-- ... -->
                     </select>
                 </div>
+                <div class="col-span-6 sm:col-span-4 mt-4">
+                    <InputLabel for="contractDescription" value="Opis"/>
+                    <textarea
+                        id="contractDescription"
+                        v-model="formContract.description"
+                        class="mt-1 block w-full border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm"
+                        rows="3"
+                    />
+                </div>
+                <SectionTitle class="mt-6 border-b mb-4">
+                    <template #title>
+                        Račun
+                    </template>
+                </SectionTitle>
+                <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
+                    <div>
+                        <InputLabel for="initialAmount" value="Predani znesek"/>
+                        <TextInput
+                            id="initialAmount"
+                            v-model.number="formContract.initial_amount"
+                            type="number"
+                            step="0.01"
+                            class="mt-1 block w-full"
+                            autocomplete="off"
+                        />
+                    </div>
+                    <div>
+                        <InputLabel for="balanceAmount" value="Odprti znesek"/>
+                        <TextInput
+                            id="balanceAmount"
+                            v-model.number="formContract.balance_amount"
+                            type="number"
+                            step="0.01"
+                            class="mt-1 block w-full"
+                            autocomplete="off"
+                        />
+                    </div>
+                </div>
                 <div class="flex justify-end mt-4">
                     <ActionMessage :on="formContract.recentlySuccessful" class="me-3">
                         Shranjuje.
                     </ActionMessage>
 
                     <PrimaryButton :class="{ 'opacity-25': formContract.processing }" :disabled="formContract.processing">
-                        Shrani
+                        {{ formContract.uuid ? 'Posodobi' : 'Shrani' }}
                     </PrimaryButton>
                 </div>
             </form>
diff --git a/resources/js/Pages/Cases/Partials/ContractTable.vue b/resources/js/Pages/Cases/Partials/ContractTable.vue
index 0857892..0f386a5 100644
--- a/resources/js/Pages/Cases/Partials/ContractTable.vue
+++ b/resources/js/Pages/Cases/Partials/ContractTable.vue
@@ -1,87 +1,164 @@
 <script setup>
-import BasicTable from '@/Components/BasicTable.vue';
-import { LinkOptions as C_LINK, TableColumn as C_TD, TableRow as C_TR} from '@/Shared/AppObjects';
-
+import { FwbTable, FwbTableHead, FwbTableHeadCell, FwbTableBody, FwbTableRow, FwbTableCell } from 'flowbite-vue'
+import Dropdown from '@/Components/Dropdown.vue'
+import CaseObjectCreateDialog from './CaseObjectCreateDialog.vue'
+import CaseObjectsDialog from './CaseObjectsDialog.vue'
+import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
+import { faCircleInfo, faEllipsisVertical, faPenToSquare, faTrash, faListCheck, faPlus } from '@fortawesome/free-solid-svg-icons'
 
 const props = defineProps({
     client_case: Object,
     contract_types: Array,
-    contracts: Array
-});
+    contracts: { type: Array, default: () => [] },
+})
 
-//Contract table
-let tableContractHeader = [
-    C_TD.make('Ref.', 'header'),
-    C_TD.make('Datum začetka', 'header'),
-    C_TD.make('Tip', 'header')
-];
+const emit = defineEmits(['edit', 'delete', 'add-activity'])
 
-const tableOptions = {
-    editor_data: {
-        form: {
-            route: {name: 'clientCase.contract.update', params: {uuid: props.client_case.uuid}},
-            route_remove: {name: 'clientCase.contract.delete', params: {uuid: props.client_case.uuid}},
-            values: {
-                uuid: null,
-                reference: '',
-                type_id: 1
-            },
-            key: 'uuid',
-            index: {uuid: null},
-            el: [
-                {
-                    id: 'contractRefU',
-                    ref: 'contractRefUInput',
-                    bind: 'reference',
-                    type: 'text',
-                    label: 'Referenca',
-                    autocomplete: 'contract-reference'
-                },
-                {
-                    id: 'contractTypeU',
-                    ref: 'contractTypeSelectU',
-                    bind: 'type_id',
-                    type: 'select',
-                    label: 'Tip',
-                    selectOptions: props.contract_types.map(item => new Object({val: item.id, desc: item.name}))
-                }
-            ]
-        },
-        title: 'contract'
-    }
+const formatDate = (d) => {
+    if (!d) return '-'
+    const dt = new Date(d)
+    return isNaN(dt.getTime()) ? '-' : dt.toLocaleDateString('de')
 }
 
-const createContractTableBody = (data) => {
-    let tableContractBody = [];
-
-    data.forEach((p) => {
-        let startDate = new Date(p.start_date).toLocaleDateString('de');
-        const cols = [
-            C_TD.make(p.reference, 'body' ),
-            C_TD.make(startDate, 'body' ),
-            C_TD.make(p.type.name, 'body' ),
-        ];
-
-        tableContractBody.push(
-            C_TR.make(
-                cols, 
-                {
-                    class: '',
-                    title: p.reference, 
-                    edit: true,
-                    ref: {key: 'uuid', val: p.uuid},   
-                    editable: {
-                        reference: p.reference,
-                        type_id: p.type.id
-                    }              
-                }
-            )
-        )
-    });
-
-    return tableContractBody;
+const hasDesc = (c) => {
+    const d = c?.description
+    return typeof d === 'string' && d.trim().length > 0
 }
+
+const onEdit = (c) => emit('edit', c)
+const onDelete = (c) => emit('delete', c)
+const onAddActivity = (c) => emit('add-activity', c)
+
+// CaseObject dialog state
+import { ref } from 'vue'
+const showObjectDialog = ref(false)
+const showObjectsList = ref(false)
+const selectedContract = ref(null)
+const openObjectDialog = (c) => { selectedContract.value = c; showObjectDialog.value = true }
+const closeObjectDialog = () => { showObjectDialog.value = false; selectedContract.value = null }
+const openObjectsList = (c) => { selectedContract.value = c; showObjectsList.value = true }
+const closeObjectsList = () => { showObjectsList.value = false; selectedContract.value = null }
 </script>
+
 <template>
-    <BasicTable :options="tableOptions" :header="tableContractHeader" :editor="true" :body="createContractTableBody(contracts)" />
+    <div class="relative overflow-x-auto rounded-lg border border-gray-200 bg-white shadow-sm">
+        <FwbTable hoverable striped class="text-sm">
+                    <FwbTableHead class="sticky top-0 z-10 bg-gray-50/90 backdrop-blur border-b border-gray-200 shadow-sm">
+                <FwbTableHeadCell class="uppercase text-xs font-semibold tracking-wide text-gray-700 py-3">Ref.</FwbTableHeadCell>
+                <FwbTableHeadCell class="uppercase text-xs font-semibold tracking-wide text-gray-700 py-3">Datum začetka</FwbTableHeadCell>
+                <FwbTableHeadCell class="uppercase text-xs font-semibold tracking-wide text-gray-700 py-3">Tip</FwbTableHeadCell>
+                        <FwbTableHeadCell class="uppercase text-xs font-semibold tracking-wide text-gray-700 py-3 text-right">Predano</FwbTableHeadCell>
+                        <FwbTableHeadCell class="uppercase text-xs font-semibold tracking-wide text-gray-700 py-3 text-right">Odprto</FwbTableHeadCell>
+                <FwbTableHeadCell class="uppercase text-xs font-semibold tracking-wide text-gray-700 py-3 text-center">Opis</FwbTableHeadCell>
+                <FwbTableHeadCell class="w-px" />
+            </FwbTableHead>
+            <FwbTableBody>
+                <template v-for="(c, i) in contracts" :key="c.uuid || i">
+                    <FwbTableRow>
+                        <FwbTableCell>{{ c.reference }}</FwbTableCell>
+                        <FwbTableCell>{{ formatDate(c.start_date) }}</FwbTableCell>
+                        <FwbTableCell>{{ c?.type?.name }}</FwbTableCell>
+                        <FwbTableCell class="text-right">{{ Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' }).format(c?.account?.initial_amount ?? 0) }}</FwbTableCell>
+                        <FwbTableCell class="text-right">{{ Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' }).format(c?.account?.balance_amount ?? 0) }}</FwbTableCell>
+                        <FwbTableCell class="text-center">
+                            <Dropdown v-if="hasDesc(c)" width="64" align="left">
+                                <template #trigger>
+                                    <button
+                                        type="button"
+                                        class="inline-flex items-center justify-center h-8 w-8 rounded-full hover:bg-gray-100 focus:outline-none"
+                                        :title="'Pokaži opis'"
+                                    >
+                                        <FontAwesomeIcon :icon="faCircleInfo" class="h-4 w-4 text-gray-700" />
+                                    </button>
+                                </template>
+                                <template #content>
+                                    <div class="max-w-sm px-3 py-2 text-sm text-gray-700 whitespace-pre-wrap">
+                                        {{ c.description }}
+                                    </div>
+                                </template>
+                            </Dropdown>
+                            <button
+                                v-else
+                                type="button"
+                                disabled
+                                class="inline-flex items-center justify-center h-8 w-8 rounded-full text-gray-400 cursor-not-allowed"
+                                :title="'Ni opisa'"
+                            >
+                                <FontAwesomeIcon :icon="faCircleInfo" class="h-4 w-4" />
+                            </button>
+                        </FwbTableCell>
+                        <FwbTableCell class="text-right whitespace-nowrap">
+                            <Dropdown align="right" width="56">
+                                <template #trigger>
+                                    <button
+                                        type="button"
+                                        class="inline-flex items-center justify-center h-8 w-8 rounded-full hover:bg-gray-100 focus:outline-none"
+                                        :title="'Actions'"
+                                    >
+                                        <FontAwesomeIcon :icon="faEllipsisVertical" class="h-4 w-4 text-gray-700" />
+                                    </button>
+                                </template>
+                                <template #content>
+                                    <button
+                                        type="button"
+                                        class="w-full px-3 py-2 text-left text-sm text-gray-700 hover:bg-gray-50 flex items-center gap-2"
+                                        @click="onEdit(c)"
+                                    >
+                                        <FontAwesomeIcon :icon="faPenToSquare" class="h-4 w-4 text-gray-600" />
+                                        <span>Edit</span>
+                                    </button>
+                                    <button
+                                        type="button"
+                                        class="w-full px-3 py-2 text-left text-sm text-gray-700 hover:bg-gray-50 flex items-center gap-2"
+                                        @click="openObjectsList(c)"
+                                    >
+                                        <FontAwesomeIcon :icon="faCircleInfo" class="h-4 w-4 text-gray-600" />
+                                        <span>Predmeti</span>
+                                    </button>
+                                                    <button
+                                                        type="button"
+                                                        class="w-full px-3 py-2 text-left text-sm text-gray-700 hover:bg-gray-50 flex items-center gap-2"
+                                                        @click="openObjectDialog(c)"
+                                                    >
+                                                        <FontAwesomeIcon :icon="faPlus" class="h-4 w-4 text-gray-600" />
+                                                        <span>Premet</span>
+                                                    </button>
+                                    <button
+                                        type="button"
+                                        class="w-full px-3 py-2 text-left text-sm text-red-700 hover:bg-red-50 flex items-center gap-2"
+                                        @click="onDelete(c)"
+                                    >
+                                        <FontAwesomeIcon :icon="faTrash" class="h-4 w-4 text-red-600" />
+                                        <span>Briši</span>
+                                    </button>
+                                    <div class="my-1 border-t border-gray-100" />
+                                    <button
+                                        type="button"
+                                        class="w-full px-3 py-2 text-left text-sm text-gray-700 hover:bg-gray-50 flex items-center gap-2"
+                                        @click="onAddActivity(c)"
+                                    >
+                                        <FontAwesomeIcon :icon="faListCheck" class="h-4 w-4 text-gray-600" />
+                                        <span>Aktivnost</span>
+                                    </button>
+                                </template>
+                            </Dropdown>
+                        </FwbTableCell>
+                    </FwbTableRow>
+                </template>
+            </FwbTableBody>
+        </FwbTable>
+        <div v-if="!contracts || contracts.length === 0" class="p-6 text-center text-sm text-gray-500">No contracts.</div>
+    </div>
+        <CaseObjectCreateDialog
+            :show="showObjectDialog"
+            @close="closeObjectDialog"
+            :client_case="client_case"
+            :contract="selectedContract"
+        />
+        <CaseObjectsDialog
+            :show="showObjectsList"
+            @close="closeObjectsList"
+            :client_case="client_case"
+            :contract="selectedContract"
+        />
 </template>
\ No newline at end of file
diff --git a/resources/js/Pages/Cases/Show.vue b/resources/js/Pages/Cases/Show.vue
index 894e74e..74dfca8 100644
--- a/resources/js/Pages/Cases/Show.vue
+++ b/resources/js/Pages/Cases/Show.vue
@@ -15,6 +15,7 @@ import { classifyDocument } from "@/Services/documents";
 import { router } from '@inertiajs/vue3';
 import { AngleDownIcon, AngleUpIcon } from "@/Utilities/Icons";
 import Pagination from "@/Components/Pagination.vue";
+import ConfirmDialog from "@/Components/ConfirmDialog.vue";
 
 const props = defineProps({
   client: Object,
@@ -49,22 +50,42 @@ const openViewer = (doc) => {
 };
 const closeViewer = () => { viewer.value.open = false; viewer.value.src = ''; };
 
-const clientDetails = ref(true);
+const clientDetails = ref(false);
 
-//Drawer add new contract
+// Contract drawer (create/edit)
 const drawerCreateContract = ref(false);
-
+const contractEditing = ref(null);
 const openDrawerCreateContract = () => {
+  contractEditing.value = null;
+  drawerCreateContract.value = true;
+};
+const openDrawerEditContract = (c) => {
+  contractEditing.value = c;
   drawerCreateContract.value = true;
 };
 
 //Drawer add new activity
 const drawerAddActivity = ref(false);
+const activityContractUuid = ref(null);
 
-const openDrawerAddActivity = () => {
+const openDrawerAddActivity = (c = null) => {
+  activityContractUuid.value = c?.uuid ?? null;
   drawerAddActivity.value = true;
 };
 
+// delete confirmation
+const confirmDelete = ref({ show: false, contract: null })
+const requestDeleteContract = (c) => { confirmDelete.value = { show: true, contract: c } }
+const closeConfirmDelete = () => { confirmDelete.value.show = false; confirmDelete.value.contract = null }
+const doDeleteContract = () => {
+  const c = confirmDelete.value.contract
+  if (!c) return closeConfirmDelete()
+  router.delete(route('clientCase.contract.delete', { client_case: props.client_case.uuid, uuid: c.uuid }), {
+    preserveScroll: true,
+    onFinish: () => closeConfirmDelete(),
+  })
+}
+
 //Close drawer (all)
 const closeDrawer = () => {
   drawerCreateContract.value = false;
@@ -154,34 +175,15 @@ const hideClietnDetails = () => {
               :client_case="client_case"
               :contracts="contracts"
               :contract_types="contract_types"
+              @edit="openDrawerEditContract"
+              @delete="requestDeleteContract"
+              @add-activity="openDrawerAddActivity"
             />
           </div>
         </div>
       </div>
     </div>
-    <!-- Documents section -->
-    <div class="pt-12">
-      <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
-        <div class="bg-white overflow-hidden shadow-xl sm:rounded-lg border-l-4">
-          <div class="mx-auto max-w-4x1">
-            <div class="flex justify-between p-4">
-              <SectionTitle>
-                <template #title>Dokumenti</template>
-              </SectionTitle>
-              <FwbButton @click="openUpload">Dodaj</FwbButton>
-            </div>
-            <DocumentsTable :documents="documents" @view="openViewer" />
-          </div>
-        </div>
-      </div>
-    </div>
-    <DocumentUploadDialog
-      :show="showUpload"
-      @close="closeUpload"
-      @uploaded="onUploaded"
-      :post-url="route('clientCase.document.store', client_case)"
-    />
-    <DocumentViewerDialog :show="viewer.open" :src="viewer.src" :title="viewer.title" @close="closeViewer" />
+    
     <div class="pt-12 pb-6">
       <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
         <div class="bg-white overflow-hidden shadow-xl sm:rounded-lg border-l-4">
@@ -199,17 +201,55 @@ const hideClietnDetails = () => {
         </div>
       </div>
     </div>
+    <!-- Documents section -->
+    <div class="pt-12">
+      <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
+        <div class="bg-white overflow-hidden shadow-xl sm:rounded-lg border-l-4">
+          <div class="mx-auto max-w-4x1">
+            <div class="flex justify-between p-4">
+              <SectionTitle>
+                <template #title>Dokumenti</template>
+              </SectionTitle>
+              <FwbButton @click="openUpload">Dodaj</FwbButton>
+            </div>
+            <DocumentsTable
+              :documents="documents"
+              @view="openViewer"
+              :download-url-builder="doc => route('clientCase.document.download', { client_case: client_case.uuid, document: doc.uuid })"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+    <DocumentUploadDialog
+      :show="showUpload"
+      @close="closeUpload"
+      @uploaded="onUploaded"
+      :post-url="route('clientCase.document.store', client_case)"
+    />
+    <DocumentViewerDialog :show="viewer.open" :src="viewer.src" :title="viewer.title" @close="closeViewer" />
   </AppLayout>
   <ContractDrawer
     :show="drawerCreateContract"
     @close="closeDrawer"
     :types="contract_types"
     :client_case="client_case"
+    :contract="contractEditing"
   />
   <ActivityDrawer
     :show="drawerAddActivity"
     @close="closeDrawer"
     :client_case="client_case"
     :actions="actions"
+    :contract-uuid="activityContractUuid"
+  />
+  <ConfirmDialog
+    :show="confirmDelete.show"
+    title="Izbriši pogodbo"
+    message="Ali ste prepričani, da želite izbrisati pogodbo?"
+    confirm-text="Izbriši"
+    :danger="true"
+    @close="closeConfirmDelete"
+    @confirm="doDeleteContract"
   />
 </template>
diff --git a/resources/js/Pages/Imports/Create.vue b/resources/js/Pages/Imports/Create.vue
index 9e7eb04..8024d24 100644
--- a/resources/js/Pages/Imports/Create.vue
+++ b/resources/js/Pages/Imports/Create.vue
@@ -133,7 +133,7 @@ async function uploadAndPreview() {
   processResult.value = null;
   const fd = new window.FormData();
   fd.append('file', form.file);
-  if (Number.isFinite(form.import_template_id)) {
+  if (form.import_template_id !== null && form.import_template_id !== undefined && String(form.import_template_id).trim() !== '') {
     fd.append('import_template_id', String(form.import_template_id));
   }
   if (form.client_uuid) {
diff --git a/resources/js/Pages/Imports/Import.vue b/resources/js/Pages/Imports/Import.vue
index 25ab91e..15b6fcd 100644
--- a/resources/js/Pages/Imports/Import.vue
+++ b/resources/js/Pages/Imports/Import.vue
@@ -8,6 +8,7 @@ const props = defineProps({
   import: Object,
   templates: Array,
   clients: Array,
+  client: Object
 });
 
 const importId = ref(props.import?.id || null);
@@ -227,13 +228,13 @@ const fieldOptionsByEntity = {
 
 // Local state for selects
 const form = ref({
-  client_uuid: null,
+  client_uuid: props.client.uuid,
   import_template_id: props.import?.import_template_id || null,
 });
 
-// Initialize client_uuid from numeric client_id using provided clients list
-if (props.import?.client_id) {
-  const found = (props.clients || []).find(c => c.id === props.import.client_id);
+// Initialize client_uuid from import.client_uuid (preferred) using provided clients list
+if (props.import?.client_uuid) {
+  const found = (props.clients || []).find(c => c.uuid === props.import.client_uuid);
   form.value.client_uuid = found ? found.uuid : null;
 }
 
diff --git a/resources/js/Pages/Imports/Index.vue b/resources/js/Pages/Imports/Index.vue
index 40764c4..0e1e636 100644
--- a/resources/js/Pages/Imports/Index.vue
+++ b/resources/js/Pages/Imports/Index.vue
@@ -47,7 +47,7 @@ function statusBadge(status) {
                   <td class="p-2 whitespace-nowrap">{{ new Date(imp.created_at).toLocaleString() }}</td>
                   <td class="p-2">{{ imp.original_name }}</td>
                   <td class="p-2"><span :class="['px-2 py-0.5 rounded text-xs', statusBadge(imp.status)]">{{ imp.status }}</span></td>
-                  <td class="p-2">{{ imp.client?.uuid ?? '—' }}</td>
+                  <td class="p-2">{{ imp.client?.person?.full_name ?? '—' }}</td>
                   <td class="p-2">{{ imp.template?.name ?? '—' }}</td>
                   <td class="p-2 space-x-2">
                     <Link :href="route('imports.continue', { import: imp.uuid })" class="px-2 py-1 rounded bg-gray-200 text-gray-800 text-xs">Poglej</Link>
diff --git a/resources/js/Pages/Settings/Partials/ActionTable.vue b/resources/js/Pages/Settings/Partials/ActionTable.vue
index 736e815..4e7ebf1 100644
--- a/resources/js/Pages/Settings/Partials/ActionTable.vue
+++ b/resources/js/Pages/Settings/Partials/ActionTable.vue
@@ -181,6 +181,7 @@ const store = () => {
                         :searchable="true"
                         :taggable="false"
                         placeholder="Izberi segment"
+                        :append-to-body="true"
                         :custom-label="(opt) => (segmentOptions.find(s=>s.id===opt)?.name || '')"
                     />
                 </div>
@@ -196,6 +197,7 @@ const store = () => {
                         track-by="id"
                         :taggable="true"
                         placeholder="Dodaj odločitev"
+                        :append-to-body="true"
                         label="name"
                     />
                 </div>
@@ -256,6 +258,7 @@ const store = () => {
                         :searchable="true"
                         :taggable="false"
                         placeholder="Izberi segment"
+                        :append-to-body="true"
                         :custom-label="(opt) => (segmentOptions.find(s=>s.id===opt)?.name || '')"
                     />
                 </div>
@@ -270,6 +273,7 @@ const store = () => {
                         track-by="id"
                         :taggable="true"
                         placeholder="Dodaj odločitev"
+                        :append-to-body="true"
                         label="name"
                     />
                 </div>
diff --git a/resources/js/Pages/Settings/Partials/DecisionTable.vue b/resources/js/Pages/Settings/Partials/DecisionTable.vue
index 92972a0..c3b91c0 100644
--- a/resources/js/Pages/Settings/Partials/DecisionTable.vue
+++ b/resources/js/Pages/Settings/Partials/DecisionTable.vue
@@ -159,6 +159,7 @@ const store = () => {
                         track-by="id"
                         :taggable="true"
                         placeholder="Dodaj akcijo"
+                        :append-to-body="true"
                         label="name"
                     />
                 </div>
@@ -219,6 +220,7 @@ const store = () => {
                         track-by="id"
                         :taggable="true"
                         placeholder="Dodaj akcijo"
+                        :append-to-body="true"
                         label="name"
                     />
                 </div>
diff --git a/resources/js/app.js b/resources/js/app.js
index 514d369..223eda8 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -9,6 +9,8 @@ import VueApexCharts from 'vue3-apexcharts';
 import VueDatePicker from '@vuepic/vue-datepicker';
 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';
 
@@ -19,6 +21,8 @@ createInertiaApp({
         return createApp({ render: () => h(App, props) })
             .use(plugin)
             .use(ZiggyVue)
+            // Register v-calendar with a 'V' prefix so we get <VDatePicker> and <VCalendar>
+            .use(VCalendar, { componentPrefix: 'V' })
             .use(VueApexCharts)
             .component('vue-date-picker', VueDatePicker)
             .component('FontAwesomeIcon', FontAwesomeIcon)
diff --git a/routes/web.php b/routes/web.php
index 6b808e9..9f0de81 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -8,6 +8,7 @@
 use App\Http\Controllers\SettingController;
 use App\Http\Controllers\ImportController;
 use App\Http\Controllers\ImportTemplateController;
+use App\Http\Controllers\CaseObjectController;
 use App\Models\Person\Person;
 use Illuminate\Http\Request;
 use ArielMejiaDev\LarapexCharts\LarapexChart;
@@ -94,10 +95,17 @@
     Route::put('person/{person:uuid}', [PersonController::class, 'update'])->name('person.update');
     Route::post('person/{person:uuid}/address', [PersonController::class, 'createAddress'])->name('person.address.create');
     Route::put('person/{person:uuid}/address/{address_id}', [PersonController::class, 'updateAddress'])->name('person.address.update');
+    Route::delete('person/{person:uuid}/address/{address_id}', [PersonController::class, 'deleteAddress'])->name('person.address.delete');
     Route::post('person/{person:uuid}/phone', [PersonController::class, 'createPhone'])->name('person.phone.create');
     Route::put('person/{person:uuid}/phone/{phone_id}', [PersonController::class, 'updatePhone'])->name('person.phone.update');
+    Route::delete('person/{person:uuid}/phone/{phone_id}', [PersonController::class, 'deletePhone'])->name('person.phone.delete');
     Route::post('person/{person:uuid}/email', [PersonController::class, 'createEmail'])->name('person.email.create');
     Route::put('person/{person:uuid}/email/{email_id}', [PersonController::class, 'updateEmail'])->name('person.email.update');
+    Route::delete('person/{person:uuid}/email/{email_id}', [PersonController::class, 'deleteEmail'])->name('person.email.delete');
+    // TRR (Bank account) endpoints
+    Route::post('person/{person:uuid}/trr', [PersonController::class, 'createTrr'])->name('person.trr.create');
+    Route::put('person/{person:uuid}/trr/{trr_id}', [PersonController::class, 'updateTrr'])->name('person.trr.update');
+    Route::delete('person/{person:uuid}/trr/{trr_id}', [PersonController::class, 'deleteTrr'])->name('person.trr.delete');
     //client
     Route::get('clients', [ClientController::class, 'index'])->name('client');
     Route::get('clients/{client:uuid}', [ClientController::class, 'show'])->name('client.show');
@@ -112,6 +120,10 @@
     Route::post('client-cases/{client_case:uuid}/contract', [ClientCaseContoller::class, 'storeContract'])->name('clientCase.contract.store');
     Route::put('client-cases/{client_case:uuid}/contract/{uuid}', [ClientCaseContoller::class, 'updateContract'])->name('clientCase.contract.update');
     Route::delete('client-cases/{client_case:uuid}/contract/{uuid}', [ClientCaseContoller::class, 'deleteContract'])->name('clientCase.contract.delete');
+    // client-case / contract / objects
+    Route::post('client-cases/{client_case:uuid}/contract/{uuid}/objects', [CaseObjectController::class, 'store'])->name('clientCase.contract.object.store');
+    Route::put('client-cases/{client_case:uuid}/objects/{id}', [CaseObjectController::class, 'update'])->name('clientCase.object.update');
+    Route::delete('client-cases/{client_case:uuid}/objects/{id}', [CaseObjectController::class, 'destroy'])->name('clientCase.object.delete');
     //client-case / activity
     Route::post('client-cases/{client_case:uuid}/activity', [ClientCaseContoller::class, 'storeActivity'])->name('clientCase.activity.store');
     //client-case / documents