diff --git a/app/Actions/Jetstream/DeleteUser.php b/app/Actions/Jetstream/DeleteUser.php
deleted file mode 100644
index 20882a0..0000000
--- a/app/Actions/Jetstream/DeleteUser.php
+++ /dev/null
@@ -1,21 +0,0 @@
-<?php
-
-declare(strict_types=1);
-
-namespace App\Actions\Jetstream;
-
-use App\Models\User;
-use Laravel\Jetstream\Contracts\DeletesUsers;
-
-class DeleteUser implements DeletesUsers
-{
-    /**
-     * Delete the given user.
-     */
-    public function delete(User $user): void
-    {
-        $user->deleteProfilePhoto();
-        $user->tokens->each->delete();
-        $user->delete();
-    }
-}
diff --git a/app/Http/Controllers/ApiTokenController.php b/app/Http/Controllers/ApiTokenController.php
new file mode 100644
index 0000000..d53e826
--- /dev/null
+++ b/app/Http/Controllers/ApiTokenController.php
@@ -0,0 +1,24 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+use Illuminate\Routing\Controller;
+
+class ApiTokenController extends Controller
+{
+    /**
+     * Show the user API token screen.
+     *
+     * @return \Illuminate\View\View
+     */
+    public function index(Request $request)
+    {
+        return view('api.index', [
+            'request' => $request,
+            'user' => $request->user(),
+        ]);
+    }
+}
diff --git a/app/Http/Controllers/Auth/AuthenticatedSessionController.php b/app/Http/Controllers/Auth/AuthenticatedSessionController.php
new file mode 100644
index 0000000..e69de29
diff --git a/app/Http/Controllers/ConnectedAccountController.php b/app/Http/Controllers/ConnectedAccountController.php
index 892a31b..b352402 100644
--- a/app/Http/Controllers/ConnectedAccountController.php
+++ b/app/Http/Controllers/ConnectedAccountController.php
@@ -124,7 +124,7 @@ class ConnectedAccountController extends Controller
                 'title' => __('Your :provider account has been connected.', ['provider' => config("services.{$connected_account->provider}.name")]),
                 'description' => null,
                 'css' => 'alert-success',
-                'icon' => Blade::render("<x-mary-icon class='w-7 h-7' name='o-check-circle' />"),
+                'icon' => Blade::render("<x-ui.icon class='w-7 h-7' name='o-check-circle' />"),
                 'position' => 'toast-top toast-end',
                 'timeout' => '5000',
             ],
diff --git a/app/Http/Controllers/PrivacyPolicyController.php b/app/Http/Controllers/PrivacyPolicyController.php
new file mode 100644
index 0000000..00d75de
--- /dev/null
+++ b/app/Http/Controllers/PrivacyPolicyController.php
@@ -0,0 +1,29 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Http\Controllers;
+
+use App\Traits\HasLocalizedMarkdown;
+use Illuminate\Http\Request;
+use Illuminate\Routing\Controller;
+use Illuminate\Support\Str;
+
+class PrivacyPolicyController extends Controller
+{
+    use HasLocalizedMarkdown;
+
+    /**
+     * Show the privacy policy for the application.
+     *
+     * @return \Illuminate\View\View
+     */
+    public function show(Request $request)
+    {
+        $policyFile = $this->localizedMarkdownPath('policy.md');
+
+        return view('policy', [
+            'policy' => Str::markdown(file_get_contents($policyFile)),
+        ]);
+    }
+}
diff --git a/app/Http/Controllers/TermsOfServiceController.php b/app/Http/Controllers/TermsOfServiceController.php
new file mode 100644
index 0000000..d3e3e0c
--- /dev/null
+++ b/app/Http/Controllers/TermsOfServiceController.php
@@ -0,0 +1,29 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Http\Controllers;
+
+use App\Traits\HasLocalizedMarkdown;
+use Illuminate\Http\Request;
+use Illuminate\Routing\Controller;
+use Illuminate\Support\Str;
+
+class TermsOfServiceController extends Controller
+{
+    use HasLocalizedMarkdown;
+
+    /**
+     * Show the terms of service for the application.
+     *
+     * @return \Illuminate\View\View
+     */
+    public function show(Request $request)
+    {
+        $termsFile = $this->localizedMarkdownPath('terms.md');
+
+        return view('terms', [
+            'terms' => Str::markdown(file_get_contents($termsFile)),
+        ]);
+    }
+}
diff --git a/app/Http/Controllers/UserProfileController.php b/app/Http/Controllers/UserProfileController.php
new file mode 100644
index 0000000..ed1c92a
--- /dev/null
+++ b/app/Http/Controllers/UserProfileController.php
@@ -0,0 +1,24 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+use Illuminate\Routing\Controller;
+
+class UserProfileController extends Controller
+{
+    /**
+     * Show the user profile screen.
+     *
+     * @return \Illuminate\View\View
+     */
+    public function show(Request $request)
+    {
+        return view('profile.show', [
+            'request' => $request,
+            'user' => $request->user(),
+        ]);
+    }
+}
diff --git a/app/Livewire/Datatables/HoldingsTable.php b/app/Livewire/Datatables/HoldingsTable.php
new file mode 100644
index 0000000..ce58c94
--- /dev/null
+++ b/app/Livewire/Datatables/HoldingsTable.php
@@ -0,0 +1,169 @@
+<?php
+
+namespace App\Livewire\Datatables;
+
+use App\Models\Holding;
+use Illuminate\Support\Number;
+use Illuminate\Database\Eloquent\Builder;
+use Rappasoft\LaravelLivewireTables\Views\Column;
+use Rappasoft\LaravelLivewireTables\DataTableComponent;
+
+class HoldingsTable extends DataTableComponent
+{
+    public $portfolio; 
+    public array $hiddenColumns = [];
+
+    public function mount ($portfolio): void
+    {
+        //
+    }
+
+    public function builder(): Builder
+    { 
+        return Holding::query()
+            ->portfolio($this->portfolio->id)
+            ->with(['market_data'])
+            ->withCount(['transactions as num_transactions' => function ($query) {
+                return $query->whereRaw('transactions.symbol = holdings.symbol');
+            }])
+            ->withPerformance();
+    }
+
+    public function configure(): void
+    {
+        $this->hiddenColumns = ['name', 'average_cost_basis', 'market_value', 'fifty_two_week_low', 'fifty_two_week_high'];
+
+        $this->setTableWrapperAttributes([
+            'default' => false, 
+            'default-styling' => false,
+            'default-colors' => false,
+            'class' => 'overflow-scroll'
+        ]); 
+        $this->setTableAttributes([
+            'default' => false, 
+            'default-styling' => false,
+            'default-colors' => false,
+            'class' => 'table',
+        ]);
+        $this->setTheadAttributes([
+            'default' => false, 
+            'default-styling' => true,
+            'default-colors' => false,
+        ]);
+        $this->setThAttributes(function(Column $column) {
+
+            $attributes = [
+                'default' => false,
+                'default-styling' => false,
+                'default-colors' => false,
+                'class' => 'text-xs font-medium whitespace-nowrap uppercase tracking-wider text-nowrap'
+            ];
+
+            if (in_array($column->getField(), $this->hiddenColumns)) {
+                $attributes['class'] = $attributes['class'] . ' hidden md:table-cell';
+            }
+
+            return $attributes;
+        });
+        $this->setThSortButtonAttributes(fn() => [
+            'default' => false,
+            'default-styling' => true,
+            'default-colors' => false,
+            'class' => 'cursor-pointer'
+        ]);
+        $this->setTbodyAttributes([
+            'default' => false, 
+            'default-styling' => true,
+            'default-colors' => false,
+        ]);
+        $this->setTrAttributes(fn() => [
+            'default' => false,
+            'default-styling' => true,
+            'default-colors' => false,
+            'class' => 'cursor-pointer hover:bg-neutral/25'
+        ]);
+        $this->setTdAttributes(function(Column $column) {
+            
+            $attributes = [
+                'default' => false,
+                'default-styling' => false,
+                'default-colors' => false,
+                'class' => 'text-nowrap'
+            ];
+
+            if (in_array($column->getField(), $this->hiddenColumns)) {
+                $attributes['class'] = $attributes['class'] . ' hidden md:table-cell';
+            }
+
+            return $attributes;
+        });
+
+        $this->setDefaultSort('symbol', 'asc');
+
+        $this->setToolsDisabled();
+        $this->setFooterDisabled();
+        $this->setPaginationDisabled();
+        $this->setDisplayPaginationDetailsDisabled();
+
+        $this->setPrimaryKey('id');
+
+        $this->setTableRowUrl(function($row) {
+            return route('holding.show', ['portfolio' => $row->portfolio_id, 'symbol' => $row->symbol]);
+            
+        })->setTableRowUrlTarget(function($row) {
+            
+            return 'navigate';
+        });
+    }
+
+    public function columns(): array
+    {
+        return [
+            Column::make(__('Symbol'), 'symbol')
+                ->sortable(),
+            Column::make(__('Name'), 'market_data.name')
+                ->sortable(),
+            Column::make(__('Quantity'), 'quantity')
+                ->sortable(),
+            Column::make(__('Average Cost Basis'), 'average_cost_basis')
+                ->sortable()
+                ->format(fn($value, $row) => Number::currency($value ?? 0, $row->market_data->currency) ),
+            Column::make(__('Total Cost Basis'), 'total_cost_basis')
+                ->sortable()
+                ->format(fn($value, $row) => Number::currency($value ?? 0, $row->market_data->currency) ),
+            Column::make(__('Market Value'), 'market_data.market_value')
+                ->sortable()
+                ->format(fn($value, $row) => Number::currency($value ?? 0, $row->market_data->currency) ),
+            Column::make(__('Total Market Value'))
+                ->sortable(fn (Builder $query, string $direction) => $query->orderBy('total_market_value', $direction))
+                ->label(fn ($row) => Number::currency($row->total_market_value ?? 0, $row->market_data->currency)),
+            Column::make(__('Market Gain/Loss'))
+                ->html()
+                ->label(fn($row) => Number::currency($row->market_gain_dollars ?? 0, $row->market_data->currency) . view('components.ui.gain-loss-arrow-badge', [
+                    'costBasis' => $row->average_cost_basis,
+                    'marketValue' => $row->market_data->market_value,
+                    'small' => true,
+                ]))
+                ->sortable(fn (Builder $query, string $direction) => $query->orderBy('market_gain_dollars', $direction)),
+            Column::make(__('Realized Gain/Loss'), 'realized_gain_dollars')
+                ->sortable()
+                ->format(fn($value, $row) => Number::currency($value ?? 0, $row->market_data->currency) )
+                ->format(fn($value, $row) => Number::currency($value ?? 0, $row->market_data->currency) ),
+            Column::make(__('Dividends Earned'), 'dividends_earned')
+                ->sortable()
+                ->format(fn($value, $row) => Number::currency($value ?? 0, $row->market_data->currency) ),
+            Column::make(__('52 week low'), 'market_data.fifty_two_week_low')
+                ->sortable()
+                ->format(fn($value, $row) => Number::currency($value ?? 0, $row->market_data->currency) ),
+            Column::make(__('52 week high'), 'market_data.fifty_two_week_high')
+                ->sortable()
+                ->format(fn($value, $row) => Number::currency($value ?? 0, $row->market_data->currency) ),
+            Column::make(__('Number of Transactions'))
+                ->sortable(fn (Builder $query, string $direction) => $query->orderBy('num_transactions', $direction))
+                ->label(fn ($row) => $row->num_transactions),
+            Column::make(__('Last Refreshed'), 'market_data.updated_at')
+                ->sortable()
+                ->format(fn($value) => \Carbon\Carbon::parse($value)->diffForHumans() )
+        ];
+    }
+}
diff --git a/app/Livewire/Datatables/TransactionsTable.php b/app/Livewire/Datatables/TransactionsTable.php
new file mode 100644
index 0000000..3c394e1
--- /dev/null
+++ b/app/Livewire/Datatables/TransactionsTable.php
@@ -0,0 +1,157 @@
+<?php
+
+namespace App\Livewire\Datatables;
+
+use App\Models\Transaction;
+use Illuminate\Support\Number;
+use Illuminate\Database\Eloquent\Builder;
+use Rappasoft\LaravelLivewireTables\Views\Column;
+use Rappasoft\LaravelLivewireTables\DataTableComponent;
+
+class TransactionsTable extends DataTableComponent
+{
+    public array $hiddenColumns = [];
+
+    public function mount (): void
+    {
+        //
+    }
+
+    public function builder(): Builder
+    { 
+        return Transaction::query()
+            ->with(['portfolio', 'market_data'])
+            ->myTransactions()
+            ->addSelect(['portfolio_id', 'transaction_type', 'split'])
+            ->selectRaw('
+                CASE
+                    WHEN transaction_type = \'SELL\' 
+                    THEN COALESCE(transactions.sale_price - transactions.cost_basis, 0)
+                    ELSE COALESCE(market_data.market_value - transactions.cost_basis, 0)
+                END AS gain_dollars');
+    }
+
+    public function configure(): void
+    {
+        $this->hiddenColumns = ['name', 'cost_basis', 'gain_dollars'];
+
+        $this->setTableWrapperAttributes([
+            'default' => false, 
+            'default-styling' => false,
+            'default-colors' => false,
+            'class' => 'overflow-scroll'
+        ]); 
+        $this->setTableAttributes([
+            'default' => false, 
+            'default-styling' => false,
+            'default-colors' => false,
+            'class' => 'table',
+        ]);
+        $this->setTheadAttributes([
+            'default' => false, 
+            'default-styling' => true,
+            'default-colors' => false,
+        ]);
+        $this->setThAttributes(function(Column $column) {
+
+            $attributes = [
+                'default' => false,
+                'default-styling' => false,
+                'default-colors' => false,
+                'class' => 'text-xs font-medium whitespace-nowrap uppercase tracking-wider text-nowrap'
+            ];
+
+            if (in_array($column->getField(), $this->hiddenColumns)) {
+                $attributes['class'] = $attributes['class'] . ' hidden md:table-cell';
+            }
+
+            return $attributes;
+        });
+        $this->setThSortButtonAttributes(fn() => [
+            'default' => false,
+            'default-styling' => true,
+            'default-colors' => false,
+            'class' => 'cursor-pointer'
+        ]);
+        $this->setTbodyAttributes([
+            'default' => false, 
+            'default-styling' => true,
+            'default-colors' => false,
+        ]);
+        $this->setTrAttributes(fn() => [
+            'default' => false,
+            'default-styling' => true,
+            'default-colors' => false,
+            'class' => 'cursor-pointer hover:bg-neutral/25'
+        ]);
+        $this->setTdAttributes(function(Column $column) {
+            
+            $attributes = [
+                'default' => false,
+                'default-styling' => false,
+                'default-colors' => false,
+                'class' => 'text-nowrap'
+            ];
+
+            if (in_array($column->getField(), $this->hiddenColumns)) {
+                $attributes['class'] = $attributes['class'] . ' hidden md:table-cell';
+            }
+
+            return $attributes;
+        });
+
+        $this->setDefaultSort('date', 'desc');
+
+        $this->setPerPageAccepted([10, 15, 20]);
+        $this->setPerPage(15);
+        $this->setSearchDisabled();
+        $this->setColumnSelectDisabled();
+        $this->setPerPageVisibilityDisabled();
+        $this->setFooterDisabled();
+
+        $this->setPrimaryKey('id');
+
+        $this->setTableRowUrl(function($row) {
+            return route('holding.show', ['portfolio' => $row->portfolio_id, 'symbol' => $row->symbol]);
+            
+        })->setTableRowUrlTarget(function($row) {
+            
+            return 'navigate';
+        });
+    }
+
+    public function columns(): array
+    {
+        return [
+            
+            Column::make(__('Date'), 'date')
+                ->sortable()
+                ->format(fn($value) => \Carbon\Carbon::parse($value)->format('M d, Y') ),
+            Column::make(__('Portfolio'), 'portfolio.title')
+                ->sortable(),
+            Column::make(__('Symbol'), 'symbol')
+                ->sortable(),
+            Column::make(__('Name'), 'market_data.name')
+                ->sortable(),
+            Column::make(__('Type'), 'transaction_type')
+                ->label(fn($row) => view('components.ui.badge', [
+                    'value' => $row->split ? 'SPLIT'
+                        : ($row->reinvested_dividend
+                            ? 'REINVEST' 
+                            : $row->transaction_type),
+                    'class' => ($row->transaction_type == 'BUY' 
+                        ? 'badge-success' 
+                        : 'badge-error') . ' badge-sm mr-3',
+                ]))
+                ->sortable(fn (Builder $query, string $direction) => $query->orderBy('transaction_type', $direction)),
+            Column::make(__('Quantity'), 'quantity')
+                ->sortable(),
+            Column::make(__('Cost Basis'), 'cost_basis')
+                ->sortable(fn (Builder $query, string $direction) => $query->orderBy('cost_basis', $direction))
+                ->label(fn ($row) => Number::currency($row->cost_basis ?? 0, $row->market_data->currency)),
+            Column::make(__('Gain/Loss'), 'gain_dollars')
+                ->sortable(fn (Builder $query, string $direction) => $query->orderBy('gain_dollars', $direction))
+                ->label(fn ($row) => Number::currency($row->gain_dollars ?? 0, $row->market_data->currency)),
+        ];
+    }
+}
diff --git a/app/Models/User.php b/app/Models/User.php
index 85ab87d..f2f0092 100644
--- a/app/Models/User.php
+++ b/app/Models/User.php
@@ -5,6 +5,7 @@ declare(strict_types=1);
 namespace App\Models;
 
 use App\Traits\HasConnectedAccounts;
+use App\Traits\HasProfilePhoto;
 use Illuminate\Contracts\Auth\MustVerifyEmail;
 use Illuminate\Database\Eloquent\Concerns\HasUuids;
 use Illuminate\Database\Eloquent\Factories\HasFactory;
@@ -12,7 +13,6 @@ use Illuminate\Foundation\Auth\User as Authenticatable;
 use Illuminate\Notifications\Notifiable;
 use Illuminate\Support\Arr;
 use Laravel\Fortify\TwoFactorAuthenticatable;
-use Laravel\Jetstream\HasProfilePhoto;
 use Laravel\Sanctum\HasApiTokens;
 use Staudenmeir\EloquentHasManyDeep\HasManyDeep;
 use Staudenmeir\EloquentHasManyDeep\HasRelationships;
diff --git a/app/Providers/FortifyServiceProvider.php b/app/Providers/FortifyServiceProvider.php
index b292191..ae97148 100644
--- a/app/Providers/FortifyServiceProvider.php
+++ b/app/Providers/FortifyServiceProvider.php
@@ -30,6 +30,7 @@ class FortifyServiceProvider extends ServiceProvider
      */
     public function boot(): void
     {
+        Fortify::viewPrefix('auth.');
 
         Fortify::createUsersUsing(CreateNewUser::class);
         Fortify::updateUserProfileInformationUsing(UpdateUserProfileInformation::class);
diff --git a/app/Providers/JetstreamServiceProvider.php b/app/Providers/JetstreamServiceProvider.php
deleted file mode 100644
index 838b0ce..0000000
--- a/app/Providers/JetstreamServiceProvider.php
+++ /dev/null
@@ -1,55 +0,0 @@
-<?php
-
-declare(strict_types=1);
-
-namespace App\Providers;
-
-use App\Actions\Jetstream\DeleteUser;
-use Illuminate\Support\ServiceProvider;
-use Laravel\Jetstream\Jetstream;
-
-class JetstreamServiceProvider extends ServiceProvider
-{
-    /**
-     * Register any application services.
-     */
-    public function register(): void
-    {
-        //
-    }
-
-    /**
-     * Bootstrap any application services.
-     */
-    public function boot(): void
-    {
-
-        $this->configurePermissions();
-
-        Jetstream::deleteUsersUsing(DeleteUser::class);
-    }
-
-    /**
-     * Configure the permissions that are available within the application.
-     */
-    protected function configurePermissions(): void
-    {
-        Jetstream::defaultApiTokenPermissions([
-            // 'portfolio:read',
-            // 'portfolio:write',
-            // 'holding:read',
-            // 'holding:write',
-            // 'transaction:read',
-            // 'transaction:write',
-        ]);
-
-        Jetstream::permissions([
-            // 'Read Portfolios' => 'portfolio:read',
-            // 'Create Portfolios' => 'portfolio:write',
-            // 'Read Holdings' => 'holding:read',
-            // 'Update Holdings' => 'holding:write',
-            // 'Read Transactions' => 'transaction:read',
-            // 'Create Transactions' => 'transaction:write',
-        ]);
-    }
-}
diff --git a/app/Providers/VoltServiceProvider.php b/app/Providers/VoltServiceProvider.php
index dd92d72..3fcf35c 100644
--- a/app/Providers/VoltServiceProvider.php
+++ b/app/Providers/VoltServiceProvider.php
@@ -4,8 +4,8 @@ declare(strict_types=1);
 
 namespace App\Providers;
 
-use Illuminate\Support\ServiceProvider;
 use Livewire\Volt\Volt;
+use Illuminate\Support\ServiceProvider;
 
 class VoltServiceProvider extends ServiceProvider
 {
@@ -21,14 +21,16 @@ class VoltServiceProvider extends ServiceProvider
      * Bootstrap services.
      */
     public function boot(): void
-    {
+    { 
         Volt::mount([
             // config('livewire.view_path', resource_path('views/livewire')),
             resource_path('views/components'),
             resource_path('views/profile'),
+            resource_path('views/api'),
             resource_path('views/holding'),
             resource_path('views/transaction'),
             resource_path('views/portfolio'),
+            resource_path('views/import-export'),
             resource_path('views/auth'),
         ]);
     }
diff --git a/app/Traits/ConfirmsPasswords.php b/app/Traits/ConfirmsPasswords.php
new file mode 100644
index 0000000..3864beb
--- /dev/null
+++ b/app/Traits/ConfirmsPasswords.php
@@ -0,0 +1,115 @@
+<?php
+
+namespace App\Traits;
+
+use Illuminate\Contracts\Auth\StatefulGuard;
+use Illuminate\Support\Facades\Auth;
+use Illuminate\Validation\ValidationException;
+use Laravel\Fortify\Actions\ConfirmPassword;
+
+trait ConfirmsPasswords
+{
+    /**
+     * Indicates if the user's password is being confirmed.
+     *
+     * @var bool
+     */
+    public $confirmingPassword = false;
+
+    /**
+     * The ID of the operation being confirmed.
+     *
+     * @var string|null
+     */
+    public $confirmableId = null;
+
+    /**
+     * The user's password.
+     *
+     * @var string
+     */
+    public $confirmablePassword = '';
+
+    /**
+     * Start confirming the user's password.
+     *
+     * @param  string  $confirmableId
+     * @return void
+     */
+    public function startConfirmingPassword(string $confirmableId)
+    {
+        $this->resetErrorBag();
+
+        if ($this->passwordIsConfirmed()) {
+            return $this->dispatch('password-confirmed',
+                id: $confirmableId,
+            );
+        }
+
+        $this->confirmingPassword = true;
+        $this->confirmableId = $confirmableId;
+        $this->confirmablePassword = '';
+
+        $this->dispatch('confirming-password');
+    }
+
+    /**
+     * Stop confirming the user's password.
+     *
+     * @return void
+     */
+    public function stopConfirmingPassword()
+    {
+        $this->confirmingPassword = false;
+        $this->confirmableId = null;
+        $this->confirmablePassword = '';
+    }
+
+    /**
+     * Confirm the user's password.
+     *
+     * @return void
+     */
+    public function confirmPassword()
+    {
+        if (! app(ConfirmPassword::class)(app(StatefulGuard::class), Auth::user(), $this->confirmablePassword)) {
+            throw ValidationException::withMessages([
+                'confirmable_password' => [__('This password does not match our records.')],
+            ]);
+        }
+
+        session(['auth.password_confirmed_at' => time()]);
+
+        $this->dispatch('password-confirmed',
+            id: $this->confirmableId,
+        );
+
+        $this->stopConfirmingPassword();
+    }
+
+    /**
+     * Ensure that the user's password has been recently confirmed.
+     *
+     * @param  int|null  $maximumSecondsSinceConfirmation
+     * @return void
+     */
+    protected function ensurePasswordIsConfirmed($maximumSecondsSinceConfirmation = null)
+    {
+        $maximumSecondsSinceConfirmation = $maximumSecondsSinceConfirmation ?: config('auth.password_timeout', 900);
+
+        $this->passwordIsConfirmed($maximumSecondsSinceConfirmation) ? null : abort(403);
+    }
+
+    /**
+     * Determine if the user's password has been recently confirmed.
+     *
+     * @param  int|null  $maximumSecondsSinceConfirmation
+     * @return bool
+     */
+    protected function passwordIsConfirmed($maximumSecondsSinceConfirmation = null)
+    {
+        $maximumSecondsSinceConfirmation = $maximumSecondsSinceConfirmation ?: config('auth.password_timeout', 900);
+
+        return (time() - session('auth.password_confirmed_at', 0)) < $maximumSecondsSinceConfirmation;
+    }
+}
\ No newline at end of file
diff --git a/app/Traits/HasLocalizedMarkdown.php b/app/Traits/HasLocalizedMarkdown.php
new file mode 100644
index 0000000..beee306
--- /dev/null
+++ b/app/Traits/HasLocalizedMarkdown.php
@@ -0,0 +1,22 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Traits;
+
+use Illuminate\Support\Arr;
+
+trait HasLocalizedMarkdown
+{
+    public function localizedMarkdownPath($name)
+    {
+        $localName = preg_replace('#(\.md)$#i', '.'.app()->getLocale().'$1', $name);
+
+        return Arr::first([
+            resource_path('markdown/'.$localName),
+            resource_path('markdown/'.$name),
+        ], function ($path) {
+            return file_exists($path);
+        });
+    }
+}
diff --git a/app/Traits/HasProfilePhoto.php b/app/Traits/HasProfilePhoto.php
new file mode 100644
index 0000000..3f6b6ad
--- /dev/null
+++ b/app/Traits/HasProfilePhoto.php
@@ -0,0 +1,77 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Traits;
+
+use Illuminate\Database\Eloquent\Casts\Attribute;
+use Illuminate\Http\UploadedFile;
+use Illuminate\Support\Facades\Storage;
+
+trait HasProfilePhoto
+{
+    /**
+     * Update the user's profile photo.
+     *
+     * @param  string  $storagePath
+     * @return void
+     */
+    public function updateProfilePhoto(UploadedFile $photo, $storagePath = 'profile-photos')
+    {
+        tap($this->profile_photo_path, function ($previous) use ($photo, $storagePath) {
+            $this->forceFill([
+                'profile_photo_path' => $photo->storePublicly(
+                    $storagePath, ['disk' => 'public']
+                ),
+            ])->save();
+
+            if ($previous) {
+                Storage::disk('public')->delete($previous);
+            }
+        });
+    }
+
+    /**
+     * Delete the user's profile photo.
+     *
+     * @return void
+     */
+    public function deleteProfilePhoto()
+    {
+        if (is_null($this->profile_photo_path)) {
+            return;
+        }
+
+        Storage::disk('public')->delete($this->profile_photo_path);
+
+        $this->forceFill([
+            'profile_photo_path' => null,
+        ])->save();
+    }
+
+    /**
+     * Get the URL to the user's profile photo.
+     */
+    protected function profilePhotoUrl(): Attribute
+    {
+        return Attribute::get(function (): string {
+            return $this->profile_photo_path
+                    ? Storage::disk('public')->url($this->profile_photo_path)
+                    : $this->defaultProfilePhotoUrl();
+        });
+    }
+
+    /**
+     * Get the default profile photo URL if no profile photo has been uploaded.
+     *
+     * @return string
+     */
+    protected function defaultProfilePhotoUrl()
+    {
+        $name = trim(collect(explode(' ', $this->name))->map(function ($segment) {
+            return mb_substr($segment, 0, 1);
+        })->join(' '));
+
+        return 'https://ui-avatars.com/api/?name='.urlencode($name).'&color=7F9CF5&background=EBF4FF';
+    }
+}
diff --git a/app/Traits/Toast.php b/app/Traits/Toast.php
new file mode 100644
index 0000000..5db1313
--- /dev/null
+++ b/app/Traits/Toast.php
@@ -0,0 +1,88 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Traits;
+
+use Illuminate\Support\Facades\Blade;
+
+trait Toast
+{
+    public function toast(
+        string $type,
+        string $title,
+        ?string $description = null,
+        ?string $position = null,
+        string $icon = 'o-information-circle',
+        string $css = 'alert-info',
+        int $timeout = 3000,
+        ?string $redirectTo = null
+    ) {
+        $toast = [
+            'type' => $type,
+            'title' => $title,
+            'description' => $description,
+            'position' => $position,
+            'icon' => Blade::render("<x-ui.icon class='w-7 h-7' name='".$icon."' />"),
+            'css' => $css,
+            'timeout' => $timeout,
+        ];
+
+        $this->js('toast('.json_encode(['toast' => $toast]).')');
+
+        // session()->flash('ib.toast.title', $title);
+        // session()->flash('ib.toast.description', $description);
+
+        if ($redirectTo) {
+            return $this->redirect($redirectTo, navigate: true);
+        }
+    }
+
+    public function success(
+        string $title,
+        ?string $description = null,
+        ?string $position = null,
+        string $icon = 'o-check-circle',
+        string $css = 'alert-success',
+        int $timeout = 3000,
+        ?string $redirectTo = null
+    ) {
+        return $this->toast('success', $title, $description, $position, $icon, $css, $timeout, $redirectTo);
+    }
+
+    public function warning(
+        string $title,
+        ?string $description = null,
+        ?string $position = null,
+        string $icon = 'o-exclamation-triangle',
+        string $css = 'alert-warning',
+        int $timeout = 3000,
+        ?string $redirectTo = null
+    ) {
+        return $this->toast('warning', $title, $description, $position, $icon, $css, $timeout, $redirectTo);
+    }
+
+    public function error(
+        string $title,
+        ?string $description = null,
+        ?string $position = null,
+        string $icon = 'o-x-circle',
+        string $css = 'alert-error',
+        int $timeout = 3000,
+        ?string $redirectTo = null
+    ) {
+        return $this->toast('error', $title, $description, $position, $icon, $css, $timeout, $redirectTo);
+    }
+
+    public function info(
+        string $title,
+        ?string $description = null,
+        ?string $position = null,
+        string $icon = 'o-information-circle',
+        string $css = 'alert-info',
+        int $timeout = 3000,
+        ?string $redirectTo = null
+    ) {
+        return $this->toast('info', $title, $description, $position, $icon, $css, $timeout, $redirectTo);
+    }
+}
diff --git a/app/View/Components/AppLayout.php b/app/View/Components/AppLayout.php
deleted file mode 100644
index 6249c73..0000000
--- a/app/View/Components/AppLayout.php
+++ /dev/null
@@ -1,53 +0,0 @@
-<?php
-
-declare(strict_types=1);
-
-namespace App\View\Components;
-
-use Illuminate\View\Component;
-
-class AppLayout extends Component
-{
-    /**
-     * Get the view / contents that represents the component.
-     */
-    public function render()
-    {
-        return <<<'HTML'
-                    <x-main-layout>
-                        <x-slot:body class="min-h-screen font-sans antialiased bg-base-200/50 dark:bg-base-200" x-data>
-
-                            <div>
-
-                                <x-partials.nav-bar />
-
-                                <x-partials.main with-nav full-width>
-
-                                    <x-slot:sidebar drawer="main-drawer" class="bg-base-100 lg:bg-inherit">
-                                        
-                                        @livewire('partials.side-bar')
-
-                                    </x-slot:sidebar>
-
-                                    <x-slot:content>
-
-                                        {{ $slot }}
-                                    </x-slot:content>
-
-                                </x-partials.main>
-                            
-                                @if(session('toast'))
-                                    <script lang="text/javascript">
-                                        window.addEventListener('DOMContentLoaded', function () {
-                                            window.toast(JSON.parse(@json(session('toast'))))
-                                        });
-                                    </script>
-                                @endif
-                                <x-toast />
-                            </div>
-                    
-                        </x-slot:body>
-                    </x-main-layout>
-                HTML;
-    }
-}
diff --git a/app/View/Components/GuestLayout.php b/app/View/Components/GuestLayout.php
deleted file mode 100644
index 8900375..0000000
--- a/app/View/Components/GuestLayout.php
+++ /dev/null
@@ -1,28 +0,0 @@
-<?php
-
-declare(strict_types=1);
-
-namespace App\View\Components;
-
-use Illuminate\View\Component;
-
-class GuestLayout extends Component
-{
-    /**
-     * Get the view / contents that represents the component.
-     */
-    public function render()
-    {
-        return <<<'HTML'
-                    <x-main-layout>
-                        <x-slot:body class="font-sans text-gray-900 dark:text-gray-100 antialiased">
-
-                            {{ $slot }}
-
-                            <x-theme-toggle class="hidden" darkTheme="business" lightTheme="corporate"/>
-
-                        </x-slot:body>
-                    </x-main-layout>
-                HTML;
-    }
-}
diff --git a/app/View/Components/MainLayout.php b/app/View/Components/MainLayout.php
deleted file mode 100644
index a8c1452..0000000
--- a/app/View/Components/MainLayout.php
+++ /dev/null
@@ -1,25 +0,0 @@
-<?php
-
-declare(strict_types=1);
-
-namespace App\View\Components;
-
-use Illuminate\View\Component;
-use Illuminate\View\View;
-
-class MainLayout extends Component
-{
-    public function __construct(
-
-        // Slots
-        public mixed $body = null,
-    ) {}
-
-    /**
-     * Get the view / contents that represents the component.
-     */
-    public function render(): View
-    {
-        return view('layouts.main-layout');
-    }
-}
diff --git a/bootstrap/providers.php b/bootstrap/providers.php
index 00a7087..88c3ab7 100644
--- a/bootstrap/providers.php
+++ b/bootstrap/providers.php
@@ -5,6 +5,5 @@ declare(strict_types=1);
 return [
     App\Providers\AppServiceProvider::class,
     App\Providers\FortifyServiceProvider::class,
-    App\Providers\JetstreamServiceProvider::class,
     App\Providers\VoltServiceProvider::class,
 ];
diff --git a/composer.json b/composer.json
index 73daba0..6234354 100644
--- a/composer.json
+++ b/composer.json
@@ -2,18 +2,25 @@
     "name": "investbrainapp/investbrain",
     "type": "project",
     "description": "A smart open-source tool that consolidates and tracks portfolios from your different brokerages",
-    "keywords": ["stocks", "dividends", "investments", "tracking"],
+    "keywords": [
+        "stocks",
+        "dividends",
+        "investments",
+        "tracking"
+    ],
     "license": "CC-BY-NC 4.0",
     "require": {
         "php": "^8.3",
         "ext-gd": "*",
+        "ext-json": "*",
         "ext-mbstring": "*",
         "ext-zip": "*",
+        "blade-ui-kit/blade-heroicons": "^2.6",
         "finnhub/client": "master@dev",
         "hackeresq/filter-models": "dev-main",
         "investbrainapp/frankfurter-client": "dev-main",
-        "laravel/framework": "^11.35",
-        "laravel/jetstream": "^5.1",
+        "laravel/fortify": "^1.30.0",
+        "laravel/framework": "^12.0",
         "laravel/sanctum": "^4.0",
         "laravel/socialite": "^5.16",
         "laravel/tinker": "^2.9",
@@ -23,7 +30,7 @@
         "maatwebsite/excel": "^3.1",
         "openai-php/client": "^0.10.3",
         "predis/predis": "^2.2",
-        "robsontenorio/mary": "^1.35",
+        "rappasoft/laravel-livewire-tables": "^3.7",
         "scheb/yahoo-finance-api": "^5.0",
         "staudenmeir/eloquent-has-many-deep": "^1.20",
         "symfony/cache": "^7.3",
diff --git a/composer.lock b/composer.lock
index 9d79b69..11b31e8 100644
--- a/composer.lock
+++ b/composer.lock
@@ -4,7 +4,7 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "09faf36704392ba5099e39fe62908057",
+    "content-hash": "3c3015ad711087ed55daf3aebcf8b06f",
     "packages": [
         {
             "name": "aws/aws-crt-php",
@@ -62,16 +62,16 @@
         },
         {
             "name": "aws/aws-sdk-php",
-            "version": "3.356.7",
+            "version": "3.356.20",
             "source": {
                 "type": "git",
                 "url": "https://github.com/aws/aws-sdk-php.git",
-                "reference": "6b44237a218485bf43a0015600aebf43cb726d4e"
+                "reference": "7514867a6463fb68a60f5e17b4ccc56b4dc7d4f1"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/aws/aws-sdk-php/zipball/6b44237a218485bf43a0015600aebf43cb726d4e",
-                "reference": "6b44237a218485bf43a0015600aebf43cb726d4e",
+                "url": "https://api.github.com/repos/aws/aws-sdk-php/zipball/7514867a6463fb68a60f5e17b4ccc56b4dc7d4f1",
+                "reference": "7514867a6463fb68a60f5e17b4ccc56b4dc7d4f1",
                 "shasum": ""
             },
             "require": {
@@ -84,7 +84,7 @@
                 "guzzlehttp/psr7": "^2.4.5",
                 "mtdowling/jmespath.php": "^2.8.0",
                 "php": ">=8.1",
-                "psr/http-message": "^2.0"
+                "psr/http-message": "^1.0 || ^2.0"
             },
             "require-dev": {
                 "andrewsville/php-token-reflection": "^1.4",
@@ -153,9 +153,9 @@
             "support": {
                 "forum": "https://github.com/aws/aws-sdk-php/discussions",
                 "issues": "https://github.com/aws/aws-sdk-php/issues",
-                "source": "https://github.com/aws/aws-sdk-php/tree/3.356.7"
+                "source": "https://github.com/aws/aws-sdk-php/tree/3.356.20"
             },
-            "time": "2025-08-28T18:14:39+00:00"
+            "time": "2025-09-17T18:23:32+00:00"
         },
         {
             "name": "bacon/bacon-qr-code",
@@ -363,25 +363,25 @@
         },
         {
             "name": "brick/math",
-            "version": "0.12.3",
+            "version": "0.14.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/brick/math.git",
-                "reference": "866551da34e9a618e64a819ee1e01c20d8a588ba"
+                "reference": "113a8ee2656b882d4c3164fa31aa6e12cbb7aaa2"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/brick/math/zipball/866551da34e9a618e64a819ee1e01c20d8a588ba",
-                "reference": "866551da34e9a618e64a819ee1e01c20d8a588ba",
+                "url": "https://api.github.com/repos/brick/math/zipball/113a8ee2656b882d4c3164fa31aa6e12cbb7aaa2",
+                "reference": "113a8ee2656b882d4c3164fa31aa6e12cbb7aaa2",
                 "shasum": ""
             },
             "require": {
-                "php": "^8.1"
+                "php": "^8.2"
             },
             "require-dev": {
                 "php-coveralls/php-coveralls": "^2.2",
-                "phpunit/phpunit": "^10.1",
-                "vimeo/psalm": "6.8.8"
+                "phpstan/phpstan": "2.1.22",
+                "phpunit/phpunit": "^11.5"
             },
             "type": "library",
             "autoload": {
@@ -411,7 +411,7 @@
             ],
             "support": {
                 "issues": "https://github.com/brick/math/issues",
-                "source": "https://github.com/brick/math/tree/0.12.3"
+                "source": "https://github.com/brick/math/tree/0.14.0"
             },
             "funding": [
                 {
@@ -419,7 +419,7 @@
                     "type": "github"
                 }
             ],
-            "time": "2025-02-28T13:11:00+00:00"
+            "time": "2025-08-29T12:40:03+00:00"
         },
         {
             "name": "carbonphp/carbon-doctrine-types",
@@ -648,16 +648,16 @@
         },
         {
             "name": "dasprid/enum",
-            "version": "1.0.6",
+            "version": "1.0.7",
             "source": {
                 "type": "git",
                 "url": "https://github.com/DASPRiD/Enum.git",
-                "reference": "8dfd07c6d2cf31c8da90c53b83c026c7696dda90"
+                "reference": "b5874fa9ed0043116c72162ec7f4fb50e02e7cce"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/DASPRiD/Enum/zipball/8dfd07c6d2cf31c8da90c53b83c026c7696dda90",
-                "reference": "8dfd07c6d2cf31c8da90c53b83c026c7696dda90",
+                "url": "https://api.github.com/repos/DASPRiD/Enum/zipball/b5874fa9ed0043116c72162ec7f4fb50e02e7cce",
+                "reference": "b5874fa9ed0043116c72162ec7f4fb50e02e7cce",
                 "shasum": ""
             },
             "require": {
@@ -692,9 +692,9 @@
             ],
             "support": {
                 "issues": "https://github.com/DASPRiD/Enum/issues",
-                "source": "https://github.com/DASPRiD/Enum/tree/1.0.6"
+                "source": "https://github.com/DASPRiD/Enum/tree/1.0.7"
             },
-            "time": "2024-08-09T14:30:48+00:00"
+            "time": "2025-09-16T12:23:56+00:00"
         },
         {
             "name": "dflydev/dot-access-data",
@@ -1876,255 +1876,18 @@
             "description": "Laravel SDK for interacting with the Frankfurter currency exchange API",
             "time": "2025-08-29T02:39:41+00:00"
         },
-        {
-            "name": "jfcherng/php-color-output",
-            "version": "3.0.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/jfcherng/php-color-output.git",
-                "reference": "6c7bf16686cc6a291647fcb87491640a2d5edd20"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/jfcherng/php-color-output/zipball/6c7bf16686cc6a291647fcb87491640a2d5edd20",
-                "reference": "6c7bf16686cc6a291647fcb87491640a2d5edd20",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=7.1.3"
-            },
-            "require-dev": {
-                "friendsofphp/php-cs-fixer": "^2.19",
-                "liip/rmt": "^1.6",
-                "phan/phan": "^2 || ^3 || ^4",
-                "phpunit/phpunit": ">=7 <10",
-                "squizlabs/php_codesniffer": "^3.5"
-            },
-            "type": "library",
-            "autoload": {
-                "psr-4": {
-                    "Jfcherng\\Utility\\": "src/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Jack Cherng",
-                    "email": "jfcherng@gmail.com"
-                }
-            ],
-            "description": "Make your PHP command-line application colorful.",
-            "keywords": [
-                "ansi-colors",
-                "color",
-                "command-line",
-                "str-color"
-            ],
-            "support": {
-                "issues": "https://github.com/jfcherng/php-color-output/issues",
-                "source": "https://github.com/jfcherng/php-color-output/tree/3.0.0"
-            },
-            "funding": [
-                {
-                    "url": "https://www.paypal.me/jfcherng/5usd",
-                    "type": "custom"
-                }
-            ],
-            "time": "2021-05-27T02:45:54+00:00"
-        },
-        {
-            "name": "jfcherng/php-diff",
-            "version": "6.16.2",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/jfcherng/php-diff.git",
-                "reference": "7f46bcfc582e81769237d0b3f6b8a548efe8799d"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/jfcherng/php-diff/zipball/7f46bcfc582e81769237d0b3f6b8a548efe8799d",
-                "reference": "7f46bcfc582e81769237d0b3f6b8a548efe8799d",
-                "shasum": ""
-            },
-            "require": {
-                "jfcherng/php-color-output": "^3",
-                "jfcherng/php-mb-string": "^1.4.6 || ^2",
-                "jfcherng/php-sequence-matcher": "^3.2.10 || ^4",
-                "php": ">=7.4"
-            },
-            "require-dev": {
-                "friendsofphp/php-cs-fixer": "^3.51",
-                "liip/rmt": "^1.6",
-                "phan/phan": "^5",
-                "phpunit/phpunit": "^9",
-                "squizlabs/php_codesniffer": "^3.6"
-            },
-            "type": "library",
-            "autoload": {
-                "psr-4": {
-                    "Jfcherng\\Diff\\": "src/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "BSD-3-Clause"
-            ],
-            "authors": [
-                {
-                    "name": "Jack Cherng",
-                    "email": "jfcherng@gmail.com"
-                },
-                {
-                    "name": "Chris Boulton",
-                    "email": "chris.boulton@interspire.com"
-                }
-            ],
-            "description": "A comprehensive library for generating differences between two strings in multiple formats (unified, side by side HTML etc).",
-            "keywords": [
-                "diff",
-                "udiff",
-                "unidiff",
-                "unified diff"
-            ],
-            "support": {
-                "issues": "https://github.com/jfcherng/php-diff/issues",
-                "source": "https://github.com/jfcherng/php-diff/tree/6.16.2"
-            },
-            "funding": [
-                {
-                    "url": "https://www.paypal.me/jfcherng/5usd",
-                    "type": "custom"
-                }
-            ],
-            "time": "2024-03-10T17:40:29+00:00"
-        },
-        {
-            "name": "jfcherng/php-mb-string",
-            "version": "2.0.1",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/jfcherng/php-mb-string.git",
-                "reference": "8407bfefde47849c9e7c9594e6de2ac85a0f845d"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/jfcherng/php-mb-string/zipball/8407bfefde47849c9e7c9594e6de2ac85a0f845d",
-                "reference": "8407bfefde47849c9e7c9594e6de2ac85a0f845d",
-                "shasum": ""
-            },
-            "require": {
-                "ext-iconv": "*",
-                "php": ">=8.1"
-            },
-            "require-dev": {
-                "friendsofphp/php-cs-fixer": "^3",
-                "phan/phan": "^5",
-                "phpunit/phpunit": "^9 || ^10"
-            },
-            "suggest": {
-                "ext-iconv": "Either \"ext-iconv\" or \"ext-mbstring\" is requried.",
-                "ext-mbstring": "Either \"ext-iconv\" or \"ext-mbstring\" is requried."
-            },
-            "type": "library",
-            "autoload": {
-                "psr-4": {
-                    "Jfcherng\\Utility\\": "src/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Jack Cherng",
-                    "email": "jfcherng@gmail.com"
-                }
-            ],
-            "description": "A high performance multibytes sting implementation for frequently reading/writing operations.",
-            "support": {
-                "issues": "https://github.com/jfcherng/php-mb-string/issues",
-                "source": "https://github.com/jfcherng/php-mb-string/tree/2.0.1"
-            },
-            "funding": [
-                {
-                    "url": "https://www.paypal.me/jfcherng/5usd",
-                    "type": "custom"
-                }
-            ],
-            "time": "2023-04-17T14:23:16+00:00"
-        },
-        {
-            "name": "jfcherng/php-sequence-matcher",
-            "version": "4.0.3",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/jfcherng/php-sequence-matcher.git",
-                "reference": "d2038ac29627340a7458609072a8ba355e80ec5b"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/jfcherng/php-sequence-matcher/zipball/d2038ac29627340a7458609072a8ba355e80ec5b",
-                "reference": "d2038ac29627340a7458609072a8ba355e80ec5b",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=8.1"
-            },
-            "require-dev": {
-                "friendsofphp/php-cs-fixer": "^3",
-                "phan/phan": "^5",
-                "phpunit/phpunit": "^9 || ^10",
-                "squizlabs/php_codesniffer": "^3.7"
-            },
-            "type": "library",
-            "autoload": {
-                "psr-4": {
-                    "Jfcherng\\Diff\\": "src/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "BSD-3-Clause"
-            ],
-            "authors": [
-                {
-                    "name": "Jack Cherng",
-                    "email": "jfcherng@gmail.com"
-                },
-                {
-                    "name": "Chris Boulton",
-                    "email": "chris.boulton@interspire.com"
-                }
-            ],
-            "description": "A longest sequence matcher. The logic is primarily based on the Python difflib package.",
-            "support": {
-                "issues": "https://github.com/jfcherng/php-sequence-matcher/issues",
-                "source": "https://github.com/jfcherng/php-sequence-matcher/tree/4.0.3"
-            },
-            "funding": [
-                {
-                    "url": "https://www.paypal.me/jfcherng/5usd",
-                    "type": "custom"
-                }
-            ],
-            "time": "2023-05-21T07:57:08+00:00"
-        },
         {
             "name": "laravel/fortify",
-            "version": "v1.29.0",
+            "version": "v1.30.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/laravel/fortify.git",
-                "reference": "7f334449341219633acf40993461585ae5178d14"
+                "reference": "005f4d535ae671312d267d942b964807fc0ef6f8"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/laravel/fortify/zipball/7f334449341219633acf40993461585ae5178d14",
-                "reference": "7f334449341219633acf40993461585ae5178d14",
+                "url": "https://api.github.com/repos/laravel/fortify/zipball/005f4d535ae671312d267d942b964807fc0ef6f8",
+                "reference": "005f4d535ae671312d267d942b964807fc0ef6f8",
                 "shasum": ""
             },
             "require": {
@@ -2176,24 +1939,24 @@
                 "issues": "https://github.com/laravel/fortify/issues",
                 "source": "https://github.com/laravel/fortify"
             },
-            "time": "2025-08-14T21:50:18+00:00"
+            "time": "2025-08-29T20:15:47+00:00"
         },
         {
             "name": "laravel/framework",
-            "version": "v11.45.2",
+            "version": "v12.29.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/laravel/framework.git",
-                "reference": "d134bf11e2208c0c5bd488cf19e612ca176b820a"
+                "reference": "a9e4c73086f5ba38383e9c1d74b84fe46aac730b"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/laravel/framework/zipball/d134bf11e2208c0c5bd488cf19e612ca176b820a",
-                "reference": "d134bf11e2208c0c5bd488cf19e612ca176b820a",
+                "url": "https://api.github.com/repos/laravel/framework/zipball/a9e4c73086f5ba38383e9c1d74b84fe46aac730b",
+                "reference": "a9e4c73086f5ba38383e9c1d74b84fe46aac730b",
                 "shasum": ""
             },
             "require": {
-                "brick/math": "^0.9.3|^0.10.2|^0.11|^0.12",
+                "brick/math": "^0.11|^0.12|^0.13|^0.14",
                 "composer-runtime-api": "^2.2",
                 "doctrine/inflector": "^2.0.5",
                 "dragonmantank/cron-expression": "^3.4",
@@ -2208,32 +1971,35 @@
                 "fruitcake/php-cors": "^1.3",
                 "guzzlehttp/guzzle": "^7.8.2",
                 "guzzlehttp/uri-template": "^1.0",
-                "laravel/prompts": "^0.1.18|^0.2.0|^0.3.0",
+                "laravel/prompts": "^0.3.0",
                 "laravel/serializable-closure": "^1.3|^2.0",
                 "league/commonmark": "^2.7",
                 "league/flysystem": "^3.25.1",
                 "league/flysystem-local": "^3.25.1",
                 "league/uri": "^7.5.1",
                 "monolog/monolog": "^3.0",
-                "nesbot/carbon": "^2.72.6|^3.8.4",
+                "nesbot/carbon": "^3.8.4",
                 "nunomaduro/termwind": "^2.0",
+                "phiki/phiki": "v2.0.0",
                 "php": "^8.2",
                 "psr/container": "^1.1.1|^2.0.1",
                 "psr/log": "^1.0|^2.0|^3.0",
                 "psr/simple-cache": "^1.0|^2.0|^3.0",
                 "ramsey/uuid": "^4.7",
-                "symfony/console": "^7.0.3",
-                "symfony/error-handler": "^7.0.3",
-                "symfony/finder": "^7.0.3",
+                "symfony/console": "^7.2.0",
+                "symfony/error-handler": "^7.2.0",
+                "symfony/finder": "^7.2.0",
                 "symfony/http-foundation": "^7.2.0",
-                "symfony/http-kernel": "^7.0.3",
-                "symfony/mailer": "^7.0.3",
-                "symfony/mime": "^7.0.3",
-                "symfony/polyfill-php83": "^1.31",
-                "symfony/process": "^7.0.3",
-                "symfony/routing": "^7.0.3",
-                "symfony/uid": "^7.0.3",
-                "symfony/var-dumper": "^7.0.3",
+                "symfony/http-kernel": "^7.2.0",
+                "symfony/mailer": "^7.2.0",
+                "symfony/mime": "^7.2.0",
+                "symfony/polyfill-php83": "^1.33",
+                "symfony/polyfill-php84": "^1.33",
+                "symfony/polyfill-php85": "^1.33",
+                "symfony/process": "^7.2.0",
+                "symfony/routing": "^7.2.0",
+                "symfony/uid": "^7.2.0",
+                "symfony/var-dumper": "^7.2.0",
                 "tijsverkoyen/css-to-inline-styles": "^2.2.5",
                 "vlucas/phpdotenv": "^5.6.1",
                 "voku/portable-ascii": "^2.0.2"
@@ -2265,6 +2031,7 @@
                 "illuminate/filesystem": "self.version",
                 "illuminate/hashing": "self.version",
                 "illuminate/http": "self.version",
+                "illuminate/json-schema": "self.version",
                 "illuminate/log": "self.version",
                 "illuminate/macroable": "self.version",
                 "illuminate/mail": "self.version",
@@ -2297,17 +2064,18 @@
                 "league/flysystem-read-only": "^3.25.1",
                 "league/flysystem-sftp-v3": "^3.25.1",
                 "mockery/mockery": "^1.6.10",
-                "orchestra/testbench-core": "^9.16.0",
-                "pda/pheanstalk": "^5.0.6",
+                "opis/json-schema": "^2.4.1",
+                "orchestra/testbench-core": "^10.6.5",
+                "pda/pheanstalk": "^5.0.6|^7.0.0",
                 "php-http/discovery": "^1.15",
                 "phpstan/phpstan": "^2.0",
-                "phpunit/phpunit": "^10.5.35|^11.3.6|^12.0.1",
-                "predis/predis": "^2.3",
+                "phpunit/phpunit": "^10.5.35|^11.5.3|^12.0.1",
+                "predis/predis": "^2.3|^3.0",
                 "resend/resend-php": "^0.10.0",
-                "symfony/cache": "^7.0.3",
-                "symfony/http-client": "^7.0.3",
-                "symfony/psr-http-message-bridge": "^7.0.3",
-                "symfony/translation": "^7.0.3"
+                "symfony/cache": "^7.2.0",
+                "symfony/http-client": "^7.2.0",
+                "symfony/psr-http-message-bridge": "^7.2.0",
+                "symfony/translation": "^7.2.0"
             },
             "suggest": {
                 "ably/ably-php": "Required to use the Ably broadcast driver (^1.0).",
@@ -2322,7 +2090,7 @@
                 "ext-pdo": "Required to use all database features.",
                 "ext-posix": "Required to use all features of the queue worker.",
                 "ext-redis": "Required to use the Redis cache and queue drivers (^4.0|^5.0|^6.0).",
-                "fakerphp/faker": "Required to use the eloquent factory builder (^1.9.1).",
+                "fakerphp/faker": "Required to generate fake data using the fake() helper (^1.23).",
                 "filp/whoops": "Required for friendly error pages in development (^2.14.3).",
                 "laravel/tinker": "Required to use the tinker console command (^2.0).",
                 "league/flysystem-aws-s3-v3": "Required to use the Flysystem S3 driver (^3.25.1).",
@@ -2333,22 +2101,22 @@
                 "mockery/mockery": "Required to use mocking (^1.6).",
                 "pda/pheanstalk": "Required to use the beanstalk queue driver (^5.0).",
                 "php-http/discovery": "Required to use PSR-7 bridging features (^1.15).",
-                "phpunit/phpunit": "Required to use assertions and run tests (^10.5.35|^11.3.6|^12.0.1).",
-                "predis/predis": "Required to use the predis connector (^2.3).",
+                "phpunit/phpunit": "Required to use assertions and run tests (^10.5.35|^11.5.3|^12.0.1).",
+                "predis/predis": "Required to use the predis connector (^2.3|^3.0).",
                 "psr/http-message": "Required to allow Storage::put to accept a StreamInterface (^1.0).",
                 "pusher/pusher-php-server": "Required to use the Pusher broadcast driver (^6.0|^7.0).",
                 "resend/resend-php": "Required to enable support for the Resend mail transport (^0.10.0).",
-                "symfony/cache": "Required to PSR-6 cache bridge (^7.0).",
-                "symfony/filesystem": "Required to enable support for relative symbolic links (^7.0).",
-                "symfony/http-client": "Required to enable support for the Symfony API mail transports (^7.0).",
-                "symfony/mailgun-mailer": "Required to enable support for the Mailgun mail transport (^7.0).",
-                "symfony/postmark-mailer": "Required to enable support for the Postmark mail transport (^7.0).",
-                "symfony/psr-http-message-bridge": "Required to use PSR-7 bridging features (^7.0)."
+                "symfony/cache": "Required to PSR-6 cache bridge (^7.2).",
+                "symfony/filesystem": "Required to enable support for relative symbolic links (^7.2).",
+                "symfony/http-client": "Required to enable support for the Symfony API mail transports (^7.2).",
+                "symfony/mailgun-mailer": "Required to enable support for the Mailgun mail transport (^7.2).",
+                "symfony/postmark-mailer": "Required to enable support for the Postmark mail transport (^7.2).",
+                "symfony/psr-http-message-bridge": "Required to use PSR-7 bridging features (^7.2)."
             },
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-master": "11.x-dev"
+                    "dev-master": "12.x-dev"
                 }
             },
             "autoload": {
@@ -2391,74 +2159,7 @@
                 "issues": "https://github.com/laravel/framework/issues",
                 "source": "https://github.com/laravel/framework"
             },
-            "time": "2025-08-13T20:28:00+00:00"
-        },
-        {
-            "name": "laravel/jetstream",
-            "version": "v5.3.8",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/laravel/jetstream.git",
-                "reference": "5720f0c0a81ad4bc44602d45c2d5ce55f8c7fe24"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/laravel/jetstream/zipball/5720f0c0a81ad4bc44602d45c2d5ce55f8c7fe24",
-                "reference": "5720f0c0a81ad4bc44602d45c2d5ce55f8c7fe24",
-                "shasum": ""
-            },
-            "require": {
-                "ext-json": "*",
-                "illuminate/console": "^11.0|^12.0",
-                "illuminate/support": "^11.0|^12.0",
-                "laravel/fortify": "^1.20",
-                "mobiledetect/mobiledetectlib": "^4.8.08",
-                "php": "^8.2.0",
-                "symfony/console": "^7.0"
-            },
-            "require-dev": {
-                "inertiajs/inertia-laravel": "^2.0",
-                "laravel/sanctum": "^4.0",
-                "livewire/livewire": "^3.3",
-                "mockery/mockery": "^1.0",
-                "orchestra/testbench": "^9.0|^10.0",
-                "phpstan/phpstan": "^1.10",
-                "phpunit/phpunit": "^11.0"
-            },
-            "type": "library",
-            "extra": {
-                "laravel": {
-                    "providers": [
-                        "Laravel\\Jetstream\\JetstreamServiceProvider"
-                    ]
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "Laravel\\Jetstream\\": "src/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Taylor Otwell",
-                    "email": "taylor@laravel.com"
-                }
-            ],
-            "description": "Tailwind scaffolding for the Laravel framework.",
-            "keywords": [
-                "auth",
-                "laravel",
-                "tailwind"
-            ],
-            "support": {
-                "issues": "https://github.com/laravel/jetstream/issues",
-                "source": "https://github.com/laravel/jetstream"
-            },
-            "time": "2025-07-18T18:49:50+00:00"
+            "time": "2025-09-16T14:15:03+00:00"
         },
         {
             "name": "laravel/prompts",
@@ -3878,71 +3579,6 @@
             },
             "time": "2022-12-02T22:17:43+00:00"
         },
-        {
-            "name": "mobiledetect/mobiledetectlib",
-            "version": "4.8.09",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/serbanghita/Mobile-Detect.git",
-                "reference": "a06fe2e546a06bb8c2639d6823d5250b2efb3209"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/serbanghita/Mobile-Detect/zipball/a06fe2e546a06bb8c2639d6823d5250b2efb3209",
-                "reference": "a06fe2e546a06bb8c2639d6823d5250b2efb3209",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=8.0",
-                "psr/cache": "^3.0",
-                "psr/simple-cache": "^3"
-            },
-            "require-dev": {
-                "friendsofphp/php-cs-fixer": "^v3.65.0",
-                "phpbench/phpbench": "^1.2",
-                "phpstan/phpstan": "^1.12.x-dev",
-                "phpunit/phpunit": "^9.6.18",
-                "squizlabs/php_codesniffer": "^3.11.1"
-            },
-            "type": "library",
-            "autoload": {
-                "psr-4": {
-                    "Detection\\": "src/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Serban Ghita",
-                    "email": "serbanghita@gmail.com",
-                    "homepage": "http://mobiledetect.net",
-                    "role": "Developer"
-                }
-            ],
-            "description": "Mobile_Detect is a lightweight PHP class for detecting mobile devices. It uses the User-Agent string combined with specific HTTP headers to detect the mobile environment.",
-            "homepage": "https://github.com/serbanghita/Mobile-Detect",
-            "keywords": [
-                "detect mobile devices",
-                "mobile",
-                "mobile detect",
-                "mobile detector",
-                "php mobile detect"
-            ],
-            "support": {
-                "issues": "https://github.com/serbanghita/Mobile-Detect/issues",
-                "source": "https://github.com/serbanghita/Mobile-Detect/tree/4.8.09"
-            },
-            "funding": [
-                {
-                    "url": "https://github.com/serbanghita",
-                    "type": "github"
-                }
-            ],
-            "time": "2024-12-10T15:32:06+00:00"
-        },
         {
             "name": "monolog/monolog",
             "version": "3.9.0",
@@ -4114,16 +3750,16 @@
         },
         {
             "name": "nesbot/carbon",
-            "version": "3.10.2",
+            "version": "3.10.3",
             "source": {
                 "type": "git",
                 "url": "https://github.com/CarbonPHP/carbon.git",
-                "reference": "76b5c07b8a9d2025ed1610e14cef1f3fd6ad2c24"
+                "reference": "8e3643dcd149ae0fe1d2ff4f2c8e4bbfad7c165f"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/CarbonPHP/carbon/zipball/76b5c07b8a9d2025ed1610e14cef1f3fd6ad2c24",
-                "reference": "76b5c07b8a9d2025ed1610e14cef1f3fd6ad2c24",
+                "url": "https://api.github.com/repos/CarbonPHP/carbon/zipball/8e3643dcd149ae0fe1d2ff4f2c8e4bbfad7c165f",
+                "reference": "8e3643dcd149ae0fe1d2ff4f2c8e4bbfad7c165f",
                 "shasum": ""
             },
             "require": {
@@ -4141,13 +3777,13 @@
             "require-dev": {
                 "doctrine/dbal": "^3.6.3 || ^4.0",
                 "doctrine/orm": "^2.15.2 || ^3.0",
-                "friendsofphp/php-cs-fixer": "^3.75.0",
+                "friendsofphp/php-cs-fixer": "^v3.87.1",
                 "kylekatarnls/multi-tester": "^2.5.3",
                 "phpmd/phpmd": "^2.15.0",
                 "phpstan/extension-installer": "^1.4.3",
-                "phpstan/phpstan": "^2.1.17",
-                "phpunit/phpunit": "^10.5.46",
-                "squizlabs/php_codesniffer": "^3.13.0"
+                "phpstan/phpstan": "^2.1.22",
+                "phpunit/phpunit": "^10.5.53",
+                "squizlabs/php_codesniffer": "^3.13.4"
             },
             "bin": [
                 "bin/carbon"
@@ -4215,7 +3851,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2025-08-02T09:36:06+00:00"
+            "time": "2025-09-06T13:39:36+00:00"
         },
         {
             "name": "nette/schema",
@@ -4721,6 +4357,77 @@
             },
             "time": "2020-10-15T08:29:30+00:00"
         },
+        {
+            "name": "phiki/phiki",
+            "version": "v2.0.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/phikiphp/phiki.git",
+                "reference": "461f6dd7e91dc3a95463b42f549ac7d0aab4702f"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/phikiphp/phiki/zipball/461f6dd7e91dc3a95463b42f549ac7d0aab4702f",
+                "reference": "461f6dd7e91dc3a95463b42f549ac7d0aab4702f",
+                "shasum": ""
+            },
+            "require": {
+                "ext-mbstring": "*",
+                "league/commonmark": "^2.5.3",
+                "php": "^8.2",
+                "psr/simple-cache": "^3.0"
+            },
+            "require-dev": {
+                "illuminate/support": "^11.45",
+                "laravel/pint": "^1.18.1",
+                "orchestra/testbench": "^9.15",
+                "pestphp/pest": "^3.5.1",
+                "phpstan/extension-installer": "^1.4.3",
+                "phpstan/phpstan": "^2.0",
+                "symfony/var-dumper": "^7.1.6"
+            },
+            "type": "library",
+            "extra": {
+                "laravel": {
+                    "providers": [
+                        "Phiki\\Adapters\\Laravel\\PhikiServiceProvider"
+                    ]
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Phiki\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Ryan Chandler",
+                    "email": "support@ryangjchandler.co.uk",
+                    "homepage": "https://ryangjchandler.co.uk",
+                    "role": "Developer"
+                }
+            ],
+            "description": "Syntax highlighting using TextMate grammars in PHP.",
+            "support": {
+                "issues": "https://github.com/phikiphp/phiki/issues",
+                "source": "https://github.com/phikiphp/phiki/tree/v2.0.0"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/sponsors/ryangjchandler",
+                    "type": "github"
+                },
+                {
+                    "url": "https://buymeacoffee.com/ryangjchandler",
+                    "type": "other"
+                }
+            ],
+            "time": "2025-08-28T18:20:27+00:00"
+        },
         {
             "name": "php-http/discovery",
             "version": "1.20.0",
@@ -5922,20 +5629,20 @@
         },
         {
             "name": "ramsey/uuid",
-            "version": "4.9.0",
+            "version": "4.9.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/ramsey/uuid.git",
-                "reference": "4e0e23cc785f0724a0e838279a9eb03f28b092a0"
+                "reference": "81f941f6f729b1e3ceea61d9d014f8b6c6800440"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/ramsey/uuid/zipball/4e0e23cc785f0724a0e838279a9eb03f28b092a0",
-                "reference": "4e0e23cc785f0724a0e838279a9eb03f28b092a0",
+                "url": "https://api.github.com/repos/ramsey/uuid/zipball/81f941f6f729b1e3ceea61d9d014f8b6c6800440",
+                "reference": "81f941f6f729b1e3ceea61d9d014f8b6c6800440",
                 "shasum": ""
             },
             "require": {
-                "brick/math": "^0.8.8 || ^0.9 || ^0.10 || ^0.11 || ^0.12 || ^0.13",
+                "brick/math": "^0.8.8 || ^0.9 || ^0.10 || ^0.11 || ^0.12 || ^0.13 || ^0.14",
                 "php": "^8.0",
                 "ramsey/collection": "^1.2 || ^2.0"
             },
@@ -5994,48 +5701,52 @@
             ],
             "support": {
                 "issues": "https://github.com/ramsey/uuid/issues",
-                "source": "https://github.com/ramsey/uuid/tree/4.9.0"
+                "source": "https://github.com/ramsey/uuid/tree/4.9.1"
             },
-            "time": "2025-06-25T14:20:11+00:00"
+            "time": "2025-09-04T20:59:21+00:00"
         },
         {
-            "name": "robsontenorio/mary",
-            "version": "1.41.8",
+            "name": "rappasoft/laravel-livewire-tables",
+            "version": "v3.7.3",
             "source": {
                 "type": "git",
-                "url": "https://github.com/robsontenorio/mary.git",
-                "reference": "364708bbed8a954bb9072957cc7cbcd8b3301c09"
+                "url": "https://github.com/rappasoft/laravel-livewire-tables.git",
+                "reference": "74beb4c2672e024000d41ecad8a17b4ab8c934bd"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/robsontenorio/mary/zipball/364708bbed8a954bb9072957cc7cbcd8b3301c09",
-                "reference": "364708bbed8a954bb9072957cc7cbcd8b3301c09",
+                "url": "https://api.github.com/repos/rappasoft/laravel-livewire-tables/zipball/74beb4c2672e024000d41ecad8a17b4ab8c934bd",
+                "reference": "74beb4c2672e024000d41ecad8a17b4ab8c934bd",
                 "shasum": ""
             },
             "require": {
-                "blade-ui-kit/blade-heroicons": "^2.3",
-                "illuminate/support": "^10.0|^11.0",
-                "jfcherng/php-diff": "^6.15",
-                "laravel/prompts": "^0|^1"
+                "blade-ui-kit/blade-heroicons": "^2.1",
+                "illuminate/contracts": "^10.0|^11.0|^12.0",
+                "illuminate/support": "^10.0|^11.0|^12.0",
+                "livewire/livewire": "^3.0|dev-main",
+                "php": "^8.1|^8.2|^8.3|^8.4"
             },
             "require-dev": {
-                "orchestra/testbench": "^8.21",
-                "phpunit/phpunit": "^10.5"
+                "brianium/paratest": "^5.0|^6.0|^7.0|^8.0|^9.0",
+                "ext-sqlite3": "*",
+                "larastan/larastan": "^2.6|^3.0",
+                "laravel/pint": "^1.10",
+                "monolog/monolog": "*",
+                "nunomaduro/collision": "^6.0|^7.0|^8.0|^9.0",
+                "orchestra/testbench": "^7.0|^8.0|^9.0|^10.0",
+                "phpunit/phpunit": "^9.0|^10.0|^11.0|^12.0"
             },
             "type": "library",
             "extra": {
                 "laravel": {
-                    "aliases": {
-                        "Mary": "Mary\\Facades\\Mary"
-                    },
                     "providers": [
-                        "Mary\\MaryServiceProvider"
+                        "Rappasoft\\LaravelLivewireTables\\LaravelLivewireTablesServiceProvider"
                     ]
                 }
             },
             "autoload": {
                 "psr-4": {
-                    "Mary\\": "src/"
+                    "Rappasoft\\LaravelLivewireTables\\": "src"
                 }
             },
             "notification-url": "https://packagist.org/downloads/",
@@ -6044,46 +5755,36 @@
             ],
             "authors": [
                 {
-                    "name": "Robson Tenório",
-                    "email": "rrtenorio@gmail.com",
-                    "homepage": "https://github.com/robsontenorio"
+                    "name": "Anthony Rappa",
+                    "email": "rappa819@gmail.com",
+                    "role": "Developer"
+                },
+                {
+                    "name": "Joe McElwee",
+                    "email": "joe@lowerrocklabs.com",
+                    "role": "Developer"
                 }
             ],
-            "description": "Laravel Blade UI Components for Livewire 3",
-            "homepage": "https://mary-ui.com",
+            "description": "A dynamic table component for Laravel Livewire",
+            "homepage": "https://github.com/rappasoft/laravel-livewire-tables",
             "keywords": [
-                "DaisyUI",
-                "alpinejs",
-                "blade",
-                "blade ui components",
-                "components",
+                "datatables",
                 "laravel",
                 "livewire",
-                "livewire 3",
-                "livewire components",
-                "livewire packages",
-                "livewire ui",
-                "livewire ui components",
-                "livewire-components",
-                "livewire-packages",
-                "tailwind",
-                "tallstack",
-                "tallstack components",
-                "tallstack ui",
-                "tallstackui",
-                "ui"
+                "rappasoft",
+                "tables"
             ],
             "support": {
-                "issues": "https://github.com/robsontenorio/mary/issues",
-                "source": "https://github.com/robsontenorio/mary/tree/1.41.8"
+                "issues": "https://github.com/rappasoft/laravel-livewire-tables/issues",
+                "source": "https://github.com/rappasoft/laravel-livewire-tables/tree/v3.7.3"
             },
             "funding": [
                 {
-                    "url": "https://github.com/robsontenorio",
+                    "url": "https://github.com/rappasoft",
                     "type": "github"
                 }
             ],
-            "time": "2025-02-03T22:09:17+00:00"
+            "time": "2025-05-03T02:24:46+00:00"
         },
         {
             "name": "scheb/yahoo-finance-api",
@@ -6205,34 +5906,34 @@
         },
         {
             "name": "staudenmeir/eloquent-has-many-deep",
-            "version": "v1.20.7",
+            "version": "v1.21.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/staudenmeir/eloquent-has-many-deep.git",
-                "reference": "52155a1ac051e0c451f329937e591f9b892f05e2"
+                "reference": "7810607379cef2e18accc75ee09903070178255d"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/staudenmeir/eloquent-has-many-deep/zipball/52155a1ac051e0c451f329937e591f9b892f05e2",
-                "reference": "52155a1ac051e0c451f329937e591f9b892f05e2",
+                "url": "https://api.github.com/repos/staudenmeir/eloquent-has-many-deep/zipball/7810607379cef2e18accc75ee09903070178255d",
+                "reference": "7810607379cef2e18accc75ee09903070178255d",
                 "shasum": ""
             },
             "require": {
-                "illuminate/database": "^11.0",
+                "illuminate/database": "^12.0",
                 "php": "^8.2",
-                "staudenmeir/eloquent-has-many-deep-contracts": "^1.2"
+                "staudenmeir/eloquent-has-many-deep-contracts": "^1.3"
             },
             "require-dev": {
                 "awobaz/compoships": "^2.3",
                 "barryvdh/laravel-ide-helper": "^3.0",
-                "korridor/laravel-has-many-merged": "^1.1",
+                "korridor/laravel-has-many-merged": "^1.2",
                 "larastan/larastan": "^3.0",
-                "laravel/framework": "^11.0",
+                "laravel/framework": "^12.0",
                 "mockery/mockery": "^1.6",
-                "orchestra/testbench-core": "^9.5",
+                "orchestra/testbench-core": "^10.0",
                 "phpunit/phpunit": "^11.0",
-                "staudenmeir/eloquent-json-relations": "^1.11",
-                "staudenmeir/laravel-adjacency-list": "^1.21"
+                "staudenmeir/eloquent-json-relations": "^1.14",
+                "staudenmeir/laravel-adjacency-list": "^1.24"
             },
             "type": "library",
             "extra": {
@@ -6260,7 +5961,7 @@
             "description": "Laravel Eloquent HasManyThrough relationships with unlimited levels",
             "support": {
                 "issues": "https://github.com/staudenmeir/eloquent-has-many-deep/issues",
-                "source": "https://github.com/staudenmeir/eloquent-has-many-deep/tree/v1.20.7"
+                "source": "https://github.com/staudenmeir/eloquent-has-many-deep/tree/v1.21.1"
             },
             "funding": [
                 {
@@ -6268,24 +5969,24 @@
                     "type": "custom"
                 }
             ],
-            "time": "2025-02-16T14:39:47+00:00"
+            "time": "2025-06-29T13:53:15+00:00"
         },
         {
             "name": "staudenmeir/eloquent-has-many-deep-contracts",
-            "version": "v1.2.1",
+            "version": "v1.3",
             "source": {
                 "type": "git",
                 "url": "https://github.com/staudenmeir/eloquent-has-many-deep-contracts.git",
-                "reference": "3ad76c6eeda60042f262d113bf471dcce584d88b"
+                "reference": "37ce351e4db919b3af606bc8ca0e62e2e4939cde"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/staudenmeir/eloquent-has-many-deep-contracts/zipball/3ad76c6eeda60042f262d113bf471dcce584d88b",
-                "reference": "3ad76c6eeda60042f262d113bf471dcce584d88b",
+                "url": "https://api.github.com/repos/staudenmeir/eloquent-has-many-deep-contracts/zipball/37ce351e4db919b3af606bc8ca0e62e2e4939cde",
+                "reference": "37ce351e4db919b3af606bc8ca0e62e2e4939cde",
                 "shasum": ""
             },
             "require": {
-                "illuminate/database": "^11.0",
+                "illuminate/database": "^12.0",
                 "php": "^8.2"
             },
             "type": "library",
@@ -6307,9 +6008,9 @@
             "description": "Contracts for staudenmeir/eloquent-has-many-deep",
             "support": {
                 "issues": "https://github.com/staudenmeir/eloquent-has-many-deep-contracts/issues",
-                "source": "https://github.com/staudenmeir/eloquent-has-many-deep-contracts/tree/v1.2.1"
+                "source": "https://github.com/staudenmeir/eloquent-has-many-deep-contracts/tree/v1.3"
             },
-            "time": "2024-09-25T18:24:22+00:00"
+            "time": "2025-02-15T17:11:01+00:00"
         },
         {
             "name": "symfony/cache",
@@ -6565,16 +6266,16 @@
         },
         {
             "name": "symfony/console",
-            "version": "v7.3.2",
+            "version": "v7.3.3",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/console.git",
-                "reference": "5f360ebc65c55265a74d23d7fe27f957870158a1"
+                "reference": "cb0102a1c5ac3807cf3fdf8bea96007df7fdbea7"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/console/zipball/5f360ebc65c55265a74d23d7fe27f957870158a1",
-                "reference": "5f360ebc65c55265a74d23d7fe27f957870158a1",
+                "url": "https://api.github.com/repos/symfony/console/zipball/cb0102a1c5ac3807cf3fdf8bea96007df7fdbea7",
+                "reference": "cb0102a1c5ac3807cf3fdf8bea96007df7fdbea7",
                 "shasum": ""
             },
             "require": {
@@ -6639,7 +6340,7 @@
                 "terminal"
             ],
             "support": {
-                "source": "https://github.com/symfony/console/tree/v7.3.2"
+                "source": "https://github.com/symfony/console/tree/v7.3.3"
             },
             "funding": [
                 {
@@ -6659,7 +6360,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2025-07-30T17:13:41+00:00"
+            "time": "2025-08-25T06:35:40+00:00"
         },
         {
             "name": "symfony/css-selector",
@@ -6876,16 +6577,16 @@
         },
         {
             "name": "symfony/event-dispatcher",
-            "version": "v7.3.0",
+            "version": "v7.3.3",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/event-dispatcher.git",
-                "reference": "497f73ac996a598c92409b44ac43b6690c4f666d"
+                "reference": "b7dc69e71de420ac04bc9ab830cf3ffebba48191"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/event-dispatcher/zipball/497f73ac996a598c92409b44ac43b6690c4f666d",
-                "reference": "497f73ac996a598c92409b44ac43b6690c4f666d",
+                "url": "https://api.github.com/repos/symfony/event-dispatcher/zipball/b7dc69e71de420ac04bc9ab830cf3ffebba48191",
+                "reference": "b7dc69e71de420ac04bc9ab830cf3ffebba48191",
                 "shasum": ""
             },
             "require": {
@@ -6936,7 +6637,7 @@
             "description": "Provides tools that allow your application components to communicate with each other by dispatching events and listening to them",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/event-dispatcher/tree/v7.3.0"
+                "source": "https://github.com/symfony/event-dispatcher/tree/v7.3.3"
             },
             "funding": [
                 {
@@ -6947,12 +6648,16 @@
                     "url": "https://github.com/fabpot",
                     "type": "github"
                 },
+                {
+                    "url": "https://github.com/nicolas-grekas",
+                    "type": "github"
+                },
                 {
                     "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
                     "type": "tidelift"
                 }
             ],
-            "time": "2025-04-22T09:11:45+00:00"
+            "time": "2025-08-13T11:49:31+00:00"
         },
         {
             "name": "symfony/event-dispatcher-contracts",
@@ -7100,16 +6805,16 @@
         },
         {
             "name": "symfony/http-foundation",
-            "version": "v7.3.2",
+            "version": "v7.3.3",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/http-foundation.git",
-                "reference": "6877c122b3a6cc3695849622720054f6e6fa5fa6"
+                "reference": "7475561ec27020196c49bb7c4f178d33d7d3dc00"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/http-foundation/zipball/6877c122b3a6cc3695849622720054f6e6fa5fa6",
-                "reference": "6877c122b3a6cc3695849622720054f6e6fa5fa6",
+                "url": "https://api.github.com/repos/symfony/http-foundation/zipball/7475561ec27020196c49bb7c4f178d33d7d3dc00",
+                "reference": "7475561ec27020196c49bb7c4f178d33d7d3dc00",
                 "shasum": ""
             },
             "require": {
@@ -7159,7 +6864,7 @@
             "description": "Defines an object-oriented layer for the HTTP specification",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/http-foundation/tree/v7.3.2"
+                "source": "https://github.com/symfony/http-foundation/tree/v7.3.3"
             },
             "funding": [
                 {
@@ -7179,20 +6884,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2025-07-10T08:47:49+00:00"
+            "time": "2025-08-20T08:04:18+00:00"
         },
         {
             "name": "symfony/http-kernel",
-            "version": "v7.3.2",
+            "version": "v7.3.3",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/http-kernel.git",
-                "reference": "6ecc895559ec0097e221ed2fd5eb44d5fede083c"
+                "reference": "72c304de37e1a1cec6d5d12b81187ebd4850a17b"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/http-kernel/zipball/6ecc895559ec0097e221ed2fd5eb44d5fede083c",
-                "reference": "6ecc895559ec0097e221ed2fd5eb44d5fede083c",
+                "url": "https://api.github.com/repos/symfony/http-kernel/zipball/72c304de37e1a1cec6d5d12b81187ebd4850a17b",
+                "reference": "72c304de37e1a1cec6d5d12b81187ebd4850a17b",
                 "shasum": ""
             },
             "require": {
@@ -7277,7 +6982,7 @@
             "description": "Provides a structured process for converting a Request into a Response",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/http-kernel/tree/v7.3.2"
+                "source": "https://github.com/symfony/http-kernel/tree/v7.3.3"
             },
             "funding": [
                 {
@@ -7297,20 +7002,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2025-07-31T10:45:04+00:00"
+            "time": "2025-08-29T08:23:45+00:00"
         },
         {
             "name": "symfony/mailer",
-            "version": "v7.3.2",
+            "version": "v7.3.3",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/mailer.git",
-                "reference": "d43e84d9522345f96ad6283d5dfccc8c1cfc299b"
+                "reference": "a32f3f45f1990db8c4341d5122a7d3a381c7e575"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/mailer/zipball/d43e84d9522345f96ad6283d5dfccc8c1cfc299b",
-                "reference": "d43e84d9522345f96ad6283d5dfccc8c1cfc299b",
+                "url": "https://api.github.com/repos/symfony/mailer/zipball/a32f3f45f1990db8c4341d5122a7d3a381c7e575",
+                "reference": "a32f3f45f1990db8c4341d5122a7d3a381c7e575",
                 "shasum": ""
             },
             "require": {
@@ -7361,7 +7066,7 @@
             "description": "Helps sending emails",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/mailer/tree/v7.3.2"
+                "source": "https://github.com/symfony/mailer/tree/v7.3.3"
             },
             "funding": [
                 {
@@ -7381,7 +7086,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2025-07-15T11:36:08+00:00"
+            "time": "2025-08-13T11:49:31+00:00"
         },
         {
             "name": "symfony/mime",
@@ -8057,6 +7762,166 @@
             ],
             "time": "2025-07-08T02:45:35+00:00"
         },
+        {
+            "name": "symfony/polyfill-php84",
+            "version": "v1.33.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-php84.git",
+                "reference": "d8ced4d875142b6a7426000426b8abc631d6b191"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-php84/zipball/d8ced4d875142b6a7426000426b8abc631d6b191",
+                "reference": "d8ced4d875142b6a7426000426b8abc631d6b191",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2"
+            },
+            "type": "library",
+            "extra": {
+                "thanks": {
+                    "url": "https://github.com/symfony/polyfill",
+                    "name": "symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Php84\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill backporting some PHP 8.4+ features to lower PHP versions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "support": {
+                "source": "https://github.com/symfony/polyfill-php84/tree/v1.33.0"
+            },
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/nicolas-grekas",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2025-06-24T13:30:11+00:00"
+        },
+        {
+            "name": "symfony/polyfill-php85",
+            "version": "v1.33.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-php85.git",
+                "reference": "d4e5fcd4ab3d998ab16c0db48e6cbb9a01993f91"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-php85/zipball/d4e5fcd4ab3d998ab16c0db48e6cbb9a01993f91",
+                "reference": "d4e5fcd4ab3d998ab16c0db48e6cbb9a01993f91",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2"
+            },
+            "type": "library",
+            "extra": {
+                "thanks": {
+                    "url": "https://github.com/symfony/polyfill",
+                    "name": "symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Php85\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill backporting some PHP 8.5+ features to lower PHP versions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "support": {
+                "source": "https://github.com/symfony/polyfill-php85/tree/v1.33.0"
+            },
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/nicolas-grekas",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2025-06-23T16:12:55+00:00"
+        },
         {
             "name": "symfony/polyfill-uuid",
             "version": "v1.33.0",
@@ -8142,16 +8007,16 @@
         },
         {
             "name": "symfony/process",
-            "version": "v7.3.0",
+            "version": "v7.3.3",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/process.git",
-                "reference": "40c295f2deb408d5e9d2d32b8ba1dd61e36f05af"
+                "reference": "32241012d521e2e8a9d713adb0812bb773b907f1"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/process/zipball/40c295f2deb408d5e9d2d32b8ba1dd61e36f05af",
-                "reference": "40c295f2deb408d5e9d2d32b8ba1dd61e36f05af",
+                "url": "https://api.github.com/repos/symfony/process/zipball/32241012d521e2e8a9d713adb0812bb773b907f1",
+                "reference": "32241012d521e2e8a9d713adb0812bb773b907f1",
                 "shasum": ""
             },
             "require": {
@@ -8183,7 +8048,7 @@
             "description": "Executes commands in sub-processes",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/process/tree/v7.3.0"
+                "source": "https://github.com/symfony/process/tree/v7.3.3"
             },
             "funding": [
                 {
@@ -8194,12 +8059,16 @@
                     "url": "https://github.com/fabpot",
                     "type": "github"
                 },
+                {
+                    "url": "https://github.com/nicolas-grekas",
+                    "type": "github"
+                },
                 {
                     "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
                     "type": "tidelift"
                 }
             ],
-            "time": "2025-04-17T09:11:12+00:00"
+            "time": "2025-08-18T09:42:54+00:00"
         },
         {
             "name": "symfony/routing",
@@ -8371,16 +8240,16 @@
         },
         {
             "name": "symfony/string",
-            "version": "v7.3.2",
+            "version": "v7.3.3",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/string.git",
-                "reference": "42f505aff654e62ac7ac2ce21033818297ca89ca"
+                "reference": "17a426cce5fd1f0901fefa9b2a490d0038fd3c9c"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/string/zipball/42f505aff654e62ac7ac2ce21033818297ca89ca",
-                "reference": "42f505aff654e62ac7ac2ce21033818297ca89ca",
+                "url": "https://api.github.com/repos/symfony/string/zipball/17a426cce5fd1f0901fefa9b2a490d0038fd3c9c",
+                "reference": "17a426cce5fd1f0901fefa9b2a490d0038fd3c9c",
                 "shasum": ""
             },
             "require": {
@@ -8438,7 +8307,7 @@
                 "utf8"
             ],
             "support": {
-                "source": "https://github.com/symfony/string/tree/v7.3.2"
+                "source": "https://github.com/symfony/string/tree/v7.3.3"
             },
             "funding": [
                 {
@@ -8458,20 +8327,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2025-07-10T08:47:49+00:00"
+            "time": "2025-08-25T06:35:40+00:00"
         },
         {
             "name": "symfony/translation",
-            "version": "v7.3.2",
+            "version": "v7.3.3",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/translation.git",
-                "reference": "81b48f4daa96272efcce9c7a6c4b58e629df3c90"
+                "reference": "e0837b4cbcef63c754d89a4806575cada743a38d"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/translation/zipball/81b48f4daa96272efcce9c7a6c4b58e629df3c90",
-                "reference": "81b48f4daa96272efcce9c7a6c4b58e629df3c90",
+                "url": "https://api.github.com/repos/symfony/translation/zipball/e0837b4cbcef63c754d89a4806575cada743a38d",
+                "reference": "e0837b4cbcef63c754d89a4806575cada743a38d",
                 "shasum": ""
             },
             "require": {
@@ -8538,7 +8407,7 @@
             "description": "Provides tools to internationalize your application",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/translation/tree/v7.3.2"
+                "source": "https://github.com/symfony/translation/tree/v7.3.3"
             },
             "funding": [
                 {
@@ -8558,7 +8427,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2025-07-30T17:31:46+00:00"
+            "time": "2025-08-01T21:02:37+00:00"
         },
         {
             "name": "symfony/translation-contracts",
@@ -8714,16 +8583,16 @@
         },
         {
             "name": "symfony/var-dumper",
-            "version": "v7.3.2",
+            "version": "v7.3.3",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/var-dumper.git",
-                "reference": "53205bea27450dc5c65377518b3275e126d45e75"
+                "reference": "34d8d4c4b9597347306d1ec8eb4e1319b1e6986f"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/var-dumper/zipball/53205bea27450dc5c65377518b3275e126d45e75",
-                "reference": "53205bea27450dc5c65377518b3275e126d45e75",
+                "url": "https://api.github.com/repos/symfony/var-dumper/zipball/34d8d4c4b9597347306d1ec8eb4e1319b1e6986f",
+                "reference": "34d8d4c4b9597347306d1ec8eb4e1319b1e6986f",
                 "shasum": ""
             },
             "require": {
@@ -8777,7 +8646,7 @@
                 "dump"
             ],
             "support": {
-                "source": "https://github.com/symfony/var-dumper/tree/v7.3.2"
+                "source": "https://github.com/symfony/var-dumper/tree/v7.3.3"
             },
             "funding": [
                 {
@@ -8797,20 +8666,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2025-07-29T20:02:46+00:00"
+            "time": "2025-08-13T11:49:31+00:00"
         },
         {
             "name": "symfony/var-exporter",
-            "version": "v7.3.2",
+            "version": "v7.3.3",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/var-exporter.git",
-                "reference": "05b3e90654c097817325d6abd284f7938b05f467"
+                "reference": "d4dfcd2a822cbedd7612eb6fbd260e46f87b7137"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/var-exporter/zipball/05b3e90654c097817325d6abd284f7938b05f467",
-                "reference": "05b3e90654c097817325d6abd284f7938b05f467",
+                "url": "https://api.github.com/repos/symfony/var-exporter/zipball/d4dfcd2a822cbedd7612eb6fbd260e46f87b7137",
+                "reference": "d4dfcd2a822cbedd7612eb6fbd260e46f87b7137",
                 "shasum": ""
             },
             "require": {
@@ -8858,7 +8727,7 @@
                 "serialize"
             ],
             "support": {
-                "source": "https://github.com/symfony/var-exporter/tree/v7.3.2"
+                "source": "https://github.com/symfony/var-exporter/tree/v7.3.3"
             },
             "funding": [
                 {
@@ -8878,7 +8747,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2025-07-10T08:47:49+00:00"
+            "time": "2025-08-18T13:10:53+00:00"
         },
         {
             "name": "tijsverkoyen/css-to-inline-styles",
@@ -8937,20 +8806,20 @@
         },
         {
             "name": "tschucki/alphavantage-laravel",
-            "version": "0.0.3",
+            "version": "0.0.4",
             "source": {
                 "type": "git",
                 "url": "https://github.com/Tschucki/alphavantage-laravel.git",
-                "reference": "6c8ba403bdaf77f959eb13e8ca583b081fd81054"
+                "reference": "30f17ed6419b4437823f9367113e84f2c346fd57"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/Tschucki/alphavantage-laravel/zipball/6c8ba403bdaf77f959eb13e8ca583b081fd81054",
-                "reference": "6c8ba403bdaf77f959eb13e8ca583b081fd81054",
+                "url": "https://api.github.com/repos/Tschucki/alphavantage-laravel/zipball/30f17ed6419b4437823f9367113e84f2c346fd57",
+                "reference": "30f17ed6419b4437823f9367113e84f2c346fd57",
                 "shasum": ""
             },
             "require": {
-                "illuminate/contracts": "^10.0||^11.0",
+                "illuminate/contracts": "^10.0||^11.0||^12.0",
                 "php": "^8.2",
                 "spatie/laravel-package-tools": "^1.16"
             },
@@ -9004,7 +8873,7 @@
             ],
             "support": {
                 "issues": "https://github.com/Tschucki/alphavantage-laravel/issues",
-                "source": "https://github.com/Tschucki/alphavantage-laravel/tree/0.0.3"
+                "source": "https://github.com/Tschucki/alphavantage-laravel/tree/0.0.4"
             },
             "funding": [
                 {
@@ -9012,7 +8881,7 @@
                     "type": "github"
                 }
             ],
-            "time": "2025-02-05T00:58:45+00:00"
+            "time": "2025-09-15T08:38:01+00:00"
         },
         {
             "name": "vlucas/phpdotenv",
@@ -9419,16 +9288,16 @@
         },
         {
             "name": "laravel/pint",
-            "version": "v1.24.0",
+            "version": "v1.25.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/laravel/pint.git",
-                "reference": "0345f3b05f136801af8c339f9d16ef29e6b4df8a"
+                "reference": "595de38458c6b0ab4cae4bcc769c2e5c5d5b8e96"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/laravel/pint/zipball/0345f3b05f136801af8c339f9d16ef29e6b4df8a",
-                "reference": "0345f3b05f136801af8c339f9d16ef29e6b4df8a",
+                "url": "https://api.github.com/repos/laravel/pint/zipball/595de38458c6b0ab4cae4bcc769c2e5c5d5b8e96",
+                "reference": "595de38458c6b0ab4cae4bcc769c2e5c5d5b8e96",
                 "shasum": ""
             },
             "require": {
@@ -9439,9 +9308,9 @@
                 "php": "^8.2.0"
             },
             "require-dev": {
-                "friendsofphp/php-cs-fixer": "^3.82.2",
-                "illuminate/view": "^11.45.1",
-                "larastan/larastan": "^3.5.0",
+                "friendsofphp/php-cs-fixer": "^3.87.2",
+                "illuminate/view": "^11.46.0",
+                "larastan/larastan": "^3.7.1",
                 "laravel-zero/framework": "^11.45.0",
                 "mockery/mockery": "^1.6.12",
                 "nunomaduro/termwind": "^2.3.1",
@@ -9452,9 +9321,6 @@
             ],
             "type": "project",
             "autoload": {
-                "files": [
-                    "overrides/Runner/Parallel/ProcessFactory.php"
-                ],
                 "psr-4": {
                     "App\\": "app/",
                     "Database\\Seeders\\": "database/seeders/",
@@ -9484,7 +9350,7 @@
                 "issues": "https://github.com/laravel/pint/issues",
                 "source": "https://github.com/laravel/pint"
             },
-            "time": "2025-07-10T18:09:32+00:00"
+            "time": "2025-09-17T01:36:44+00:00"
         },
         {
             "name": "laravel/sail",
@@ -10246,16 +10112,16 @@
         },
         {
             "name": "phpunit/phpunit",
-            "version": "11.5.35",
+            "version": "11.5.39",
             "source": {
                 "type": "git",
                 "url": "https://github.com/sebastianbergmann/phpunit.git",
-                "reference": "d341ee94ee5007b286fc7907b383aae6b5b3cc91"
+                "reference": "ad5597f79d8489d2870073ac0bc0dd0ad1fa9931"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/phpunit/zipball/d341ee94ee5007b286fc7907b383aae6b5b3cc91",
-                "reference": "d341ee94ee5007b286fc7907b383aae6b5b3cc91",
+                "url": "https://api.github.com/repos/sebastianbergmann/phpunit/zipball/ad5597f79d8489d2870073ac0bc0dd0ad1fa9931",
+                "reference": "ad5597f79d8489d2870073ac0bc0dd0ad1fa9931",
                 "shasum": ""
             },
             "require": {
@@ -10327,7 +10193,7 @@
             "support": {
                 "issues": "https://github.com/sebastianbergmann/phpunit/issues",
                 "security": "https://github.com/sebastianbergmann/phpunit/security/policy",
-                "source": "https://github.com/sebastianbergmann/phpunit/tree/11.5.35"
+                "source": "https://github.com/sebastianbergmann/phpunit/tree/11.5.39"
             },
             "funding": [
                 {
@@ -10351,7 +10217,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2025-08-28T05:13:54+00:00"
+            "time": "2025-09-14T06:20:41+00:00"
         },
         {
             "name": "sebastian/cli-parser",
@@ -11381,16 +11247,16 @@
         },
         {
             "name": "symfony/yaml",
-            "version": "v7.3.2",
+            "version": "v7.3.3",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/yaml.git",
-                "reference": "b8d7d868da9eb0919e99c8830431ea087d6aae30"
+                "reference": "d4f4a66866fe2451f61296924767280ab5732d9d"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/yaml/zipball/b8d7d868da9eb0919e99c8830431ea087d6aae30",
-                "reference": "b8d7d868da9eb0919e99c8830431ea087d6aae30",
+                "url": "https://api.github.com/repos/symfony/yaml/zipball/d4f4a66866fe2451f61296924767280ab5732d9d",
+                "reference": "d4f4a66866fe2451f61296924767280ab5732d9d",
                 "shasum": ""
             },
             "require": {
@@ -11433,7 +11299,7 @@
             "description": "Loads and dumps YAML files",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/yaml/tree/v7.3.2"
+                "source": "https://github.com/symfony/yaml/tree/v7.3.3"
             },
             "funding": [
                 {
@@ -11453,7 +11319,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2025-07-10T08:47:49+00:00"
+            "time": "2025-08-27T11:34:33+00:00"
         },
         {
             "name": "theseer/tokenizer",
@@ -11518,6 +11384,7 @@
     "platform": {
         "php": "^8.3",
         "ext-gd": "*",
+        "ext-json": "*",
         "ext-mbstring": "*",
         "ext-zip": "*"
     },
diff --git a/config/jetstream.php b/config/jetstream.php
deleted file mode 100644
index 30203dd..0000000
--- a/config/jetstream.php
+++ /dev/null
@@ -1,81 +0,0 @@
-<?php
-
-declare(strict_types=1);
-
-use Laravel\Jetstream\Features;
-use Laravel\Jetstream\Http\Middleware\AuthenticateSession;
-
-return [
-
-    /*
-    |--------------------------------------------------------------------------
-    | Jetstream Stack
-    |--------------------------------------------------------------------------
-    |
-    | This configuration value informs Jetstream which "stack" you will be
-    | using for your application. In general, this value is set for you
-    | during installation and will not need to be changed after that.
-    |
-    */
-
-    'stack' => 'livewire',
-
-    /*
-     |--------------------------------------------------------------------------
-     | Jetstream Route Middleware
-     |--------------------------------------------------------------------------
-     |
-     | Here you may specify which middleware Jetstream will assign to the routes
-     | that it registers with the application. When necessary, you may modify
-     | these middleware; however, this default value is usually sufficient.
-     |
-     */
-
-    'middleware' => ['web'],
-
-    'auth_session' => AuthenticateSession::class,
-
-    /*
-    |--------------------------------------------------------------------------
-    | Jetstream Guard
-    |--------------------------------------------------------------------------
-    |
-    | Here you may specify the authentication guard Jetstream will use while
-    | authenticating users. This value should correspond with one of your
-    | guards that is already present in your "auth" configuration file.
-    |
-    */
-
-    'guard' => 'sanctum',
-
-    /*
-    |--------------------------------------------------------------------------
-    | Features
-    |--------------------------------------------------------------------------
-    |
-    | Some of Jetstream's features are optional. You may disable the features
-    | by removing them from this array. You're free to only remove some of
-    | these features or you can even remove all of these if you need to.
-    |
-    */
-
-    'features' => [
-        Features::profilePhotos(),
-        Features::api(),
-        Features::accountDeletion(),
-    ],
-
-    /*
-    |--------------------------------------------------------------------------
-    | Profile Photo Disk
-    |--------------------------------------------------------------------------
-    |
-    | This configuration value determines the default disk that will be used
-    | when storing profile photos for your application's users. Typically
-    | this will be the "public" disk but you may adjust this if needed.
-    |
-    */
-
-    'profile_photo_disk' => env('JETSTREAM_PROFILE_PHOTO_DISK', 'public'),
-
-];
diff --git a/config/livewire-tables.php b/config/livewire-tables.php
new file mode 100644
index 0000000..3dd4067
--- /dev/null
+++ b/config/livewire-tables.php
@@ -0,0 +1,24 @@
+<?php
+
+declare(strict_types=1);
+
+return [
+
+    'theme' => 'tailwind',
+        
+    /**
+     * Enable or Disable automatic injection of core assets
+     */
+    'inject_core_assets_enabled' => false,
+    
+    /**
+     * Enable or Disable automatic injection of third-party assets
+     */
+    'inject_third_party_assets_enabled' => false,
+    
+    /**
+     * Enable Blade Directives (Not required if automatically injecting or using bundler approaches)
+     */
+    'enable_blade_directives ' => false,
+
+];
\ No newline at end of file
diff --git a/config/mary.php b/config/mary.php
deleted file mode 100644
index f4f7554..0000000
--- a/config/mary.php
+++ /dev/null
@@ -1,46 +0,0 @@
-<?php
-
-declare(strict_types=1);
-
-return [
-    /**
-     * Default component prefix.
-     *
-     * Make sure to clear view cache after renaming with `php artisan view:clear`
-     *
-     *    prefix => ''
-     *              <x-button />
-     *              <x-card />
-     *
-     *    prefix => 'mary-'
-     *               <x-mary-button />
-     *               <x-mary-card />
-     */
-    'prefix' => '',
-
-    /**
-     * Default route prefix.
-     *
-     * Some maryUI components make network request to its internal routes.
-     *
-     *      route_prefix => ''
-     *          - Spotlight: '/mary/spotlight'
-     *          - Editor: '/mary/upload'
-     *          - ...
-     *
-     *      route_prefix => 'my-components'
-     *          - Spotlight: '/my-components/mary/spotlight'
-     *          - Editor: '/my-components/mary/upload'
-     *          - ...
-     */
-    'route_prefix' => '',
-
-    /**
-     * Components settings
-     */
-    'components' => [
-        'spotlight' => [
-            'class' => 'App\Support\Spotlight',
-        ],
-    ],
-];
diff --git a/lang/en.json b/lang/en.json
index a73c43b..dc2a5b2 100644
--- a/lang/en.json
+++ b/lang/en.json
@@ -15,6 +15,7 @@
     "Cancel": "Cancel",
     "Save": "Save",
     "Close": "Close",
+    "Dismiss": "Dismiss",
     "or": "or",
     "and": "and",
     "Yes": "Yes",
@@ -28,21 +29,14 @@
     "Permanently delete your account.": "Permanently delete your account.",
     "Once your account is deleted, all of its resources and data will be permanently deleted. Before deleting your account, please download any data or information that you wish to retain.": "Once your account is deleted, all of its resources and data will be permanently deleted. Before deleting your account, please download any data or information that you wish to retain.",
     "Are you sure you want to delete your account? Once your account is deleted, all of its resources and data will be permanently deleted. Please enter your password to confirm you would like to permanently delete your account.": "Are you sure you want to delete your account? Once your account is deleted, all of its resources and data will be permanently deleted. Please enter your password to confirm you would like to permanently delete your account.",
-    "Browser Sessions": "Browser Sessions",
-    "Manage and log out your active sessions on other browsers and devices.": "Manage and log out your active sessions on other browsers and devices.",
-    "If necessary, you may log out of all of your other browser sessions across all of your devices. Some of your recent sessions are listed below; however, this list may not be exhaustive. If you feel your account has been compromised, you should also update your password.": "If necessary, you may log out of all of your other browser sessions across all of your devices. Some of your recent sessions are listed below; however, this list may not be exhaustive. If you feel your account has been compromised, you should also update your password.",
-    "This device": "This device",
-    "Last active": "Last active",
-    "Log Out Other Browser Sessions": "Log Out Other Browser Sessions",
-    "Please enter your password to confirm you would like to log out of your other browser sessions across all of your devices.": "Please enter your password to confirm you would like to log out of your other browser sessions across all of your devices.",
     "Two Factor Authentication": "Two Factor Authentication",
     "Add additional security to your account using two factor authentication.": "Add additional security to your account using two factor authentication.",
     "Finish enabling two factor authentication.": "Finish enabling two factor authentication.",
     "You have enabled two factor authentication.": "You have enabled two factor authentication.",
     "You have not enabled two factor authentication.": "You have not enabled two factor authentication.",
-    "When two factor authentication is enabled, you will be prompted for a secure, random token during authentication. You may retrieve this token from your phone\\'s Google Authenticator application.": "When two factor authentication is enabled, you will be prompted for a secure, random token during authentication. You may retrieve this token from your phone\\'s Google Authenticator application.",
-    "To finish enabling two factor authentication, scan the following QR code using your phone\\'s authenticator application or enter the setup key and provide the generated OTP code.": "To finish enabling two factor authentication, scan the following QR code using your phone\\'s authenticator application or enter the setup key and provide the generated OTP code.",
-    "Two factor authentication is now enabled. Scan the following QR code using your phone\\'s authenticator application or enter the setup key.": "Two factor authentication is now enabled. Scan the following QR code using your phone\\'s authenticator application or enter the setup key.",
+    "When two factor authentication is enabled, you will be prompted for a secure, random token during authentication. You may retrieve this token from your phone's Google Authenticator application.": "When two factor authentication is enabled, you will be prompted for a secure, random token during authentication. You may retrieve this token from your phone's Google Authenticator application.",
+    "To finish enabling two factor authentication, scan the following QR code using your phone's authenticator application or enter the setup key and provide the generated OTP code.": "To finish enabling two factor authentication, scan the following QR code using your phone's authenticator application or enter the setup key and provide the generated OTP code.",
+    "Two factor authentication is now enabled. Scan the following QR code using your phone's authenticator application or enter the setup key.": "Two factor authentication is now enabled. Scan the following QR code using your phone's authenticator application or enter the setup key.",
     "Setup Key": "Setup Key",
     "Store these recovery codes in a secure password manager. They can be used to recover access to your account if your two factor authentication device is lost.": "Store these recovery codes in a secure password manager. They can be used to recover access to your account if your two factor authentication device is lost.",
     "Regenerate Recovery Codes": "Regenerate Recovery Codes",
@@ -57,7 +51,7 @@
     "Your :provider account has been connected.": "Your :provider account has been connected.",
     "Account already exists. Check your email to connect your :provider account.": "Account already exists. Check your email to connect your :provider account.",
     "Could not login using :provider. Try again later.": "Could not login using :provider. Try again later.",
-    "Update your account\\'s profile information and email address.": "Update your account\\'s profile information and email address.",
+    "Update your account's profile information and email address.": "Update your account's profile information and email address.",
     "Photo": "Photo",
     "Select A New Photo": "Select A New Photo",
     "Remove Photo": "Remove Photo",
@@ -68,7 +62,9 @@
     "Last used": "Last used",
     "Delete": "Delete",
     "API Token": "API Token",
-    "Please copy your new API token. For your security, it won\\'t be shown again.": "Please copy your new API token. For your security, it won\\'t be shown again.",
+    "Please copy your new API token. For your security, it won't be shown again.": "Please copy your new API token. For your security, it won't be shown again.",
+    "Copy to clipboard": "Copy to clipboard",
+    "Successfully copied!": "Successfully copied!",
     "API Token Permissions": "API Token Permissions",
     "API tokens allow third-party services to authenticate with Investbrain on your behalf.": "API tokens allow third-party services to authenticate with Investbrain on your behalf.",
     "Delete API Token": "Delete API Token",
@@ -96,7 +92,7 @@
     "Recovery Code": "Recovery Code",
     "Use a recovery code": "Use a recovery code",
     "Use an authentication code": "Use an authentication code",
-    "Before continuing, could you verify your email address by clicking on the link we just emailed to you? If you didn\\'t receive the email, we will gladly send you another.": "Before continuing, could you verify your email address by clicking on the link we just emailed to you? If you didn\\'t receive the email, we will gladly send you another.",
+    "Before continuing, could you verify your email address by clicking on the link we just emailed to you? If you didn't receive the email, we will gladly send you another.": "Before continuing, could you verify your email address by clicking on the link we just emailed to you? If you didn't receive the email, we will gladly send you another.",
     "A new verification link has been sent to the email address you provided in your profile settings.": "A new verification link has been sent to the email address you provided in your profile settings.",
     "Resend Verification Email": "Resend Verification Email",
     "Edit Profile": "Edit Profile",
@@ -114,8 +110,9 @@
     "The provided password does not match your current password.": "The provided password does not match your current password.",
     
     "Documentation": "Documentation",
-    "We\\'re open source!": "We\\'re open source!",
+    "We're open source!": "We're open source!",
     "Toggle Theme": "Toggle Theme",
+    "Toggle Sidebar": "Toggle Sidebar",
     
     "Dashboard": "Dashboard",
     "Gain/Loss": "Gain/Loss",
@@ -333,7 +330,7 @@
     "passwords.sent": "We have emailed your password reset link.",
     "passwords.throttled": "Please wait before retrying.",
     "passwords.token": "This password reset token is invalid.",
-    "passwords.user": "We can\\'t find a user with that email address.",
+    "passwords.user": "We can't find a user with that email address.",
 
     "pagination.previous": "&laquo; Previous",
     "pagination.next": "Next &raquo;",
diff --git a/lang/es.json b/lang/es.json
index 3236b6e..82616cf 100644
--- a/lang/es.json
+++ b/lang/es.json
@@ -15,6 +15,7 @@
     "Cancel": "Cancelar",
     "Save": "Guardar",
     "Close": "Cerrar",
+    "Dismiss": "Despedir",
     "or": "o",
     "and": "y",
     "Yes": "Sí",
@@ -28,13 +29,6 @@
     "Permanently delete your account.": "Elimina tu cuenta de forma permanente.",
     "Once your account is deleted, all of its resources and data will be permanently deleted. Before deleting your account, please download any data or information that you wish to retain.": "Una vez que tu cuenta sea eliminada, todos sus recursos y datos serán eliminados de forma permanente. Antes de eliminar tu cuenta, descarga cualquier dato o información que desees conservar.",
     "Are you sure you want to delete your account? Once your account is deleted, all of its resources and data will be permanently deleted. Please enter your password to confirm you would like to permanently delete your account.": "¿Estás seguro de que deseas eliminar tu cuenta? Una vez que tu cuenta sea eliminada, todos sus recursos y datos serán eliminados de forma permanente. Introduce tu contraseña para confirmar que deseas eliminar tu cuenta de forma permanente.",
-    "Browser Sessions": "Sesiones del Navegador",
-    "Manage and log out your active sessions on other browsers and devices.": "Gestiona y cierra sesión en tus sesiones activas en otros navegadores y dispositivos.",
-    "If necessary, you may log out of all of your other browser sessions across all of your devices. Some of your recent sessions are listed below; however, this list may not be exhaustive. If you feel your account has been compromised, you should also update your password.": "Si es necesario, puedes cerrar sesión en todas tus otras sesiones del navegador en todos tus dispositivos. Algunas de tus sesiones recientes se enumeran a continuación; sin embargo, esta lista puede no ser exhaustiva. Si sientes que tu cuenta ha sido comprometida, también deberías actualizar tu contraseña.",
-    "This device": "Este dispositivo",
-    "Last active": "Última actividad",
-    "Log Out Other Browser Sessions": "Cerrar Sesión en Otras Sesiones del Navegador",
-    "Please enter your password to confirm you would like to log out of your other browser sessions across all of your devices.": "Introduce tu contraseña para confirmar que deseas cerrar sesión en tus otras sesiones del navegador en todos tus dispositivos.",
     "Two Factor Authentication": "Autenticación de Dos Factores",
     "Add additional security to your account using two factor authentication.": "Añade seguridad adicional a tu cuenta utilizando autenticación de dos factores.",
     "Finish enabling two factor authentication.": "Finaliza la activación de la autenticación de dos factores.",
@@ -69,6 +63,8 @@
     "Delete": "Eliminar",
     "API Token": "Token API",
     "Please copy your new API token. For your security, it won't be shown again.": "Por favor, copia tu nuevo token API. Por seguridad, no se mostrará nuevamente.",
+    "Copy to clipboard": "Copiar al portapapeles",
+    "Successfully copied!": "Copiado con éxito!",
     "API Token Permissions": "Permisos del Token API",
     "API tokens allow third-party services to authenticate with Investbrain on your behalf.": "Los tokens API permiten que servicios de terceros se autentiquen con Investbrain en tu nombre.",
     "Delete API Token": "Eliminar Token API",
@@ -116,6 +112,7 @@
     "Documentation": "Documentación",
     "We're open source!": "¡Somos de código abierto!",
     "Toggle Theme": "Cambiar Tema",
+    "Toggle Sidebar": "Alternar Navegación Lateral",
     
     "Dashboard": "Tablero",
     "Gain/Loss": "Ganancia/Pérdida",
diff --git a/package-lock.json b/package-lock.json
index 28e8147..ba01f4b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5,33 +5,47 @@
     "packages": {
         "": {
             "dependencies": {
+                "@alpinejs/focus": "^3.15.0",
+                "@alpinejs/persist": "^3.14.9",
+                "@alpinejs/resize": "^3.14.9",
+                "alpinejs": "^3.14.9",
                 "apexcharts": "^3.51.0"
             },
             "devDependencies": {
                 "@tailwindcss/forms": "^0.5.7",
                 "@tailwindcss/typography": "^0.5.10",
+                "@tailwindcss/vite": "^4.1.13",
                 "autoprefixer": "^10.4.19",
                 "axios": "^1.7.4",
-                "daisyui": "^4.12.10",
+                "daisyui": "^5.1.14",
                 "laravel-vite-plugin": "^1.0",
                 "postcss": "^8.4.40",
-                "tailwindcss": "^3.4.7",
+                "tailwindcss": "^4.1.13",
                 "vite": "^5.4"
             }
         },
-        "node_modules/@alloc/quick-lru": {
-            "version": "5.2.0",
-            "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
-            "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
-            "dev": true,
+        "node_modules/@alpinejs/focus": {
+            "version": "3.15.0",
+            "resolved": "https://registry.npmjs.org/@alpinejs/focus/-/focus-3.15.0.tgz",
+            "integrity": "sha512-Cm9vop09oNFw7T9SEBcfijrTdSN1aBNHK3cN4mB52eKvi9z5pa+xcyN+6S3FmZ44MR/u81JXa6hi5CjX1iy6dA==",
             "license": "MIT",
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
+            "dependencies": {
+                "focus-trap": "^6.9.4",
+                "tabbable": "^5.3.3"
             }
         },
+        "node_modules/@alpinejs/persist": {
+            "version": "3.15.0",
+            "resolved": "https://registry.npmjs.org/@alpinejs/persist/-/persist-3.15.0.tgz",
+            "integrity": "sha512-SmW1DWn9FRflfPqZZtpTq+2uXDq/ohbSiKmYg6HXX1UxQnsaSkTT0HT72SQcbqOC3WmIUF28CberBnwiWoqmpw==",
+            "license": "MIT"
+        },
+        "node_modules/@alpinejs/resize": {
+            "version": "3.15.0",
+            "resolved": "https://registry.npmjs.org/@alpinejs/resize/-/resize-3.15.0.tgz",
+            "integrity": "sha512-c/9PnQtsJ6iTeMnSaxgX3DDCjZX38WSOFlZd1OLm1iqngfwteYWxzSjMI4IqLxb7vmKAtrofAVs+sxt5IBOCBg==",
+            "license": "MIT"
+        },
         "node_modules/@esbuild/aix-ppc64": {
             "version": "0.21.5",
             "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz",
@@ -423,22 +437,17 @@
                 "node": ">=12"
             }
         },
-        "node_modules/@isaacs/cliui": {
-            "version": "8.0.2",
-            "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
-            "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
+        "node_modules/@isaacs/fs-minipass": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/@isaacs/fs-minipass/-/fs-minipass-4.0.1.tgz",
+            "integrity": "sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
-                "string-width": "^5.1.2",
-                "string-width-cjs": "npm:string-width@^4.2.0",
-                "strip-ansi": "^7.0.1",
-                "strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
-                "wrap-ansi": "^8.1.0",
-                "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"
+                "minipass": "^7.0.4"
             },
             "engines": {
-                "node": ">=12"
+                "node": ">=18.0.0"
             }
         },
         "node_modules/@jridgewell/gen-mapping": {
@@ -456,6 +465,17 @@
                 "node": ">=6.0.0"
             }
         },
+        "node_modules/@jridgewell/remapping": {
+            "version": "2.3.5",
+            "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+            "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@jridgewell/gen-mapping": "^0.3.5",
+                "@jridgewell/trace-mapping": "^0.3.24"
+            }
+        },
         "node_modules/@jridgewell/resolve-uri": {
             "version": "3.1.2",
             "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
@@ -477,9 +497,9 @@
             }
         },
         "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==",
             "dev": true,
             "license": "MIT"
         },
@@ -494,55 +514,6 @@
                 "@jridgewell/sourcemap-codec": "^1.4.14"
             }
         },
-        "node_modules/@nodelib/fs.scandir": {
-            "version": "2.1.5",
-            "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
-            "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@nodelib/fs.stat": "2.0.5",
-                "run-parallel": "^1.1.9"
-            },
-            "engines": {
-                "node": ">= 8"
-            }
-        },
-        "node_modules/@nodelib/fs.stat": {
-            "version": "2.0.5",
-            "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
-            "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 8"
-            }
-        },
-        "node_modules/@nodelib/fs.walk": {
-            "version": "1.2.8",
-            "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
-            "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@nodelib/fs.scandir": "2.1.5",
-                "fastq": "^1.6.0"
-            },
-            "engines": {
-                "node": ">= 8"
-            }
-        },
-        "node_modules/@pkgjs/parseargs": {
-            "version": "0.11.0",
-            "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
-            "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "engines": {
-                "node": ">=14"
-            }
-        },
         "node_modules/@rollup/rollup-android-arm-eabi": {
             "version": "4.32.0",
             "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.32.0.tgz",
@@ -822,6 +793,278 @@
                 "tailwindcss": ">=3.0.0 || >= 3.0.0-alpha.1 || >= 4.0.0-alpha.20 || >= 4.0.0-beta.1"
             }
         },
+        "node_modules/@tailwindcss/node": {
+            "version": "4.1.13",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.1.13.tgz",
+            "integrity": "sha512-eq3ouolC1oEFOAvOMOBAmfCIqZBJuvWvvYWh5h5iOYfe1HFC6+GZ6EIL0JdM3/niGRJmnrOc+8gl9/HGUaaptw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@jridgewell/remapping": "^2.3.4",
+                "enhanced-resolve": "^5.18.3",
+                "jiti": "^2.5.1",
+                "lightningcss": "1.30.1",
+                "magic-string": "^0.30.18",
+                "source-map-js": "^1.2.1",
+                "tailwindcss": "4.1.13"
+            }
+        },
+        "node_modules/@tailwindcss/node/node_modules/jiti": {
+            "version": "2.6.0",
+            "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.6.0.tgz",
+            "integrity": "sha512-VXe6RjJkBPj0ohtqaO8vSWP3ZhAKo66fKrFNCll4BTcwljPLz03pCbaNKfzGP5MbrCYcbJ7v0nOYYwUzTEIdXQ==",
+            "dev": true,
+            "license": "MIT",
+            "bin": {
+                "jiti": "lib/jiti-cli.mjs"
+            }
+        },
+        "node_modules/@tailwindcss/oxide": {
+            "version": "4.1.13",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.1.13.tgz",
+            "integrity": "sha512-CPgsM1IpGRa880sMbYmG1s4xhAy3xEt1QULgTJGQmZUeNgXFR7s1YxYygmJyBGtou4SyEosGAGEeYqY7R53bIA==",
+            "dev": true,
+            "hasInstallScript": true,
+            "license": "MIT",
+            "dependencies": {
+                "detect-libc": "^2.0.4",
+                "tar": "^7.4.3"
+            },
+            "engines": {
+                "node": ">= 10"
+            },
+            "optionalDependencies": {
+                "@tailwindcss/oxide-android-arm64": "4.1.13",
+                "@tailwindcss/oxide-darwin-arm64": "4.1.13",
+                "@tailwindcss/oxide-darwin-x64": "4.1.13",
+                "@tailwindcss/oxide-freebsd-x64": "4.1.13",
+                "@tailwindcss/oxide-linux-arm-gnueabihf": "4.1.13",
+                "@tailwindcss/oxide-linux-arm64-gnu": "4.1.13",
+                "@tailwindcss/oxide-linux-arm64-musl": "4.1.13",
+                "@tailwindcss/oxide-linux-x64-gnu": "4.1.13",
+                "@tailwindcss/oxide-linux-x64-musl": "4.1.13",
+                "@tailwindcss/oxide-wasm32-wasi": "4.1.13",
+                "@tailwindcss/oxide-win32-arm64-msvc": "4.1.13",
+                "@tailwindcss/oxide-win32-x64-msvc": "4.1.13"
+            }
+        },
+        "node_modules/@tailwindcss/oxide-android-arm64": {
+            "version": "4.1.13",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.1.13.tgz",
+            "integrity": "sha512-BrpTrVYyejbgGo57yc8ieE+D6VT9GOgnNdmh5Sac6+t0m+v+sKQevpFVpwX3pBrM2qKrQwJ0c5eDbtjouY/+ew==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "android"
+            ],
+            "engines": {
+                "node": ">= 10"
+            }
+        },
+        "node_modules/@tailwindcss/oxide-darwin-arm64": {
+            "version": "4.1.13",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.1.13.tgz",
+            "integrity": "sha512-YP+Jksc4U0KHcu76UhRDHq9bx4qtBftp9ShK/7UGfq0wpaP96YVnnjFnj3ZFrUAjc5iECzODl/Ts0AN7ZPOANQ==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": ">= 10"
+            }
+        },
+        "node_modules/@tailwindcss/oxide-darwin-x64": {
+            "version": "4.1.13",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.1.13.tgz",
+            "integrity": "sha512-aAJ3bbwrn/PQHDxCto9sxwQfT30PzyYJFG0u/BWZGeVXi5Hx6uuUOQEI2Fa43qvmUjTRQNZnGqe9t0Zntexeuw==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": ">= 10"
+            }
+        },
+        "node_modules/@tailwindcss/oxide-freebsd-x64": {
+            "version": "4.1.13",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.1.13.tgz",
+            "integrity": "sha512-Wt8KvASHwSXhKE/dJLCCWcTSVmBj3xhVhp/aF3RpAhGeZ3sVo7+NTfgiN8Vey/Fi8prRClDs6/f0KXPDTZE6nQ==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "freebsd"
+            ],
+            "engines": {
+                "node": ">= 10"
+            }
+        },
+        "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": {
+            "version": "4.1.13",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.1.13.tgz",
+            "integrity": "sha512-mbVbcAsW3Gkm2MGwA93eLtWrwajz91aXZCNSkGTx/R5eb6KpKD5q8Ueckkh9YNboU8RH7jiv+ol/I7ZyQ9H7Bw==",
+            "cpu": [
+                "arm"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 10"
+            }
+        },
+        "node_modules/@tailwindcss/oxide-linux-arm64-gnu": {
+            "version": "4.1.13",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.1.13.tgz",
+            "integrity": "sha512-wdtfkmpXiwej/yoAkrCP2DNzRXCALq9NVLgLELgLim1QpSfhQM5+ZxQQF8fkOiEpuNoKLp4nKZ6RC4kmeFH0HQ==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 10"
+            }
+        },
+        "node_modules/@tailwindcss/oxide-linux-arm64-musl": {
+            "version": "4.1.13",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.1.13.tgz",
+            "integrity": "sha512-hZQrmtLdhyqzXHB7mkXfq0IYbxegaqTmfa1p9MBj72WPoDD3oNOh1Lnxf6xZLY9C3OV6qiCYkO1i/LrzEdW2mg==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 10"
+            }
+        },
+        "node_modules/@tailwindcss/oxide-linux-x64-gnu": {
+            "version": "4.1.13",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.1.13.tgz",
+            "integrity": "sha512-uaZTYWxSXyMWDJZNY1Ul7XkJTCBRFZ5Fo6wtjrgBKzZLoJNrG+WderJwAjPzuNZOnmdrVg260DKwXCFtJ/hWRQ==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 10"
+            }
+        },
+        "node_modules/@tailwindcss/oxide-linux-x64-musl": {
+            "version": "4.1.13",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.1.13.tgz",
+            "integrity": "sha512-oXiPj5mi4Hdn50v5RdnuuIms0PVPI/EG4fxAfFiIKQh5TgQgX7oSuDWntHW7WNIi/yVLAiS+CRGW4RkoGSSgVQ==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 10"
+            }
+        },
+        "node_modules/@tailwindcss/oxide-wasm32-wasi": {
+            "version": "4.1.13",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.1.13.tgz",
+            "integrity": "sha512-+LC2nNtPovtrDwBc/nqnIKYh/W2+R69FA0hgoeOn64BdCX522u19ryLh3Vf3F8W49XBcMIxSe665kwy21FkhvA==",
+            "bundleDependencies": [
+                "@napi-rs/wasm-runtime",
+                "@emnapi/core",
+                "@emnapi/runtime",
+                "@tybys/wasm-util",
+                "@emnapi/wasi-threads",
+                "tslib"
+            ],
+            "cpu": [
+                "wasm32"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "dependencies": {
+                "@emnapi/core": "^1.4.5",
+                "@emnapi/runtime": "^1.4.5",
+                "@emnapi/wasi-threads": "^1.0.4",
+                "@napi-rs/wasm-runtime": "^0.2.12",
+                "@tybys/wasm-util": "^0.10.0",
+                "tslib": "^2.8.0"
+            },
+            "engines": {
+                "node": ">=14.0.0"
+            }
+        },
+        "node_modules/@tailwindcss/oxide-win32-arm64-msvc": {
+            "version": "4.1.13",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.1.13.tgz",
+            "integrity": "sha512-dziTNeQXtoQ2KBXmrjCxsuPk3F3CQ/yb7ZNZNA+UkNTeiTGgfeh+gH5Pi7mRncVgcPD2xgHvkFCh/MhZWSgyQg==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">= 10"
+            }
+        },
+        "node_modules/@tailwindcss/oxide-win32-x64-msvc": {
+            "version": "4.1.13",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.1.13.tgz",
+            "integrity": "sha512-3+LKesjXydTkHk5zXX01b5KMzLV1xl2mcktBJkje7rhFUpUlYJy7IMOLqjIRQncLTa1WZZiFY/foAeB5nmaiTw==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">= 10"
+            }
+        },
         "node_modules/@tailwindcss/typography": {
             "version": "0.5.16",
             "resolved": "https://registry.npmjs.org/@tailwindcss/typography/-/typography-0.5.16.tgz",
@@ -838,6 +1081,21 @@
                 "tailwindcss": ">=3.0.0 || insiders || >=4.0.0-alpha.20 || >=4.0.0-beta.1"
             }
         },
+        "node_modules/@tailwindcss/vite": {
+            "version": "4.1.13",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/vite/-/vite-4.1.13.tgz",
+            "integrity": "sha512-0PmqLQ010N58SbMTJ7BVJ4I2xopiQn/5i6nlb4JmxzQf8zcS5+m2Cv6tqh+sfDwtIdjoEnOvwsGQ1hkUi8QEHQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@tailwindcss/node": "4.1.13",
+                "@tailwindcss/oxide": "4.1.13",
+                "tailwindcss": "4.1.13"
+            },
+            "peerDependencies": {
+                "vite": "^5.2.0 || ^6 || ^7"
+            }
+        },
         "node_modules/@types/estree": {
             "version": "1.0.6",
             "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.6.tgz",
@@ -845,57 +1103,34 @@
             "dev": true,
             "license": "MIT"
         },
+        "node_modules/@vue/reactivity": {
+            "version": "3.1.5",
+            "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.1.5.tgz",
+            "integrity": "sha512-1tdfLmNjWG6t/CsPldh+foumYFo3cpyCHgBYQ34ylaMsJ+SNHQ1kApMIa8jN+i593zQuaw3AdWH0nJTARzCFhg==",
+            "license": "MIT",
+            "dependencies": {
+                "@vue/shared": "3.1.5"
+            }
+        },
+        "node_modules/@vue/shared": {
+            "version": "3.1.5",
+            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.1.5.tgz",
+            "integrity": "sha512-oJ4F3TnvpXaQwZJNF3ZK+kLPHKarDmJjJ6jyzVNDKH9md1dptjC7lWR//jrGuLdek/U6iltWxqAnYOu8gCiOvA==",
+            "license": "MIT"
+        },
         "node_modules/@yr/monotone-cubic-spline": {
             "version": "1.0.3",
             "resolved": "https://registry.npmjs.org/@yr/monotone-cubic-spline/-/monotone-cubic-spline-1.0.3.tgz",
             "integrity": "sha512-FQXkOta0XBSUPHndIKON2Y9JeQz5ZeMqLYZVVK93FliNBFm7LNMIZmY6FrMEB9XPcDbE2bekMbZD6kzDkxwYjA==",
             "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==",
-            "dev": true,
+        "node_modules/alpinejs": {
+            "version": "3.15.0",
+            "resolved": "https://registry.npmjs.org/alpinejs/-/alpinejs-3.15.0.tgz",
+            "integrity": "sha512-lpokA5okCF1BKh10LG8YjqhfpxyHBk4gE7boIgVHltJzYoM7O9nK3M7VlntLEJGsVmu7U/RzUWajmHREGT38Eg==",
             "license": "MIT",
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/ansi-regex?sponsor=1"
-            }
-        },
-        "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==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-            }
-        },
-        "node_modules/any-promise": {
-            "version": "1.3.0",
-            "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
-            "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/anymatch": {
-            "version": "3.1.3",
-            "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
-            "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
-            "dev": true,
-            "license": "ISC",
             "dependencies": {
-                "normalize-path": "^3.0.0",
-                "picomatch": "^2.0.4"
-            },
-            "engines": {
-                "node": ">= 8"
+                "@vue/reactivity": "~3.1.1"
             }
         },
         "node_modules/apexcharts": {
@@ -913,13 +1148,6 @@
                 "svg.select.js": "^3.0.1"
             }
         },
-        "node_modules/arg": {
-            "version": "5.0.2",
-            "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
-            "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
-            "dev": true,
-            "license": "MIT"
-        },
         "node_modules/asynckit": {
             "version": "0.4.0",
             "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
@@ -977,49 +1205,6 @@
                 "proxy-from-env": "^1.1.0"
             }
         },
-        "node_modules/balanced-match": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-            "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/binary-extensions": {
-            "version": "2.3.0",
-            "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
-            "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=8"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "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==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "balanced-match": "^1.0.0"
-            }
-        },
-        "node_modules/braces": {
-            "version": "3.0.3",
-            "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
-            "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "fill-range": "^7.1.1"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
         "node_modules/browserslist": {
             "version": "4.24.4",
             "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.4.tgz",
@@ -1053,16 +1238,6 @@
                 "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
             }
         },
-        "node_modules/camelcase-css": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
-            "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 6"
-            }
-        },
         "node_modules/caniuse-lite": {
             "version": "1.0.30001695",
             "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001695.tgz",
@@ -1084,64 +1259,16 @@
             ],
             "license": "CC-BY-4.0"
         },
-        "node_modules/chokidar": {
-            "version": "3.6.0",
-            "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
-            "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+        "node_modules/chownr": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/chownr/-/chownr-3.0.0.tgz",
+            "integrity": "sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==",
             "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "anymatch": "~3.1.2",
-                "braces": "~3.0.2",
-                "glob-parent": "~5.1.2",
-                "is-binary-path": "~2.1.0",
-                "is-glob": "~4.0.1",
-                "normalize-path": "~3.0.0",
-                "readdirp": "~3.6.0"
-            },
+            "license": "BlueOak-1.0.0",
             "engines": {
-                "node": ">= 8.10.0"
-            },
-            "funding": {
-                "url": "https://paulmillr.com/funding/"
-            },
-            "optionalDependencies": {
-                "fsevents": "~2.3.2"
+                "node": ">=18"
             }
         },
-        "node_modules/chokidar/node_modules/glob-parent": {
-            "version": "5.1.2",
-            "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-            "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "is-glob": "^4.0.1"
-            },
-            "engines": {
-                "node": ">= 6"
-            }
-        },
-        "node_modules/color-convert": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-            "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "color-name": "~1.1.4"
-            },
-            "engines": {
-                "node": ">=7.0.0"
-            }
-        },
-        "node_modules/color-name": {
-            "version": "1.1.4",
-            "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-            "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-            "dev": true,
-            "license": "MIT"
-        },
         "node_modules/combined-stream": {
             "version": "1.0.8",
             "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
@@ -1155,42 +1282,6 @@
                 "node": ">= 0.8"
             }
         },
-        "node_modules/commander": {
-            "version": "4.1.1",
-            "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
-            "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 6"
-            }
-        },
-        "node_modules/cross-spawn": {
-            "version": "7.0.6",
-            "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
-            "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "path-key": "^3.1.0",
-                "shebang-command": "^2.0.0",
-                "which": "^2.0.1"
-            },
-            "engines": {
-                "node": ">= 8"
-            }
-        },
-        "node_modules/css-selector-tokenizer": {
-            "version": "0.8.0",
-            "resolved": "https://registry.npmjs.org/css-selector-tokenizer/-/css-selector-tokenizer-0.8.0.tgz",
-            "integrity": "sha512-Jd6Ig3/pe62/qe5SBPTN8h8LeUg/pT4lLgtavPf7updwwHpvFzxvOQBHYj2LZDMjUnBzgvIUSjRcf6oT5HzHFg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "cssesc": "^3.0.0",
-                "fastparse": "^1.1.2"
-            }
-        },
         "node_modules/cssesc": {
             "version": "3.0.0",
             "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
@@ -1204,34 +1295,14 @@
                 "node": ">=4"
             }
         },
-        "node_modules/culori": {
-            "version": "3.3.0",
-            "resolved": "https://registry.npmjs.org/culori/-/culori-3.3.0.tgz",
-            "integrity": "sha512-pHJg+jbuFsCjz9iclQBqyL3B2HLCBF71BwVNujUYEvCeQMvV97R59MNK3R2+jgJ3a1fcZgI9B3vYgz8lzr/BFQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-            }
-        },
         "node_modules/daisyui": {
-            "version": "4.12.23",
-            "resolved": "https://registry.npmjs.org/daisyui/-/daisyui-4.12.23.tgz",
-            "integrity": "sha512-EM38duvxutJ5PD65lO/AFMpcw+9qEy6XAZrTpzp7WyaPeO/l+F/Qiq0ECHHmFNcFXh5aVoALY4MGrrxtCiaQCQ==",
+            "version": "5.1.14",
+            "resolved": "https://registry.npmjs.org/daisyui/-/daisyui-5.1.14.tgz",
+            "integrity": "sha512-c9Op7tB8vLzzazFaLeyFsmmVMLrU8sYo1sHuStBGTbaAzLVxrulelGQBROo/lS2ZxWm/CnCb9NWdKbTL+MaKFA==",
             "dev": true,
             "license": "MIT",
-            "dependencies": {
-                "css-selector-tokenizer": "^0.8",
-                "culori": "^3",
-                "picocolors": "^1",
-                "postcss-js": "^4"
-            },
-            "engines": {
-                "node": ">=16.9.0"
-            },
             "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/daisyui"
+                "url": "https://github.com/saadeghi/daisyui?sponsor=1"
             }
         },
         "node_modules/delayed-stream": {
@@ -1244,26 +1315,15 @@
                 "node": ">=0.4.0"
             }
         },
-        "node_modules/didyoumean": {
-            "version": "1.2.2",
-            "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
-            "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
+        "node_modules/detect-libc": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.0.tgz",
+            "integrity": "sha512-vEtk+OcP7VBRtQZ1EJ3bdgzSfBjgnEalLTp5zjJrS+2Z1w2KZly4SBdac/WDU3hhsNAZ9E8SC96ME4Ey8MZ7cg==",
             "dev": true,
-            "license": "Apache-2.0"
-        },
-        "node_modules/dlv": {
-            "version": "1.1.3",
-            "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
-            "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/eastasianwidth": {
-            "version": "0.2.0",
-            "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
-            "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
-            "dev": true,
-            "license": "MIT"
+            "license": "Apache-2.0",
+            "engines": {
+                "node": ">=8"
+            }
         },
         "node_modules/electron-to-chromium": {
             "version": "1.5.88",
@@ -1272,12 +1332,19 @@
             "dev": true,
             "license": "ISC"
         },
-        "node_modules/emoji-regex": {
-            "version": "9.2.2",
-            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
-            "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+        "node_modules/enhanced-resolve": {
+            "version": "5.18.3",
+            "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.3.tgz",
+            "integrity": "sha512-d4lC8xfavMeBjzGr2vECC3fsGXziXZQyJxD868h2M/mBI3PwAuODxAkLkq5HYuvrPYcUtiLzsTo8U3PgX3Ocww==",
             "dev": true,
-            "license": "MIT"
+            "license": "MIT",
+            "dependencies": {
+                "graceful-fs": "^4.2.4",
+                "tapable": "^2.2.0"
+            },
+            "engines": {
+                "node": ">=10.13.0"
+            }
         },
         "node_modules/esbuild": {
             "version": "0.21.5",
@@ -1328,64 +1395,13 @@
                 "node": ">=6"
             }
         },
-        "node_modules/fast-glob": {
-            "version": "3.3.3",
-            "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
-            "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
-            "dev": true,
+        "node_modules/focus-trap": {
+            "version": "6.9.4",
+            "resolved": "https://registry.npmjs.org/focus-trap/-/focus-trap-6.9.4.tgz",
+            "integrity": "sha512-v2NTsZe2FF59Y+sDykKY+XjqZ0cPfhq/hikWVL88BqLivnNiEffAsac6rP6H45ff9wG9LL5ToiDqrLEP9GX9mw==",
             "license": "MIT",
             "dependencies": {
-                "@nodelib/fs.stat": "^2.0.2",
-                "@nodelib/fs.walk": "^1.2.3",
-                "glob-parent": "^5.1.2",
-                "merge2": "^1.3.0",
-                "micromatch": "^4.0.8"
-            },
-            "engines": {
-                "node": ">=8.6.0"
-            }
-        },
-        "node_modules/fast-glob/node_modules/glob-parent": {
-            "version": "5.1.2",
-            "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-            "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "is-glob": "^4.0.1"
-            },
-            "engines": {
-                "node": ">= 6"
-            }
-        },
-        "node_modules/fastparse": {
-            "version": "1.1.2",
-            "resolved": "https://registry.npmjs.org/fastparse/-/fastparse-1.1.2.tgz",
-            "integrity": "sha512-483XLLxTVIwWK3QTrMGRqUfUpoOs/0hbQrl2oz4J0pAcm3A3bu84wxTFqGqkJzewCLdME38xJLJAxBABfQT8sQ==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/fastq": {
-            "version": "1.18.0",
-            "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.18.0.tgz",
-            "integrity": "sha512-QKHXPW0hD8g4UET03SdOdunzSouc9N4AuHdsX8XNcTsuz+yYFILVNIX4l9yHABMhiEI9Db0JTTIpu0wB+Y1QQw==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "reusify": "^1.0.4"
-            }
-        },
-        "node_modules/fill-range": {
-            "version": "7.1.1",
-            "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
-            "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "to-regex-range": "^5.0.1"
-            },
-            "engines": {
-                "node": ">=8"
+                "tabbable": "^5.3.3"
             }
         },
         "node_modules/follow-redirects": {
@@ -1409,23 +1425,6 @@
                 }
             }
         },
-        "node_modules/foreground-child": {
-            "version": "3.3.0",
-            "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.0.tgz",
-            "integrity": "sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "cross-spawn": "^7.0.0",
-                "signal-exit": "^4.0.1"
-            },
-            "engines": {
-                "node": ">=14"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/isaacs"
-            }
-        },
         "node_modules/form-data": {
             "version": "4.0.1",
             "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.1.tgz",
@@ -1470,168 +1469,13 @@
                 "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
             }
         },
-        "node_modules/function-bind": {
-            "version": "1.1.2",
-            "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
-            "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
-            "dev": true,
-            "license": "MIT",
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/glob": {
-            "version": "10.4.5",
-            "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz",
-            "integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "foreground-child": "^3.1.0",
-                "jackspeak": "^3.1.2",
-                "minimatch": "^9.0.4",
-                "minipass": "^7.1.2",
-                "package-json-from-dist": "^1.0.0",
-                "path-scurry": "^1.11.1"
-            },
-            "bin": {
-                "glob": "dist/esm/bin.mjs"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/isaacs"
-            }
-        },
-        "node_modules/glob-parent": {
-            "version": "6.0.2",
-            "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
-            "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "is-glob": "^4.0.3"
-            },
-            "engines": {
-                "node": ">=10.13.0"
-            }
-        },
-        "node_modules/hasown": {
-            "version": "2.0.2",
-            "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
-            "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "function-bind": "^1.1.2"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            }
-        },
-        "node_modules/is-binary-path": {
-            "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
-            "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "binary-extensions": "^2.0.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/is-core-module": {
-            "version": "2.16.1",
-            "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
-            "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "hasown": "^2.0.2"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/is-extglob": {
-            "version": "2.1.1",
-            "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
-            "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/is-fullwidth-code-point": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-            "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/is-glob": {
-            "version": "4.0.3",
-            "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
-            "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "is-extglob": "^2.1.1"
-            },
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/is-number": {
-            "version": "7.0.0",
-            "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
-            "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.12.0"
-            }
-        },
-        "node_modules/isexe": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
-            "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+        "node_modules/graceful-fs": {
+            "version": "4.2.11",
+            "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+            "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
             "dev": true,
             "license": "ISC"
         },
-        "node_modules/jackspeak": {
-            "version": "3.4.3",
-            "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz",
-            "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==",
-            "dev": true,
-            "license": "BlueOak-1.0.0",
-            "dependencies": {
-                "@isaacs/cliui": "^8.0.2"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/isaacs"
-            },
-            "optionalDependencies": {
-                "@pkgjs/parseargs": "^0.11.0"
-            }
-        },
-        "node_modules/jiti": {
-            "version": "1.21.7",
-            "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.7.tgz",
-            "integrity": "sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==",
-            "dev": true,
-            "license": "MIT",
-            "bin": {
-                "jiti": "bin/jiti.js"
-            }
-        },
         "node_modules/laravel-vite-plugin": {
             "version": "1.2.0",
             "resolved": "https://registry.npmjs.org/laravel-vite-plugin/-/laravel-vite-plugin-1.2.0.tgz",
@@ -1652,25 +1496,244 @@
                 "vite": "^5.0.0 || ^6.0.0"
             }
         },
-        "node_modules/lilconfig": {
-            "version": "3.1.3",
-            "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.3.tgz",
-            "integrity": "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==",
+        "node_modules/lightningcss": {
+            "version": "1.30.1",
+            "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.30.1.tgz",
+            "integrity": "sha512-xi6IyHML+c9+Q3W0S4fCQJOym42pyurFiJUHEcEyHS0CeKzia4yZDEsLlqOFykxOdHpNy0NmvVO31vcSqAxJCg==",
             "dev": true,
-            "license": "MIT",
+            "license": "MPL-2.0",
+            "dependencies": {
+                "detect-libc": "^2.0.3"
+            },
             "engines": {
-                "node": ">=14"
+                "node": ">= 12.0.0"
             },
             "funding": {
-                "url": "https://github.com/sponsors/antonk52"
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            },
+            "optionalDependencies": {
+                "lightningcss-darwin-arm64": "1.30.1",
+                "lightningcss-darwin-x64": "1.30.1",
+                "lightningcss-freebsd-x64": "1.30.1",
+                "lightningcss-linux-arm-gnueabihf": "1.30.1",
+                "lightningcss-linux-arm64-gnu": "1.30.1",
+                "lightningcss-linux-arm64-musl": "1.30.1",
+                "lightningcss-linux-x64-gnu": "1.30.1",
+                "lightningcss-linux-x64-musl": "1.30.1",
+                "lightningcss-win32-arm64-msvc": "1.30.1",
+                "lightningcss-win32-x64-msvc": "1.30.1"
             }
         },
-        "node_modules/lines-and-columns": {
-            "version": "1.2.4",
-            "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
-            "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+        "node_modules/lightningcss-darwin-arm64": {
+            "version": "1.30.1",
+            "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.30.1.tgz",
+            "integrity": "sha512-c8JK7hyE65X1MHMN+Viq9n11RRC7hgin3HhYKhrMyaXflk5GVplZ60IxyoVtzILeKr+xAJwg6zK6sjTBJ0FKYQ==",
+            "cpu": [
+                "arm64"
+            ],
             "dev": true,
-            "license": "MIT"
+            "license": "MPL-2.0",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": ">= 12.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/lightningcss-darwin-x64": {
+            "version": "1.30.1",
+            "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.30.1.tgz",
+            "integrity": "sha512-k1EvjakfumAQoTfcXUcHQZhSpLlkAuEkdMBsI/ivWw9hL+7FtilQc0Cy3hrx0AAQrVtQAbMI7YjCgYgvn37PzA==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MPL-2.0",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": ">= 12.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/lightningcss-freebsd-x64": {
+            "version": "1.30.1",
+            "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.30.1.tgz",
+            "integrity": "sha512-kmW6UGCGg2PcyUE59K5r0kWfKPAVy4SltVeut+umLCFoJ53RdCUWxcRDzO1eTaxf/7Q2H7LTquFHPL5R+Gjyig==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MPL-2.0",
+            "optional": true,
+            "os": [
+                "freebsd"
+            ],
+            "engines": {
+                "node": ">= 12.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/lightningcss-linux-arm-gnueabihf": {
+            "version": "1.30.1",
+            "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.30.1.tgz",
+            "integrity": "sha512-MjxUShl1v8pit+6D/zSPq9S9dQ2NPFSQwGvxBCYaBYLPlCWuPh9/t1MRS8iUaR8i+a6w7aps+B4N0S1TYP/R+Q==",
+            "cpu": [
+                "arm"
+            ],
+            "dev": true,
+            "license": "MPL-2.0",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 12.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/lightningcss-linux-arm64-gnu": {
+            "version": "1.30.1",
+            "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.30.1.tgz",
+            "integrity": "sha512-gB72maP8rmrKsnKYy8XUuXi/4OctJiuQjcuqWNlJQ6jZiWqtPvqFziskH3hnajfvKB27ynbVCucKSm2rkQp4Bw==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MPL-2.0",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 12.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/lightningcss-linux-arm64-musl": {
+            "version": "1.30.1",
+            "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.30.1.tgz",
+            "integrity": "sha512-jmUQVx4331m6LIX+0wUhBbmMX7TCfjF5FoOH6SD1CttzuYlGNVpA7QnrmLxrsub43ClTINfGSYyHe2HWeLl5CQ==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MPL-2.0",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 12.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/lightningcss-linux-x64-gnu": {
+            "version": "1.30.1",
+            "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.30.1.tgz",
+            "integrity": "sha512-piWx3z4wN8J8z3+O5kO74+yr6ze/dKmPnI7vLqfSqI8bccaTGY5xiSGVIJBDd5K5BHlvVLpUB3S2YCfelyJ1bw==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MPL-2.0",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 12.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/lightningcss-linux-x64-musl": {
+            "version": "1.30.1",
+            "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.30.1.tgz",
+            "integrity": "sha512-rRomAK7eIkL+tHY0YPxbc5Dra2gXlI63HL+v1Pdi1a3sC+tJTcFrHX+E86sulgAXeI7rSzDYhPSeHHjqFhqfeQ==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MPL-2.0",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 12.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/lightningcss-win32-arm64-msvc": {
+            "version": "1.30.1",
+            "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.30.1.tgz",
+            "integrity": "sha512-mSL4rqPi4iXq5YVqzSsJgMVFENoa4nGTT/GjO2c0Yl9OuQfPsIfncvLrEW6RbbB24WtZ3xP/2CCmI3tNkNV4oA==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MPL-2.0",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">= 12.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/lightningcss-win32-x64-msvc": {
+            "version": "1.30.1",
+            "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.30.1.tgz",
+            "integrity": "sha512-PVqXh48wh4T53F/1CCu8PIPCxLzWyCnn/9T5W1Jpmdy5h9Cwd+0YQS6/LwhHXSafuc61/xg9Lv5OrCby6a++jg==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MPL-2.0",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">= 12.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
         },
         "node_modules/lodash.castarray": {
             "version": "4.4.0",
@@ -1693,35 +1756,14 @@
             "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",
-            "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
-            "dev": true,
-            "license": "ISC"
-        },
-        "node_modules/merge2": {
-            "version": "1.4.1",
-            "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
-            "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 8"
-            }
-        },
-        "node_modules/micromatch": {
-            "version": "4.0.8",
-            "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
-            "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+        "node_modules/magic-string": {
+            "version": "0.30.19",
+            "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.19.tgz",
+            "integrity": "sha512-2N21sPY9Ws53PZvsEpVtNuSW+ScYbQdp4b9qUaL+9QkHUrGFKo56Lg9Emg5s9V/qrtNBmiR01sYhUOwu3H+VOw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "braces": "^3.0.3",
-                "picomatch": "^2.3.1"
-            },
-            "engines": {
-                "node": ">=8.6"
+                "@jridgewell/sourcemap-codec": "^1.5.5"
             }
         },
         "node_modules/mime-db": {
@@ -1757,22 +1799,6 @@
                 "mini-svg-data-uri": "cli.js"
             }
         },
-        "node_modules/minimatch": {
-            "version": "9.0.5",
-            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
-            "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "brace-expansion": "^2.0.1"
-            },
-            "engines": {
-                "node": ">=16 || 14 >=14.17"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/isaacs"
-            }
-        },
         "node_modules/minipass": {
             "version": "7.1.2",
             "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
@@ -1783,16 +1809,17 @@
                 "node": ">=16 || 14 >=14.17"
             }
         },
-        "node_modules/mz": {
-            "version": "2.7.0",
-            "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
-            "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
+        "node_modules/minizlib": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-3.1.0.tgz",
+            "integrity": "sha512-KZxYo1BUkWD2TVFLr0MQoM8vUUigWD3LlD83a/75BqC+4qE0Hb1Vo5v1FgcfaNXvfXzr+5EhQ6ing/CaBijTlw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "any-promise": "^1.0.0",
-                "object-assign": "^4.0.1",
-                "thenify-all": "^1.0.0"
+                "minipass": "^7.1.2"
+            },
+            "engines": {
+                "node": ">= 18"
             }
         },
         "node_modules/nanoid": {
@@ -1821,16 +1848,6 @@
             "dev": true,
             "license": "MIT"
         },
-        "node_modules/normalize-path": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
-            "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
         "node_modules/normalize-range": {
             "version": "0.1.2",
             "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
@@ -1841,67 +1858,6 @@
                 "node": ">=0.10.0"
             }
         },
-        "node_modules/object-assign": {
-            "version": "4.1.1",
-            "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
-            "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/object-hash": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
-            "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 6"
-            }
-        },
-        "node_modules/package-json-from-dist": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz",
-            "integrity": "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==",
-            "dev": true,
-            "license": "BlueOak-1.0.0"
-        },
-        "node_modules/path-key": {
-            "version": "3.1.1",
-            "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
-            "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/path-parse": {
-            "version": "1.0.7",
-            "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
-            "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/path-scurry": {
-            "version": "1.11.1",
-            "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
-            "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
-            "dev": true,
-            "license": "BlueOak-1.0.0",
-            "dependencies": {
-                "lru-cache": "^10.2.0",
-                "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
-            },
-            "engines": {
-                "node": ">=16 || 14 >=14.18"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/isaacs"
-            }
-        },
         "node_modules/picocolors": {
             "version": "1.1.1",
             "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
@@ -1922,26 +1878,6 @@
                 "url": "https://github.com/sponsors/jonschlinkert"
             }
         },
-        "node_modules/pify": {
-            "version": "2.3.0",
-            "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
-            "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "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==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 6"
-            }
-        },
         "node_modules/postcss": {
             "version": "8.5.1",
             "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.1.tgz",
@@ -1971,120 +1907,6 @@
                 "node": "^10 || ^12 || >=14"
             }
         },
-        "node_modules/postcss-import": {
-            "version": "15.1.0",
-            "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
-            "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "postcss-value-parser": "^4.0.0",
-                "read-cache": "^1.0.0",
-                "resolve": "^1.1.7"
-            },
-            "engines": {
-                "node": ">=14.0.0"
-            },
-            "peerDependencies": {
-                "postcss": "^8.0.0"
-            }
-        },
-        "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==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "camelcase-css": "^2.0.1"
-            },
-            "engines": {
-                "node": "^12 || ^14 || >= 16"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/postcss/"
-            },
-            "peerDependencies": {
-                "postcss": "^8.4.21"
-            }
-        },
-        "node_modules/postcss-load-config": {
-            "version": "4.0.2",
-            "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.2.tgz",
-            "integrity": "sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/postcss/"
-                },
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/ai"
-                }
-            ],
-            "license": "MIT",
-            "dependencies": {
-                "lilconfig": "^3.0.0",
-                "yaml": "^2.3.4"
-            },
-            "engines": {
-                "node": ">= 14"
-            },
-            "peerDependencies": {
-                "postcss": ">=8.0.9",
-                "ts-node": ">=9.0.0"
-            },
-            "peerDependenciesMeta": {
-                "postcss": {
-                    "optional": true
-                },
-                "ts-node": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/postcss-nested": {
-            "version": "6.2.0",
-            "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.2.0.tgz",
-            "integrity": "sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/postcss/"
-                },
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/ai"
-                }
-            ],
-            "license": "MIT",
-            "dependencies": {
-                "postcss-selector-parser": "^6.1.1"
-            },
-            "engines": {
-                "node": ">=12.0"
-            },
-            "peerDependencies": {
-                "postcss": "^8.2.14"
-            }
-        },
-        "node_modules/postcss-nested/node_modules/postcss-selector-parser": {
-            "version": "6.1.2",
-            "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
-            "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "cssesc": "^3.0.0",
-                "util-deprecate": "^1.0.2"
-            },
-            "engines": {
-                "node": ">=4"
-            }
-        },
         "node_modules/postcss-selector-parser": {
             "version": "6.0.10",
             "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz",
@@ -2113,82 +1935,6 @@
             "dev": true,
             "license": "MIT"
         },
-        "node_modules/queue-microtask": {
-            "version": "1.2.3",
-            "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
-            "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/feross"
-                },
-                {
-                    "type": "patreon",
-                    "url": "https://www.patreon.com/feross"
-                },
-                {
-                    "type": "consulting",
-                    "url": "https://feross.org/support"
-                }
-            ],
-            "license": "MIT"
-        },
-        "node_modules/read-cache": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
-            "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "pify": "^2.3.0"
-            }
-        },
-        "node_modules/readdirp": {
-            "version": "3.6.0",
-            "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
-            "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "picomatch": "^2.2.1"
-            },
-            "engines": {
-                "node": ">=8.10.0"
-            }
-        },
-        "node_modules/resolve": {
-            "version": "1.22.10",
-            "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.10.tgz",
-            "integrity": "sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "is-core-module": "^2.16.0",
-                "path-parse": "^1.0.7",
-                "supports-preserve-symlinks-flag": "^1.0.0"
-            },
-            "bin": {
-                "resolve": "bin/resolve"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/reusify": {
-            "version": "1.0.4",
-            "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
-            "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "iojs": ">=1.0.0",
-                "node": ">=0.10.0"
-            }
-        },
         "node_modules/rollup": {
             "version": "4.32.0",
             "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.32.0.tgz",
@@ -2228,66 +1974,6 @@
                 "fsevents": "~2.3.2"
             }
         },
-        "node_modules/run-parallel": {
-            "version": "1.2.0",
-            "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
-            "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/feross"
-                },
-                {
-                    "type": "patreon",
-                    "url": "https://www.patreon.com/feross"
-                },
-                {
-                    "type": "consulting",
-                    "url": "https://feross.org/support"
-                }
-            ],
-            "license": "MIT",
-            "dependencies": {
-                "queue-microtask": "^1.2.2"
-            }
-        },
-        "node_modules/shebang-command": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
-            "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "shebang-regex": "^3.0.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/shebang-regex": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
-            "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/signal-exit": {
-            "version": "4.1.0",
-            "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
-            "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
-            "dev": true,
-            "license": "ISC",
-            "engines": {
-                "node": ">=14"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/isaacs"
-            }
-        },
         "node_modules/source-map-js": {
             "version": "1.2.1",
             "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
@@ -2298,146 +1984,6 @@
                 "node": ">=0.10.0"
             }
         },
-        "node_modules/string-width": {
-            "version": "5.1.2",
-            "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
-            "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "eastasianwidth": "^0.2.0",
-                "emoji-regex": "^9.2.2",
-                "strip-ansi": "^7.0.1"
-            },
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/string-width-cjs": {
-            "name": "string-width",
-            "version": "4.2.3",
-            "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-            "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "emoji-regex": "^8.0.0",
-                "is-fullwidth-code-point": "^3.0.0",
-                "strip-ansi": "^6.0.1"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/string-width-cjs/node_modules/ansi-regex": {
-            "version": "5.0.1",
-            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-            "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/string-width-cjs/node_modules/emoji-regex": {
-            "version": "8.0.0",
-            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-            "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/string-width-cjs/node_modules/strip-ansi": {
-            "version": "6.0.1",
-            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-            "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ansi-regex": "^5.0.1"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "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==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ansi-regex": "^6.0.1"
-            },
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/strip-ansi?sponsor=1"
-            }
-        },
-        "node_modules/strip-ansi-cjs": {
-            "name": "strip-ansi",
-            "version": "6.0.1",
-            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-            "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ansi-regex": "^5.0.1"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/strip-ansi-cjs/node_modules/ansi-regex": {
-            "version": "5.0.1",
-            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-            "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/sucrase": {
-            "version": "3.35.0",
-            "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.0.tgz",
-            "integrity": "sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@jridgewell/gen-mapping": "^0.3.2",
-                "commander": "^4.0.0",
-                "glob": "^10.3.10",
-                "lines-and-columns": "^1.1.6",
-                "mz": "^2.7.0",
-                "pirates": "^4.0.1",
-                "ts-interface-checker": "^0.1.9"
-            },
-            "bin": {
-                "sucrase": "bin/sucrase",
-                "sucrase-node": "bin/sucrase-node"
-            },
-            "engines": {
-                "node": ">=16 || 14 >=14.17"
-            }
-        },
-        "node_modules/supports-preserve-symlinks-flag": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
-            "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
         "node_modules/svg.draggable.js": {
             "version": "2.2.2",
             "resolved": "https://registry.npmjs.org/svg.draggable.js/-/svg.draggable.js-2.2.2.tgz",
@@ -2529,101 +2075,50 @@
                 "node": ">= 0.8.0"
             }
         },
+        "node_modules/tabbable": {
+            "version": "5.3.3",
+            "resolved": "https://registry.npmjs.org/tabbable/-/tabbable-5.3.3.tgz",
+            "integrity": "sha512-QD9qKY3StfbZqWOPLp0++pOrAVb/HbUi5xCc8cUo4XjP19808oaMiDzn0leBY5mCespIBM0CIZePzZjgzR83kA==",
+            "license": "MIT"
+        },
         "node_modules/tailwindcss": {
-            "version": "3.4.17",
-            "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.17.tgz",
-            "integrity": "sha512-w33E2aCvSDP0tW9RZuNXadXlkHXqFzSkQew/aIa2i/Sj8fThxwovwlXHSPXTbAHwEIhBFXAedUhP2tueAKP8Og==",
+            "version": "4.1.13",
+            "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.13.tgz",
+            "integrity": "sha512-i+zidfmTqtwquj4hMEwdjshYYgMbOrPzb9a0M3ZgNa0JMoZeFC6bxZvO8yr8ozS6ix2SDz0+mvryPeBs2TFE+w==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/tapable": {
+            "version": "2.2.3",
+            "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.3.tgz",
+            "integrity": "sha512-ZL6DDuAlRlLGghwcfmSn9sK3Hr6ArtyudlSAiCqQ6IfE+b+HHbydbYDIG15IfS5do+7XQQBdBiubF/cV2dnDzg==",
             "dev": true,
             "license": "MIT",
-            "dependencies": {
-                "@alloc/quick-lru": "^5.2.0",
-                "arg": "^5.0.2",
-                "chokidar": "^3.6.0",
-                "didyoumean": "^1.2.2",
-                "dlv": "^1.1.3",
-                "fast-glob": "^3.3.2",
-                "glob-parent": "^6.0.2",
-                "is-glob": "^4.0.3",
-                "jiti": "^1.21.6",
-                "lilconfig": "^3.1.3",
-                "micromatch": "^4.0.8",
-                "normalize-path": "^3.0.0",
-                "object-hash": "^3.0.0",
-                "picocolors": "^1.1.1",
-                "postcss": "^8.4.47",
-                "postcss-import": "^15.1.0",
-                "postcss-js": "^4.0.1",
-                "postcss-load-config": "^4.0.2",
-                "postcss-nested": "^6.2.0",
-                "postcss-selector-parser": "^6.1.2",
-                "resolve": "^1.22.8",
-                "sucrase": "^3.35.0"
+            "engines": {
+                "node": ">=6"
             },
-            "bin": {
-                "tailwind": "lib/cli.js",
-                "tailwindcss": "lib/cli.js"
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/webpack"
+            }
+        },
+        "node_modules/tar": {
+            "version": "7.4.4",
+            "resolved": "https://registry.npmjs.org/tar/-/tar-7.4.4.tgz",
+            "integrity": "sha512-O1z7ajPkjTgEgmTGz0v9X4eqeEXTDREPTO77pVC1Nbs86feBU1Zhdg+edzavPmYW1olxkwsqA2v4uOw6E8LeDg==",
+            "dev": true,
+            "license": "ISC",
+            "dependencies": {
+                "@isaacs/fs-minipass": "^4.0.0",
+                "chownr": "^3.0.0",
+                "minipass": "^7.1.2",
+                "minizlib": "^3.1.0",
+                "yallist": "^5.0.0"
             },
             "engines": {
-                "node": ">=14.0.0"
+                "node": ">=18"
             }
         },
-        "node_modules/tailwindcss/node_modules/postcss-selector-parser": {
-            "version": "6.1.2",
-            "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
-            "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "cssesc": "^3.0.0",
-                "util-deprecate": "^1.0.2"
-            },
-            "engines": {
-                "node": ">=4"
-            }
-        },
-        "node_modules/thenify": {
-            "version": "3.3.1",
-            "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
-            "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "any-promise": "^1.0.0"
-            }
-        },
-        "node_modules/thenify-all": {
-            "version": "1.6.0",
-            "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
-            "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "thenify": ">= 3.1.0 < 4"
-            },
-            "engines": {
-                "node": ">=0.8"
-            }
-        },
-        "node_modules/to-regex-range": {
-            "version": "5.0.1",
-            "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
-            "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "is-number": "^7.0.0"
-            },
-            "engines": {
-                "node": ">=8.0"
-            }
-        },
-        "node_modules/ts-interface-checker": {
-            "version": "0.1.13",
-            "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
-            "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
-            "dev": true,
-            "license": "Apache-2.0"
-        },
         "node_modules/update-browserslist-db": {
             "version": "1.1.2",
             "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.2.tgz",
@@ -2733,131 +2228,14 @@
                 "picomatch": "^2.3.1"
             }
         },
-        "node_modules/which": {
-            "version": "2.0.2",
-            "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
-            "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+        "node_modules/yallist": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/yallist/-/yallist-5.0.0.tgz",
+            "integrity": "sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==",
             "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "isexe": "^2.0.0"
-            },
-            "bin": {
-                "node-which": "bin/node-which"
-            },
+            "license": "BlueOak-1.0.0",
             "engines": {
-                "node": ">= 8"
-            }
-        },
-        "node_modules/wrap-ansi": {
-            "version": "8.1.0",
-            "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
-            "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ansi-styles": "^6.1.0",
-                "string-width": "^5.0.1",
-                "strip-ansi": "^7.0.1"
-            },
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-            }
-        },
-        "node_modules/wrap-ansi-cjs": {
-            "name": "wrap-ansi",
-            "version": "7.0.0",
-            "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
-            "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ansi-styles": "^4.0.0",
-                "string-width": "^4.1.0",
-                "strip-ansi": "^6.0.0"
-            },
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-            }
-        },
-        "node_modules/wrap-ansi-cjs/node_modules/ansi-regex": {
-            "version": "5.0.1",
-            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-            "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/wrap-ansi-cjs/node_modules/ansi-styles": {
-            "version": "4.3.0",
-            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-            "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "color-convert": "^2.0.1"
-            },
-            "engines": {
-                "node": ">=8"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-            }
-        },
-        "node_modules/wrap-ansi-cjs/node_modules/emoji-regex": {
-            "version": "8.0.0",
-            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-            "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/wrap-ansi-cjs/node_modules/string-width": {
-            "version": "4.2.3",
-            "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-            "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "emoji-regex": "^8.0.0",
-                "is-fullwidth-code-point": "^3.0.0",
-                "strip-ansi": "^6.0.1"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/wrap-ansi-cjs/node_modules/strip-ansi": {
-            "version": "6.0.1",
-            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-            "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ansi-regex": "^5.0.1"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "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==",
-            "dev": true,
-            "license": "ISC",
-            "bin": {
-                "yaml": "bin.mjs"
-            },
-            "engines": {
-                "node": ">= 14"
+                "node": ">=18"
             }
         }
     }
diff --git a/package.json b/package.json
index 89d882a..4e36d67 100644
--- a/package.json
+++ b/package.json
@@ -8,15 +8,20 @@
     "devDependencies": {
         "@tailwindcss/forms": "^0.5.7",
         "@tailwindcss/typography": "^0.5.10",
+        "@tailwindcss/vite": "^4.1.13",
         "autoprefixer": "^10.4.19",
         "axios": "^1.7.4",
-        "daisyui": "^4.12.10",
+        "daisyui": "^5.1.14",
         "laravel-vite-plugin": "^1.0",
         "postcss": "^8.4.40",
-        "tailwindcss": "^3.4.7",
+        "tailwindcss": "^4.1.13",
         "vite": "^5.4"
     },
     "dependencies": {
+        "@alpinejs/focus": "^3.15.0",
+        "@alpinejs/persist": "^3.14.9",
+        "@alpinejs/resize": "^3.14.9",
+        "alpinejs": "^3.14.9",
         "apexcharts": "^3.51.0"
     }
 }
diff --git a/postcss.config.js b/postcss.config.js
deleted file mode 100644
index 49c0612..0000000
--- a/postcss.config.js
+++ /dev/null
@@ -1,6 +0,0 @@
-export default {
-    plugins: {
-        tailwindcss: {},
-        autoprefixer: {},
-    },
-};
diff --git a/public/images/noise.svg b/public/images/noise.svg
new file mode 100644
index 0000000..5074771
--- /dev/null
+++ b/public/images/noise.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink"
+	xmlns:svgjs="http://svgjs.dev/svgjs" viewBox="0 0 700 700" width="700" height="700" opacity="0.25">
+	<defs>
+		<filter id="nnnoise-filter" x="-20%" y="-20%" width="140%" height="140%" filterUnits="objectBoundingBox"
+			primitiveUnits="userSpaceOnUse" color-interpolation-filters="linearRGB">
+			<feTurbulence type="fractalNoise" baseFrequency="0.2" numOctaves="4" seed="15" stitchTiles="stitch" x="0%"
+				y="0%" width="100%" height="100%" result="turbulence"></feTurbulence>
+			<feSpecularLighting surfaceScale="5" specularConstant="1" specularExponent="20" lighting-color="#3939A8"
+				x="0%" y="0%" width="100%" height="100%" in="turbulence" result="specularLighting">
+				<feDistantLight azimuth="3" elevation="18"></feDistantLight>
+			</feSpecularLighting>
+			<feColorMatrix type="saturate" values="0" x="0%" y="0%" width="100%" height="100%" in="specularLighting"
+				result="colormatrix"></feColorMatrix>
+		</filter>
+	</defs>
+	<rect width="700" height="700" fill="transparent"></rect>
+	<rect width="700" height="700" class="fill-current" filter="url(#nnnoise-filter)"></rect>
+</svg>
\ No newline at end of file
diff --git a/resources/css/app.css b/resources/css/app.css
index 1189590..1646194 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -1,11 +1,129 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import url("https://fonts.bunny.net/css?family=Inter:400,500,600&display=swap");
 
-[x-cloak] {
-    display: none;
+@import "tailwindcss";
+@plugin "@tailwindcss/typography";
+
+@theme {
+  --font-sans: "Inter", sans-serif; 
 }
 
+@plugin "daisyui" {
+  themes: light, dark --default --prefersdark;
+}
+
+@custom-variant dark (&:where([data-theme=dark], [data-theme=dark] *));
+
+@plugin "daisyui/theme" {
+  name: "dark";
+  default: true;
+  prefersdark: true;
+  color-scheme: dark;
+
+  --animation-input: 0.15s;
+
+  --radius-selector: 0.15rem;
+  --radius-field: 0.25rem;
+  --radius-box: 0.5rem;
+
+  --size-selector: 0.25rem;
+  --size-field: 0.25rem;
+
+  --color-primary: "#78716c";
+  --color-primary-content: "#e3e1e0";
+  --color-secondary: "#7a7a7a";
+  --color-secondary-content: "#d1d1d5";
+  --color-accent: "#8c9ae3";
+  --color-accent-content: "#d3d4dd";
+  --color-neutral: "#302f3c";
+  --color-neutral-content: "#d1d1d5";
+  --color-base-100: "#20202A";
+  --color-base-200: "#1a1a23";
+  --color-base-300: "#15151c";
+  --color-base-content: "#cecdd0";
+  --color-info: "#1e40af";
+  --color-info-content: "#ced9f2";
+  --color-success: "#166534";
+  --color-success-content: "#d1dfd3";
+  --color-warning: "#a16207";
+  --color-warning-content: "#eddfd1";
+  --color-error: "#991b1b";
+  --color-error-content: "#efd3cf";
+  --depth: 0;
+  --noise: 0;
+}
+@plugin "daisyui/theme" {
+  name: "light";
+  prefersdark: false;
+  color-scheme: light; 
+
+  --animation-input: 0.15s;
+
+  --radius-selector: 0.15rem;
+  --radius-field: 0.25rem;
+  --radius-box: 0.5rem;
+
+  --size-selector: 0.25rem;
+  --size-field: 0.25rem;
+
+  --color-primary: "#d6d3d1";
+  --color-primary-content: "#101010";
+  --color-secondary: "#9ca3af";
+  --color-secondary-content: "#090a0b";
+  --color-accent: "#525783";
+  --color-accent-content: "#110c16";
+  --color-neutral: "#6b7280";
+  --color-neutral-content: "#e0e1e4";
+  --color-base-100: "oklch(100% 0 0)";
+  --color-base-200: "oklch(97.466% 0.011 259.822)"; 
+  --color-base-300: "oklch(0.95 0.016 244.89)";
+  --color-base-content: "#161616";
+  --color-info: "#60a5fa";
+  --color-info-content: "#030a15";
+  --color-success: "#10b981";
+  --color-success-content: "#000d06";
+  --color-warning: "#fb923c";
+  --color-warning-content: "#150801";
+  --color-error: "#ef4444";
+  --color-error-content: "#140202";
+  --depth: 0;
+  --noise: 0;
+}
+
+@source "../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php";
+@source "../../storage/framework/views/*.php";
+@source "../**/*.blade.php";
+
+/* Tool tip for apex charts */
+[data-theme=dark] .apexcharts-tooltip-title {
+  background: #292933 !important;
+  border-bottom: 1px solid #393939  !important;
+}
+[data-theme=dark] .apexcharts-tooltip {
+  background: #20202A !important;
+  border-color: #393939 !important;
+}
+
+/* Wiggle animation */
+@keyframes wiggle {
+  10%, 90% {
+    transform: translate3d(-1px, 0, 0);
+  }
+  20%, 80% {
+    transform: translate3d(2px, 0, 0);
+  }
+  30%, 50%, 70% {
+    transform: translate3d(-4px, 0, 0);
+  }
+  40%, 60% {
+    transform: translate3d(4px, 0, 0);
+  }
+}
+
+.wiggle {
+    animation: wiggle 0.5s cubic-bezier(.36,.07,.19,.97) both;
+}
+
+/* AI chat styles */
 .ai-chat ul, .ai-chat ol, .ai-chat ol li > ul {
     margin-left: 1.1rem;
 }
diff --git a/resources/js/bootstrap.js b/resources/js/bootstrap.js
index 47d6892..5912c75 100644
--- a/resources/js/bootstrap.js
+++ b/resources/js/bootstrap.js
@@ -1,6 +1,8 @@
 import ApexCharts from 'apexcharts'
 window.ApexCharts = ApexCharts;
 
+import '../../vendor/rappasoft/laravel-livewire-tables/resources/imports/laravel-livewire-tables.js';
+
 import axios from 'axios';
 window.axios = axios;
 
diff --git a/resources/views/api/api-token-manager.blade.php b/resources/views/api/api-token-manager.blade.php
index 340f23a..3bcd40d 100644
--- a/resources/views/api/api-token-manager.blade.php
+++ b/resources/views/api/api-token-manager.blade.php
@@ -1,5 +1,195 @@
-<div>
-    <!-- Generate API Token -->
+<?php
+
+use App\Traits\Toast;
+use Illuminate\Support\Facades\Auth;
+use Illuminate\Support\Facades\Validator;
+use Livewire\Volt\Component;
+
+new class extends Component
+{
+    use Toast;
+
+    /**
+     * The create API token form state.
+     *
+     * @var array
+     */
+    public $createApiTokenForm = [
+        'name' => '',
+        'permissions' => [],
+    ];
+
+    /**
+     * Indicates if the plain text token is being displayed to the user.
+     *
+     * @var bool
+     */
+    public $displayingToken = false;
+
+    /**
+     * The plain text token value.
+     *
+     * @var string|null
+     */
+    public $plainTextToken;
+
+    /**
+     * Indicates if the user is currently managing an API token's permissions.
+     *
+     * @var bool
+     */
+    public $managingApiTokenPermissions = false;
+
+    /**
+     * The token that is currently having its permissions managed.
+     *
+     * @var \Laravel\Sanctum\PersonalAccessToken|null
+     */
+    public $managingPermissionsFor;
+
+    /**
+     * The update API token form state.
+     *
+     * @var array
+     */
+    public $updateApiTokenForm = [
+        'permissions' => [],
+    ];
+
+    /**
+     * Indicates if the application is confirming if an API token should be deleted.
+     *
+     * @var bool
+     */
+    public $confirmingApiTokenDeletion = false;
+
+    /**
+     * The ID of the API token being deleted.
+     *
+     * @var int
+     */
+    public $apiTokenIdBeingDeleted;
+
+    /**
+     * Mount the component.
+     *
+     * @return void
+     */
+    public function mount()
+    {
+        //
+    }
+
+    /**
+     * Create a new API token.
+     *
+     * @return void
+     */
+    public function createApiToken()
+    {
+        $this->resetErrorBag();
+
+        Validator::make([
+            'name' => $this->createApiTokenForm['name'],
+        ], [
+            'name' => ['required', 'string', 'max:255'],
+        ])->validateWithBag('createApiToken');
+
+        $this->displayTokenValue($this->user->createToken(
+            $this->createApiTokenForm['name']
+        ));
+
+        $this->createApiTokenForm['name'] = '';
+
+        $this->dispatch('created');
+    }
+
+    /**
+     * Display the token value to the user.
+     *
+     * @param  \Laravel\Sanctum\NewAccessToken  $token
+     * @return void
+     */
+    protected function displayTokenValue($token)
+    {
+        $this->displayingToken = true;
+
+        $this->plainTextToken = explode('|', $token->plainTextToken, 2)[1];
+    }
+
+    /**
+     * Allow the given token's permissions to be managed.
+     *
+     * @param  int  $tokenId
+     * @return void
+     */
+    public function manageApiTokenPermissions($tokenId)
+    {
+        $this->managingApiTokenPermissions = true;
+
+        $this->managingPermissionsFor = $this->user->tokens()->where(
+            'id', $tokenId
+        )->firstOrFail();
+
+        $this->updateApiTokenForm['permissions'] = $this->managingPermissionsFor->abilities;
+    }
+
+    /**
+     * Update the API token's permissions.
+     *
+     * @return void
+     */
+    public function updateApiToken()
+    {
+        $this->managingPermissionsFor->forceFill([
+            'abilities' => [],
+        ])->save();
+
+        $this->managingApiTokenPermissions = false;
+    }
+
+    /**
+     * Confirm that the given API token should be deleted.
+     *
+     * @param  int  $tokenId
+     * @return void
+     */
+    public function confirmApiTokenDeletion($tokenId)
+    {
+        $this->confirmingApiTokenDeletion = true;
+
+        $this->apiTokenIdBeingDeleted = $tokenId;
+    }
+
+    /**
+     * Delete the API token.
+     *
+     * @return void
+     */
+    public function deleteApiToken()
+    {
+        $this->user->tokens()->where('id', $this->apiTokenIdBeingDeleted)->first()->delete();
+
+        $this->user->load('tokens');
+
+        $this->confirmingApiTokenDeletion = false;
+
+        $this->managingPermissionsFor = null;
+    }
+
+    /**
+     * Get the current user of the application.
+     *
+     * @return mixed
+     */
+    public function getUserProperty()
+    {
+        return Auth::user();
+    }
+}; ?>
+
+<div x-data>
+    {{-- Generate API Token --}}
     <x-forms.form-section submit="createApiToken">
         <x-slot name="title">
             {{ __('Create API Token') }}
@@ -10,13 +200,13 @@
         </x-slot>
 
         <x-slot name="form">
-            <!-- Token Name -->
+            {{-- Token Name --}}
             <div class="col-span-6 sm:col-span-4">
-                <x-input id="name" label="{{ __('Token Name') }}" type="text" class="mt-1 block w-full" wire:model="createApiTokenForm.name" autofocus />
+                <x-ui.input id="name" label="{{ __('Token Name') }}" type="text" class="mt-1 block w-full" wire:model="createApiTokenForm.name" autofocus />
             </div>
 
-            <!-- Token Permissions -->
-            @if (Laravel\Jetstream\Jetstream::hasPermissions())
+            {{-- Token Permissions --}}
+            @if (false)
                 <div class="col-span-6">
                     <label class="pt-0 label label-text font-semibold">
                         <span>
@@ -25,15 +215,63 @@
                     </span>
 
                     <div class="mt-2 grid grid-cols-1 md:grid-cols-2 gap-4">
-                        @foreach (Laravel\Jetstream\Jetstream::$permissions as $label => $permission)
+                        @foreach ([] as $label => $permission)
                             <label class="flex items-center">
-                                <x-checkbox wire:model="createApiTokenForm.permissions" :value="$permission"/>
+                                <x-ui.checkbox wire:model="createApiTokenForm.permissions" :value="$permission"/>
                                 <span class="ms-2 text-sm text-gray-600 dark:text-gray-400">{{ $label }}</span>
                             </label>
                         @endforeach
                     </div>
                 </div>
             @endif
+
+            {{-- Token Value Modal --}}
+            <x-ui.modal
+                persistent
+                key="token-display-modal"
+                wire:model.live="displayingToken"
+                title="{{ __('API Token') }}"
+            >
+                <div class="mt-2 text-sm text-secondary-content">
+
+                    <div class="mb-4">
+                        {{ __('Please copy your new API token. For your security, it won\'t be shown again.') }}
+                    </div>
+
+                    <x-ui.input 
+                        x-ref="plaintextToken" 
+                        type="text" 
+                        readonly
+                        :value="$plainTextToken"
+                        class="font-mono break-all focus:outline-none focus:ring-0"
+                        autocomplete="off"
+                        autocorrect="off"
+                        autocapitalize="off"
+                        spellcheck="false"
+                    >
+                        <x-slot:suffix>
+                            <x-ui.button
+                                title="{{ __('Copy to clipboard') }}"
+                                class="btn-circle btn-sm btn-ghost me-2"
+                                icon="o-clipboard"
+                                @click="
+                                    navigator.clipboard.writeText($wire.plainTextToken); 
+                                    $wire.$set('displayingToken', false);
+                                    $wire.success('{{ __('Successfully copied!') }}')
+                                "
+                            />
+                        </x-slot:suffix>
+                    </x-ui.input>
+                </div>
+        
+                <div class="flex flex-row items-center justify-end mt-8 text-end">
+                    <x-ui.button class="btn-outline" wire:click="$set('displayingToken', false)" wire:loading.attr="disabled">
+                        {{ __('Close') }}
+                    </x-ui.button>
+                </div>
+      
+            </x-ui.modal>
+
         </x-slot>
 
         <x-slot name="actions">
@@ -41,16 +279,16 @@
                 {{ __('Created.') }}
             </x-forms.action-message>
 
-            <x-button type="submit">
+            <x-ui.button type="submit">
                 {{ __('Create') }}
-            </x-button>
+            </x-ui.button>
         </x-slot>
     </x-forms.form-section>
 
     @if ($this->user->tokens->isNotEmpty())
-        <x-section-border hide-on-mobile />
+        <x-ui.section-border hide-on-mobile />
 
-        <!-- Manage API Tokens -->
+        {{-- Manage API Tokens --}}
         <div class="mt-10 sm:mt-0">
             <x-forms.action-section>
                 <x-slot name="title">
@@ -61,12 +299,12 @@
                     {{ __('You may delete any of your existing tokens if they are no longer needed.') }}
                 </x-slot>
 
-                <!-- API Token List -->
+                {{-- API Token List --}}
                 <x-slot name="content">
                     <div class="space-y-6">
                         @foreach ($this->user->tokens->sortBy('name') as $token)
                             <div class="flex items-center justify-between">
-                                <div class="break-all dark:text-white">
+                                <div class="break-all">
                                     {{ $token->name }}
                                 </div>
 
@@ -77,7 +315,7 @@
                                         </div>
                                     @endif
 
-                                    @if (Laravel\Jetstream\Jetstream::hasPermissions())
+                                    @if (false)
                                         <button class="cursor-pointer ms-6 text-sm text-gray-400 underline" wire:click="manageApiTokenPermissions({{ $token->id }})">
                                             {{ __('Permissions') }}
                                         </button>
@@ -95,42 +333,17 @@
         </div>
     @endif
 
-    <!-- Token Value Modal -->
-    <x-dialog-modal wire:model.live="displayingToken">
-        <x-slot name="title">
-            {{ __('API Token') }}
-        </x-slot>
-
-        <x-slot name="content">
-            <div>
-                {{ __('Please copy your new API token. For your security, it won\'t be shown again.') }}
-            </div>
-
-            <x-input x-ref="plaintextToken" type="text" readonly :value="$plainTextToken"
-                class="mt-4 px-4 py-2 rounded font-mono text-sm w-full break-all"
-                autofocus autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
-                @showing-token-modal.window="setTimeout(() => $refs.plaintextToken.select(), 250)"
-            />
-        </x-slot>
-
-        <x-slot name="footer">
-            <x-button class="btn-outline" wire:click="$set('displayingToken', false)" wire:loading.attr="disabled">
-                {{ __('Close') }}
-            </x-button>
-        </x-slot>
-    </x-dialog-modal>
-
-    <!-- API Token Permissions Modal -->
-    <x-dialog-modal wire:model.live="managingApiTokenPermissions">
+    {{-- API Token Permissions Modal --}}
+    <x-ui.dialog-modal key="manage-permission-modal" wire:model.live="managingApiTokenPermissions">
         <x-slot name="title">
             {{ __('API Token Permissions') }}
         </x-slot>
 
         <x-slot name="content">
             <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
-                @foreach (Laravel\Jetstream\Jetstream::$permissions as $label => $permission)
+                @foreach ([] as $label => $permission)
                     <label class="flex items-center">
-                        <x-checkbox wire:model="updateApiTokenForm.permissions" :value="$permission"/>
+                        <x-ui.checkbox wire:model="updateApiTokenForm.permissions" :value="$permission"/>
                         <span class="ms-2 text-sm text-gray-600 dark:text-gray-400">{{ $label }}</span>
                     </label>
                 @endforeach
@@ -138,18 +351,18 @@
         </x-slot>
 
         <x-slot name="footer">
-            <x-button class="btn-outline" wire:click="$set('managingApiTokenPermissions', false)" wire:loading.attr="disabled">
+            <x-ui.button class="btn-outline" wire:click="$set('managingApiTokenPermissions', false)" wire:loading.attr="disabled">
                 {{ __('Cancel') }}
-            </x-button>
+            </x-ui.button>
 
-            <x-button type="submit" class="ms-3" wire:click="updateApiToken" wire:loading.attr="disabled">
+            <x-ui.button type="submit" class="ms-3" wire:click="updateApiToken" wire:loading.attr="disabled">
                 {{ __('Save') }}
-            </x-button>
+            </x-ui.button>
         </x-slot>
-    </x-dialog-modal>
+    </x-ui.dialog-modal>
 
-    <!-- Delete Token Confirmation Modal -->
-    <x-confirmation-modal wire:model.live="confirmingApiTokenDeletion">
+    {{-- Delete Token Confirmation Modal --}}
+    <x-ui.confirmation-modal key="confirm-deletion-modal" wire:model.live="confirmingApiTokenDeletion">
         <x-slot name="title">
             {{ __('Delete API Token') }}
         </x-slot>
@@ -159,13 +372,13 @@
         </x-slot>
 
         <x-slot name="footer">
-            <x-button class="btn-outline" wire:click="$toggle('confirmingApiTokenDeletion')" wire:loading.attr="disabled">
+            <x-ui.button class="btn-outline" wire:click="$toggle('confirmingApiTokenDeletion')" wire:loading.attr="disabled">
                 {{ __('Cancel') }}
-            </x-button>
+            </x-ui.button>
 
-            <x-button class="ms-3 btn-error text-white" wire:click="deleteApiToken" wire:loading.attr="disabled">
+            <x-ui.button class="ms-3 btn-error text-white" wire:click="deleteApiToken" wire:loading.attr="disabled">
                 {{ __('Delete') }}
-            </x-button>
+            </x-ui.button>
         </x-slot>
-    </x-confirmation-modal>
+    </x-ui.confirmation-modal>
 </div>
diff --git a/resources/views/api/index.blade.php b/resources/views/api/index.blade.php
index 5f6be47..f320049 100644
--- a/resources/views/api/index.blade.php
+++ b/resources/views/api/index.blade.php
@@ -1,13 +1,7 @@
-<x-app-layout>
-    <x-slot name="header">
-        <h2 class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
-            {{ __('API Tokens') }}
-        </h2>
-    </x-slot>
+<x-layouts.app>
 
-    <div>
-        <div class="max-w-7xl mx-auto py-10 sm:px-6 lg:px-8">
-            @livewire('api.api-token-manager')
-        </div>
+    <div class="max-w-7xl mx-auto py-10 sm:px-6 lg:px-8">
+        @livewire('api-token-manager')
     </div>
-</x-app-layout>
+
+</x-layouts.app>
diff --git a/resources/views/auth/confirm-password.blade.php b/resources/views/auth/confirm-password.blade.php
index 8b313c6..00b6784 100644
--- a/resources/views/auth/confirm-password.blade.php
+++ b/resources/views/auth/confirm-password.blade.php
@@ -1,8 +1,8 @@
-<x-guest-layout>
-    <x-authentication-card>
+<x-layouts.guest>
+    <x-ui.authentication-card>
         <x-slot name="logo">
             <div class="w-24 mb-10">
-                <x-glyph-only-logo />
+                <x-ui.logo />
             </div>
         </x-slot>
 
@@ -10,20 +10,20 @@
             {{ __('This is a secure area of the application. Please confirm your password before continuing.') }}
         </div>
 
-        <x-errors class="mb-4" />
+        <x-ui.errors class="mb-4" />
 
         <form method="POST" action="{{ route('password.confirm') }}">
             @csrf
 
             <div>
-                <x-input id="password" label="{{ __('Password') }}" class="block mt-1 w-full" type="password" name="password" required autocomplete="current-password" autofocus />
+                <x-ui.input id="password" label="{{ __('Password') }}" class="block mt-1 w-full" type="password" name="password" required autocomplete="current-password" autofocus />
             </div>
 
             <div class="flex justify-end mt-4">
-                <x-button type="submit" class="btn-primary ms-4">
+                <x-ui.button type="submit" class="btn-primary ms-4">
                     {{ __('Confirm') }}
-                </x-button>
+                </x-ui.button>
             </div>
         </form>
-    </x-authentication-card>
-</x-guest-layout>
+    </x-ui.authentication-card>
+</x-layouts.guest>
diff --git a/resources/views/auth/forgot-password.blade.php b/resources/views/auth/forgot-password.blade.php
index 37629cf..76ac936 100644
--- a/resources/views/auth/forgot-password.blade.php
+++ b/resources/views/auth/forgot-password.blade.php
@@ -1,8 +1,8 @@
-<x-guest-layout>
-    <x-authentication-card>
+<x-layouts.guest>
+    <x-ui.authentication-card>
         <x-slot name="logo">
             <div class="w-24 mb-10">
-                <x-glyph-only-logo />
+                <x-ui.logo />
             </div>
         </x-slot>
 
@@ -11,26 +11,26 @@
         </div>
 
         @session('status')
-            <x-alert icon="o-envelope" class="alert-success mb-4">
+            <x-ui.alert icon="o-envelope" class="alert-success mb-4">
                 {{ $value }}
-            </x-alert>
+            </x-ui.alert>
         @endsession
 
-        <x-errors class="mb-4" />
+        <x-ui.errors class="mb-4" />
 
         <form method="POST" action="{{ route('password.email') }}">
             @csrf
 
             <div class="block">
 
-                <x-input id="email" label="{{ __('Email') }}" class="block mt-1 w-full" type="email" name="email" :value="old('email')" required autofocus autocomplete="username" />
+                <x-ui.input id="email" label="{{ __('Email') }}" class="block mt-1 w-full" type="email" name="email" :value="old('email')" required autofocus autocomplete="username" />
             </div>
 
             <div class="flex items-center justify-end mt-4">
-                <x-button class="btn-primary" type="submit">
+                <x-ui.button class="btn-primary" type="submit">
                     {{ __('Email Password Reset Link') }}
-                </x-button>
+                </x-ui.button>
             </div>
         </form>
-    </x-authentication-card>
-</x-guest-layout>
+    </x-ui.authentication-card>
+</x-layouts.guest>
diff --git a/resources/views/auth/invited-onboarding-form.blade.php b/resources/views/auth/invited-onboarding-form.blade.php
index 2fa4a38..36394d7 100644
--- a/resources/views/auth/invited-onboarding-form.blade.php
+++ b/resources/views/auth/invited-onboarding-form.blade.php
@@ -6,10 +6,11 @@ use Illuminate\Support\Facades\Auth;
 use Livewire\Attributes\Rule;
 use Livewire\Volt\Component;
 
-new class extends Component {
-
+new class extends Component
+{
     // props
     public Portfolio $portfolio;
+
     public User $user;
 
     #[Rule('required|string')]
@@ -41,30 +42,29 @@ new class extends Component {
 
         return redirect(route('portfolio.show', ['portfolio' => $this->portfolio->id]));
     }
-
 }; ?>
 
 <x-form wire:submit="updateUserInformation" class="">
 
     <div class="mt-2">
         
-        <x-input wire:model="name" label="{{ __('Name') }}" class="block mt-1 w-full" required autofocus />
+        <x-ui.input wire:model="name" label="{{ __('Name') }}" class="block mt-1 w-full" required autofocus />
     </div>
 
     <div class="mt-2">
         
-        <x-input wire:model="password" label="{{ __('Password') }}" class="block mt-1 w-full" type="password" required autocomplete="new-password" />
+        <x-ui.input wire:model="password" label="{{ __('Password') }}" class="block mt-1 w-full" type="password" required autocomplete="new-password" />
     </div>
 
     <div class="mt-2">
         
-        <x-input wire:model="password_confirmation" label="{{ __('Confirm Password') }}" class="block mt-1 w-full" type="password" required autocomplete="new-password" />
+        <x-ui.input wire:model="password_confirmation" label="{{ __('Confirm Password') }}" class="block mt-1 w-full" type="password" required autocomplete="new-password" />
     </div>
 
     <div class="flex items-center justify-end mt-2">
 
-        <x-button class="btn-primary" type="submit">
+        <x-ui.button class="btn-primary" type="submit">
             {{ __('Get Started') }}
-        </x-button>
+        </x-ui.button>
     </div>
 </x-form>
\ No newline at end of file
diff --git a/resources/views/auth/invited-onboarding.blade.php b/resources/views/auth/invited-onboarding.blade.php
index 86e54b1..980b2c6 100644
--- a/resources/views/auth/invited-onboarding.blade.php
+++ b/resources/views/auth/invited-onboarding.blade.php
@@ -1,8 +1,8 @@
-<x-guest-layout>
-    <x-authentication-card>
+<x-layouts.guest>
+    <x-ui.authentication-card>
         <x-slot:logo>
             <div class="w-24 mb-10">
-                <x-glyph-only-logo />
+                <x-ui.logo />
             </div>
         </x-slot:logo>
 
@@ -14,5 +14,5 @@
             'user' => $user,
         ])
 
-    </x-authentication-card>
-</x-guest-layout>
+    </x-ui.authentication-card>
+</x-layouts.guest>
diff --git a/resources/views/auth/login.blade.php b/resources/views/auth/login.blade.php
index a655d26..685a772 100644
--- a/resources/views/auth/login.blade.php
+++ b/resources/views/auth/login.blade.php
@@ -1,17 +1,17 @@
-<x-guest-layout>
-    <x-authentication-card>
+<x-layouts.guest>
+    <x-ui.authentication-card>
         <x-slot name="logo">
             <div class="w-24 mb-10">
-                <x-glyph-only-logo />
+                <x-ui.logo />
             </div>
         </x-slot>
 
-        <x-errors class="mb-4" />
+        <x-ui.errors class="mb-4" />
 
         @session('status')
-            <x-alert icon="o-envelope" class="alert-success mb-4">
+            <x-ui.alert icon="o-envelope" class="alert-success mb-4">
                 {{ $value }}
-            </x-alert>
+            </x-ui.alert>
         @endsession
 
         <form method="POST" action="{{ route('login') }}">
@@ -19,16 +19,16 @@
 
             <div>
                 
-                <x-input id="email" label="{{ __('Email') }}" class="block mt-1 w-full" type="email" name="email" :value="old('email')" required autofocus autocomplete="username" />
+                <x-ui.input id="email" label="{{ __('Email') }}" class="block mt-1 w-full" type="email" name="email" :value="old('email')" required autofocus autocomplete="username" />
             </div>
 
             <div class="mt-4">
                 
-                <x-input id="password" label="{{ __('Password') }}" class="block mt-1 w-full" type="password" name="password" required autocomplete="current-password" />
+                <x-ui.input id="password" label="{{ __('Password') }}" class="block mt-1 w-full" type="password" name="password" required autocomplete="current-password" />
             </div>
 
             <div class="block mt-4">
-                <x-checkbox id="remember_me" name="remember" class="text-sm" label="{{ __('Remember me') }}" />
+                <x-ui.checkbox id="remember_me" name="remember" class="text-sm" label="{{ __('Remember me') }}" />
             </div>
 
             <div class="flex items-center justify-end mt-4">
@@ -38,26 +38,26 @@
                     </a>
                 @endif
 
-                <x-button type="submit" class="btn-primary ms-4" >
+                <x-ui.button type="submit" class="btn-primary ms-4" >
                     {{ __('Log in') }}
-                </x-button>
+                </x-ui.button>
 
             </div>
 
             @if (\Laravel\Fortify\Features::enabled('registration'))
 
-                <x-section-border />
+                <x-ui.section-border />
 
-                <x-connected-accounts-login />
+                <x-social.connected-accounts-login />
                 
-                <x-button 
+                <x-ui.button 
                     link="{{ route('register') }}" 
                     class="btn-sm btn-block btn-outline btn-secondary my-1" 
                 >
                     {{ __('Sign up with email') }}
-                </x-button>
+                </x-ui.button>
 
             @endif
         </form>
-    </x-authentication-card>
-</x-guest-layout>
+    </x-ui.authentication-card>
+</x-layouts.guest>
diff --git a/resources/views/auth/register.blade.php b/resources/views/auth/register.blade.php
index 7cbd049..eaf3548 100644
--- a/resources/views/auth/register.blade.php
+++ b/resources/views/auth/register.blade.php
@@ -1,41 +1,41 @@
-<x-guest-layout>
-    <x-authentication-card>
+<x-layouts.guest>
+    <x-ui.authentication-card>
         <x-slot name="logo">
             <div class="w-24 mb-10">
-                <x-glyph-only-logo />
+                <x-ui.logo />
             </div>
         </x-slot>
 
-        <x-errors class="mb-4" />
+        <x-ui.errors class="mb-4" />
 
         <form method="POST" action="{{ route('register') }}">
             @csrf
 
             <div>
                 
-                <x-input id="name" label="{{ __('Name') }}" class="block mt-1 w-full" type="text" name="name" :value="old('name')" required autofocus autocomplete="name" />
+                <x-ui.input id="name" label="{{ __('Name') }}" class="block mt-1 w-full" type="text" name="name" :value="old('name')" required autofocus autocomplete="name" />
             </div>
 
             <div class="mt-4">
                 
-                <x-input id="email" label="{{ __('Email') }}" class="block mt-1 w-full" type="email" name="email" :value="old('email')" required autocomplete="username" />
+                <x-ui.input id="email" label="{{ __('Email') }}" class="block mt-1 w-full" type="email" name="email" :value="old('email')" required autocomplete="username" />
             </div>
 
             <div class="mt-4">
                 
-                <x-input id="password" label="{{ __('Password') }}" class="block mt-1 w-full" type="password" name="password" required autocomplete="new-password" />
+                <x-ui.input id="password" label="{{ __('Password') }}" class="block mt-1 w-full" type="password" name="password" required autocomplete="new-password" />
             </div>
 
             <div class="mt-4">
                 
-                <x-input id="password_confirmation" label="{{ __('Confirm Password') }}" class="block mt-1 w-full" type="password" name="password_confirmation" required autocomplete="new-password" />
+                <x-ui.input id="password_confirmation" label="{{ __('Confirm Password') }}" class="block mt-1 w-full" type="password" name="password_confirmation" required autocomplete="new-password" />
             </div>
 
             @if (! config('investbrain.self_hosted'))
                 <div class="mt-4">
                     <label>
                         <div class="flex items-center">
-                            <x-checkbox name="terms" id="terms" required />
+                            <x-ui.checkbox name="terms" id="terms" required />
 
                             <div class="ms-2 text-sm">
                                 {!! __('I agree to the :terms_of_service and :privacy_policy', [
@@ -53,10 +53,10 @@
                     {{ __('Already registered?') }}
                 </a>
 
-                <x-button type="submit" class="btn-primary ms-4">
+                <x-ui.button type="submit" class="btn-primary ms-4">
                     {{ __('Register') }}
-                </x-button>
+                </x-ui.button>
             </div>
         </form>
-    </x-authentication-card>
-</x-guest-layout>
+    </x-ui.authentication-card>
+</x-layouts.guest>
diff --git a/resources/views/auth/reset-password.blade.php b/resources/views/auth/reset-password.blade.php
index 3c24705..13ee032 100644
--- a/resources/views/auth/reset-password.blade.php
+++ b/resources/views/auth/reset-password.blade.php
@@ -1,12 +1,12 @@
-<x-guest-layout>
-    <x-authentication-card>
+<x-layouts.guest>
+    <x-ui.authentication-card>
         <x-slot name="logo">
             <div class="w-24 mb-10">
-                <x-glyph-only-logo />
+                <x-ui.logo />
             </div>
         </x-slot>
 
-        <x-errors class="mb-4" />
+        <x-ui.errors class="mb-4" />
 
         <form method="POST" action="{{ route('password.update') }}">
             @csrf
@@ -15,24 +15,24 @@
 
             <div class="block">
                 
-                <x-input id="email" label="{{ __('Email') }}" class="block mt-1 w-full" type="email" name="email" :value="old('email', $request->email)" required autofocus autocomplete="username" />
+                <x-ui.input id="email" label="{{ __('Email') }}" class="block mt-1 w-full" type="email" name="email" :value="old('email', $request->email)" required autofocus autocomplete="username" />
             </div>
 
             <div class="mt-4">
                 
-                <x-input id="password" label="{{ __('Password') }}" class="block mt-1 w-full" type="password" name="password" required autocomplete="new-password" />
+                <x-ui.input id="password" label="{{ __('Password') }}" class="block mt-1 w-full" type="password" name="password" required autocomplete="new-password" />
             </div>
 
             <div class="mt-4">
                 
-                <x-input id="password_confirmation" label="{{ __('Confirm Password') }}" class="block mt-1 w-full" type="password" name="password_confirmation" required autocomplete="new-password" />
+                <x-ui.input id="password_confirmation" label="{{ __('Confirm Password') }}" class="block mt-1 w-full" type="password" name="password_confirmation" required autocomplete="new-password" />
             </div>
 
             <div class="flex items-center justify-end mt-4">
-                <x-button class="btn-primary" type="submit">
+                <x-ui.button class="btn-primary" type="submit">
                     {{ __('Reset Password') }}
-                </x-button>
+                </x-ui.button>
             </div>
         </form>
-    </x-authentication-card>
-</x-guest-layout>
+    </x-ui.authentication-card>
+</x-layouts.guest>
diff --git a/resources/views/auth/two-factor-challenge.blade.php b/resources/views/auth/two-factor-challenge.blade.php
index 13caa00..c355f09 100644
--- a/resources/views/auth/two-factor-challenge.blade.php
+++ b/resources/views/auth/two-factor-challenge.blade.php
@@ -1,8 +1,8 @@
-<x-guest-layout>
-    <x-authentication-card>
+<x-layouts.guest>
+    <x-ui.authentication-card>
         <x-slot name="logo">
             <div class="w-24 mb-10">
-                <x-glyph-only-logo />
+                <x-ui.logo />
             </div>
         </x-slot>
 
@@ -15,19 +15,19 @@
                 {{ __('Please confirm access to your account by entering one of your emergency recovery codes.') }}
             </div>
 
-            <x-errors class="mb-4" />
+            <x-ui.errors class="mb-4" />
 
             <form method="POST" action="{{ route('two-factor.login') }}">
                 @csrf
 
                 <div class="mt-4" x-show="! recovery">
                     
-                    <x-input id="code" label="{{ __('Code') }}" class="block mt-1 w-full" type="text" inputmode="numeric" name="code" autofocus x-ref="code" autocomplete="one-time-code" />
+                    <x-ui.input id="code" label="{{ __('Code') }}" class="block mt-1 w-full" type="text" inputmode="numeric" name="code" autofocus x-ref="code" autocomplete="one-time-code" />
                 </div>
 
                 <div class="mt-4" x-cloak x-show="recovery">
                     
-                    <x-input id="recovery_code" label="{{ __('Recovery Code') }}" class="block mt-1 w-full" type="text" name="recovery_code" x-ref="recovery_code" autocomplete="one-time-code" />
+                    <x-ui.input id="recovery_code" label="{{ __('Recovery Code') }}" class="block mt-1 w-full" type="text" name="recovery_code" x-ref="recovery_code" autocomplete="one-time-code" />
                 </div>
 
                 <div class="flex items-center justify-end mt-4">
@@ -50,11 +50,11 @@
                         {{ __('Use an authentication code') }}
                     </button>
 
-                    <x-button type="submit" class="btn-primary ms-4">
+                    <x-ui.button type="submit" class="btn-primary ms-4">
                         {{ __('Log in') }}
-                    </x-button>
+                    </x-ui.button>
                 </div>
             </form>
         </div>
-    </x-authentication-card>
-</x-guest-layout>
+    </x-ui.authentication-card>
+</x-layouts.guest>
diff --git a/resources/views/auth/verify-email.blade.php b/resources/views/auth/verify-email.blade.php
index d80fe3f..ccf21a3 100644
--- a/resources/views/auth/verify-email.blade.php
+++ b/resources/views/auth/verify-email.blade.php
@@ -1,8 +1,8 @@
-<x-guest-layout>
-    <x-authentication-card>
+<x-layouts.guest>
+    <x-ui.authentication-card>
         <x-slot name="logo">
             <div class="w-24 mb-10">
-                <x-glyph-only-logo />
+                <x-ui.logo />
             </div>
         </x-slot>
 
@@ -11,9 +11,9 @@
         </div>
 
         @if (session('status') == 'verification-link-sent')
-            <x-alert icon="o-envelope" class="alert-success mb-4">
+            <x-ui.alert icon="o-envelope" class="alert-success mb-4">
                 {{ __('A new verification link has been sent to the email address you provided in your profile settings.') }}
-            </x-alert>
+            </x-ui.alert>
         @endif
 
         <div class="mt-4 flex items-center justify-between">
@@ -21,9 +21,9 @@
                 @csrf
 
                 <div>
-                    <x-button type="submit" type="submit" class="btn-primary">
-                        {{ __('Resend Verification Email') }}
-                    </x-button>
+                    <x-ui.button label="{{ __('Resend Verification Email') }}" type="submit" class="bg-primary hover:bg-secondary focus:ring-2 focus:ring-offset-2 focus:ring-neutral-900 focus:shadow-outline focus:outline-none" />
+                        
+                    
                 </div>
             </form>
 
@@ -43,5 +43,5 @@
                 </form>
             </div>
         </div>
-    </x-authentication-card>
-</x-guest-layout>
+    </x-ui.authentication-card>
+</x-layouts.guest>
diff --git a/resources/views/components/application-logo.blade.php b/resources/views/components/application-logo.blade.php
deleted file mode 100644
index ffcc790..0000000
--- a/resources/views/components/application-logo.blade.php
+++ /dev/null
@@ -1,8 +0,0 @@
-<a href="{{ route('dashboard') }}" title="Investbrain" alt="Investbrain">
-  
-    <svg width="100%" height="100%" viewBox="0 0 8725 8725" id="Layer_1" class="fill-current" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" {{ $attributes }}>
-        <path class="text-gray-400 dark:text-gray-800" d="M871.225,2608.94C1134.53,2404.89 1449.16,2363.62 1641.61,2360.4C1641.67,2174.74 1712.51,1837.92 2164.68,1584.62C2435.73,1432.78 2719.78,1375.07 3009,1413.18C3213.02,1440.04 3369.52,1509.52 3461.71,1560.53C3524.11,1478.35 3628.78,1363.37 3783.66,1262.46C3977.74,1136.01 4194.64,1066.99 4428.34,1057.31C4546.53,1052.41 4660.21,1057.01 4766.25,1070.97C5151.93,1121.75 5384,1284.59 5518.69,1431.65C5708.86,1301.6 6035.41,1185.9 6420.15,1236.55C6503.13,1247.48 6586.21,1266.06 6667.09,1291.76C7266.18,1482.18 7561.2,1900.42 7638.98,2217.93C8182.65,2393.89 8508.58,2779.72 8535.52,3282.12C8550.48,3560.29 8463,3769.95 8275.37,3906.81C8383.93,3987.42 8457.98,4086.2 8494.3,4161.29C8532.18,4239.76 8581.74,4449.39 8553.18,4677.8C8526.69,4890.03 8423.61,5187.46 8083.06,5399.09C7893.36,5516.99 7700.07,5581.74 7507.42,5592.09C7501.61,5752.49 7435.43,5923.86 7317.18,6081.48C7152.31,6301.35 6899.78,6468.93 6620.86,6544.56C6594.81,6585.14 6564.96,6623.52 6538.11,6658.02C6470.89,6744.43 6412.81,6819.09 6412.07,6901.61C6410.42,7088.05 6537.22,7196.22 6542.07,7200.25L6609.9,7255.02C6627.75,7269.4 6636.89,7290.33 6634.41,7311.18C6631.96,7332.02 6618.23,7350.18 6597.57,7359.9L5993.86,7644.28C5979.91,7650.84 5964.33,7652.94 5949.32,7650.97C5931.33,7648.6 5914.18,7640.36 5901.78,7627.03L5867.47,7590.14C5749.76,7463.56 5679.34,7349.94 5616.4,7184.83C5603.86,7151.98 5595.74,7119.41 5587.13,7084.86C5552.97,6947.75 5520.69,6818.27 5209.92,6700.39C5041.39,6636.44 4907.04,6556.94 4809.81,6463.71C4656.23,6486.91 4492.19,6488.15 4332.54,6467.13C4279.9,6460.2 4228.62,6450.84 4179.43,6439.2C4165.13,6459.14 4149.93,6478.57 4134,6497.41C3931.87,6736.52 3648.54,6807.65 3446.42,6825.21C3351.28,6833.5 3251.32,6831.35 3157.38,6818.98C3098.37,6811.21 3043.15,6799.66 2995,6785.12C2821.76,6919.66 2518.33,7048.88 2179.64,7004.29C2075.9,6990.63 1972.42,6961.46 1872.07,6917.57C1658.89,6824.32 1501.06,6681.91 1415.66,6505.81C1357.55,6385.94 1335.05,6251.21 1350.82,6125.77C1311.22,6123.14 1272.4,6119.31 1234.7,6114.34C944.533,6076.14 703.567,5969.05 518.381,5796.01C241.986,5537.69 100.437,5121.42 139.738,4682.53C177.569,4259.97 474.596,4045.65 658.054,3952.58C523.487,3756.84 339.332,3361.32 611.064,2904.84C685.209,2780.28 774.773,2683.69 871.225,2608.94C839.684,2661.93 839.686,2661.92 871.225,2608.94Z"/>
-        <path class="text-white dark:text-gray-300" d="M765.137,2485.26L765.139,2485.26C1004.85,2299.5 1282.11,2232.84 1493.06,2212.52C1526.5,1990.18 1655.72,1683.34 2082.88,1444.05C2384.18,1275.26 2700.11,1212.06 3021.59,1254.42C3182.81,1275.64 3317.48,1320.75 3419.02,1365.52C3488.08,1289.56 3581.18,1203.66 3701.33,1125.37L3701.34,1125.37C3918.51,983.875 4161.19,906.548 4422.69,895.712C4550.23,890.427 4672.89,895.496 4787.3,910.559L4787.31,910.56C5147.79,958.027 5387.93,1094.62 5545.69,1234.34C5763.53,1117.13 6082.55,1028.67 6449.17,1076.94C6541,1089.03 6632.94,1109.57 6722.44,1138.02L6722.45,1138.02C7339.79,1334.25 7661.6,1753.34 7773.95,2094.54C8339.66,2302.88 8672.31,2727.97 8701.33,3269.13C8715.55,3533.4 8649.49,3744.96 8510.58,3903.82C8572.83,3971.18 8617.98,4039.82 8645.57,4096.86L8645.62,4096.96C8689.69,4188.25 8751.38,4431.69 8718.17,4697.44C8687.67,4941.66 8569.91,5284.47 8178.04,5528C8005.21,5635.41 7829.45,5702.74 7653.74,5730.6C7625.02,5880.15 7555.76,6033.89 7448.16,6177.31C7274.26,6409.21 7013.6,6589.74 6722.82,6680.47C6703.11,6707.99 6682.79,6734.25 6663.77,6758.68C6639.42,6789.99 6616.24,6819.47 6597.33,6848.5C6582.47,6871.32 6568.06,6891.7 6567.85,6915.2C6566.86,7027.91 6638.89,7095.66 6645.61,7101.61L6712.24,7155.4L6747.98,7191.82L6774.44,7236.44L6789.3,7287.66L6790.24,7342.57L6776.54,7395.68L6750.11,7442.06L6713.89,7479.3C6713.89,7479.3 6670.53,7506.34 6670.56,7506.33L6063.94,7792.07L6063.88,7792.1L6000.9,7811.02L5938.01,7811.44L5866.11,7789.54L5802.51,7742.15L5802.48,7742.12L5768,7705.05C5635.95,7563.05 5556.86,7435.65 5486.27,7250.47C5471.56,7211.93 5461.7,7173.82 5451.6,7133.28C5439.31,7083.97 5430.58,7034.7 5393.76,6988.49C5353.71,6938.23 5283.93,6894.17 5162.36,6848.05L5162.35,6848.05C5001.4,6786.98 4868.66,6712.31 4765.09,6627.05C4617.93,6643.32 4463.9,6641.71 4313.43,6621.9C4287.73,6618.52 4262.32,6614.6 4237.27,6610.18C4005.21,6878.75 3684.95,6962.4 3454.71,6982.41C3348.68,6991.64 3237.29,6989.23 3132.6,6975.45C3092.62,6970.19 3054.17,6963.36 3018.01,6955.21C2815.02,7091.24 2499.05,7207.59 2150.16,7161.65C2032.64,7146.18 1915.38,7113.26 1801.7,7063.54L1801.69,7063.54C1552.49,6954.54 1370.14,6785.68 1270.31,6579.82L1270.3,6579.8C1222.11,6480.38 1194.21,6372.55 1187.33,6265.61C868.773,6221.34 604.63,6100.39 400.359,5909.52L400.346,5909.51C92.561,5621.85 -69.561,5159.84 -25.797,4671.11C9.704,4274.58 239.852,4034.58 439.468,3899.86C308.5,3651.01 206.913,3261.43 467.741,2823.26C552.463,2680.93 654.926,2570.67 765.137,2485.26ZM854.468,2600.53C822.777,2653.77 822.776,2653.77 854.468,2600.53C757.551,2675.64 667.555,2772.7 593.053,2897.86C320.012,3356.54 505.055,3753.96 640.27,3950.65C455.927,4044.16 157.469,4259.52 119.455,4684.11C79.965,5125.12 222.196,5543.4 499.924,5802.97C686.002,5976.83 928.13,6084.44 1219.7,6122.83C1257.58,6127.82 1296.58,6131.67 1336.37,6134.32C1320.52,6260.36 1343.14,6395.73 1401.53,6516.19C1487.34,6693.14 1645.93,6836.24 1860.13,6929.93C1960.97,6974.03 2064.95,7003.35 2169.19,7017.07C2509.51,7061.87 2814.4,6932.03 2988.48,6796.84C3036.86,6811.45 3092.34,6823.06 3151.64,6830.86C3246.03,6843.29 3346.47,6845.45 3442.07,6837.13C3645.17,6819.48 3929.87,6748 4132.97,6507.75C4148.98,6488.81 4164.25,6469.29 4178.62,6449.25C4228.05,6460.94 4279.58,6470.35 4332.47,6477.32C4492.89,6498.44 4657.71,6497.19 4812.03,6473.88C4909.73,6567.56 5044.73,6647.45 5214.08,6711.7C5526.35,6830.15 5558.78,6960.25 5593.11,7098.02C5601.76,7132.75 5609.92,7165.47 5622.52,7198.48C5685.76,7364.38 5756.52,7478.55 5874.8,7605.74L5909.27,7642.81C5921.73,7656.2 5938.96,7664.48 5957.05,7666.86C5972.12,7668.85 5987.78,7666.74 6001.79,7660.14L6608.41,7374.4C6629.18,7364.62 6642.97,7346.38 6645.43,7325.43C6647.93,7304.49 6638.75,7283.45 6620.8,7269.01L6552.64,7213.98C6547.78,7209.92 6420.37,7101.23 6422.02,6913.9C6422.77,6830.97 6481.13,6755.96 6548.67,6669.12C6575.65,6634.46 6605.64,6595.9 6631.82,6555.13C6912.09,6479.13 7165.83,6310.74 7331.49,6089.81C7450.31,5931.43 7516.81,5759.23 7522.65,5598.06C7716.23,5587.66 7910.46,5522.6 8101.06,5404.13C8443.26,5191.48 8546.83,4892.62 8573.46,4679.36C8602.15,4449.86 8552.35,4239.21 8514.29,4160.36C8477.79,4084.91 8403.39,3985.66 8294.3,3904.66C8482.84,3767.14 8570.74,3556.46 8555.71,3276.95C8528.63,2772.13 8201.13,2384.45 7654.85,2207.64C7576.69,1888.6 7280.25,1468.34 6678.27,1277C6597,1251.17 6513.52,1232.5 6430.14,1221.53C6043.55,1170.63 5715.43,1286.89 5524.33,1417.57C5388.99,1269.8 5155.8,1106.17 4768.27,1055.14C4661.72,1041.12 4547.49,1036.5 4428.73,1041.42C4193.91,1051.15 3975.96,1120.5 3780.94,1247.56C3625.32,1348.96 3520.14,1464.49 3457.44,1547.07C3364.81,1495.81 3207.55,1425.99 3002.55,1399C2711.93,1360.71 2426.52,1418.7 2154.16,1571.28C1699.81,1825.79 1628.63,2164.24 1628.57,2350.8C1435.19,2354.03 1119.04,2395.5 854.47,2600.53L854.468,2600.53ZM3095.21,3540C3110.65,3517.11 3124.43,3492.75 3136.27,3466.73C3159.84,3484.53 3187.12,3502.2 3217.98,3519.3C3176.82,3524.05 3135.83,3530.95 3095.21,3540ZM4987.69,6392.98C5012.79,6385.22 5037.53,6376.67 5061.81,6367.27C5279.99,6282.86 5443.87,6139.38 5543.42,5947.56C5634.71,5967.11 5793.23,6001.82 5899.21,6029.28C6464.31,6175.77 6500.06,6275.84 6502.27,6286.77C6521.75,6382.63 6456.31,6466.72 6380.57,6564.1C6305.58,6660.49 6220.6,6769.72 6219.37,6906.62C6217.79,7085.19 6300.58,7215.19 6360.08,7285.4L5995.93,7456.89C5915.03,7362.92 5862.35,7272.04 5814.33,7146.09C5805.32,7122.55 5798.33,7094.51 5790.95,7064.85C5752.95,6912.31 5700.87,6703.43 5288.66,6547.1C5170.44,6502.25 5056.64,6436.3 4987.69,6392.98ZM6353.98,6347.82C6294.87,6316.85 6134.16,6240.84 5862.62,6170.45C5791.68,6152.06 5696.78,6130.4 5615.11,6112.37C5537.91,6227.63 5438.02,6324.9 5317.16,6401.62C5324.87,6404.75 5332.61,6407.8 5340.37,6410.74C5581.56,6502.21 5714.99,6612.65 5796.08,6718.94C5879.95,6828.88 5909.46,6937.27 5932.46,7029.59L5932.48,7029.65C5938.31,7053.1 5943.42,7075.39 5950.54,7094L5950.59,7094.13C5977.18,7163.86 6005.26,7221.18 6040.45,7274.73L6147,7224.55C6105,7139.38 6072.42,7032.09 6073.54,6905.33L6073.54,6905.31C6075.07,6734.77 6172.05,6594.64 6265.46,6474.56C6292.19,6440.19 6317.75,6407.91 6337.36,6375.88C6343.3,6366.18 6349.53,6357.05 6353.98,6347.82ZM7433.06,5533.93L7441.11,5539.78C7389.02,5894.28 7286.09,6014.61 7072.19,6186.74C7015.59,6232.29 6781.47,6422.79 6621.64,6410.28C6635.1,6366.58 6639.36,6320.27 6629.2,6270.16C6613.59,6193.32 6524.34,6073.37 5931.69,5919.77C5811.87,5888.71 5692.3,5861.76 5590.5,5840.35C5597.29,5821.77 5603.56,5802.82 5609.29,5783.5L5609.98,5778.46C5682.07,5798.63 5761,5814.03 5847.36,5823.25C6338.75,5875.37 6755.58,5637.74 6932.49,5368.99C7023.69,5431.42 7198.99,5525.91 7433.06,5533.93ZM7268.79,5662.23C7149.31,5640.01 7048.02,5600.22 6968.5,5559.56C6833.97,5708.67 6635.18,5840.42 6396.38,5914.11C6470.88,5944.13 6527.89,5972.41 6571.66,5998.58C6711.17,6081.98 6751.27,6160.5 6767.17,6219.95C6863.3,6168.97 6950.32,6097.62 6980.76,6073.13C7131.68,5951.68 7218.06,5860.27 7268.79,5662.23ZM5485.81,5736.64L5483.4,5754.88C5410.14,5997.69 5249.86,6168.4 5006.96,6262.39C4716.8,6374.66 4392.29,6349.17 4187.19,6294.34C4309.59,6040.89 4250.82,5793.69 4171.15,5631.76C4298.48,5659.85 4440.51,5658.09 4571.36,5624.07C4698.94,5590.91 4866.87,5514.33 4991.89,5338.28C5080.54,5474.02 5232.64,5635.94 5485.81,5736.64ZM5304.8,5813.5C5168.72,5741.39 5064.02,5653.56 4983.94,5565.59C4859.01,5678.23 4720.53,5735.98 4608.06,5765.22L4608.06,5765.22C4534.67,5784.29 4458.29,5794.69 4382.23,5796.73C4407.67,5913.9 4413.38,6046.17 4380.58,6184C4550.71,6206.49 4761.1,6201.15 4954.33,6126.38C5117.07,6063.41 5234.78,5958.63 5304.8,5813.5ZM4632.25,3234.8C4668.15,3171.7 4690.11,3108.4 4703.16,3050.12C4735.54,3095.07 4772.81,3135.38 4814.71,3168.61C4788.97,3176.46 4762.84,3185.07 4736.32,3194.46C4699.93,3207.35 4665.26,3220.82 4632.25,3234.8ZM881.314,4052.83C954.528,4034.49 1472.87,3924.23 1811.81,4326.97C1811.81,4326.97 1718.33,4031.51 1377.74,3939.53C1166.5,3891.88 971.29,3912.24 868.944,3935.71C778.718,3831 498.378,3446.91 773.022,2985.57C1093.5,2447.16 1744.72,2531.74 1772.44,2535.52L1793.01,2538.47C1895.42,2560.68 2419.13,2740.5 2432.28,3111.53C2432.28,3111.53 2593.22,2830.6 2195.13,2586.57C2058.57,2502.14 1917.11,2451.11 1835.76,2431.42C1818.83,2322.96 1807.75,1980.8 2266.49,1723.81C2838.67,1403.26 3329.32,1654.23 3456.1,1767.4L3489.25,1797.03C3564.38,1869.25 3739.53,2070.33 3741.1,2376.63C3743.28,2799.03 3560.42,2914.7 3558.57,2915.74C3558.57,2915.74 3741.63,2831.11 3827.09,2616.74C3961.72,2784.92 4199.39,2799.03 4199.39,2799.03C4114.37,2782.78 3910.12,2613.1 3865,2467.58C3868.44,2439.83 3870.23,2410.6 3870.07,2379.85C3868.3,2033.17 3667.3,1802.61 3580.29,1719C3654.18,1603.23 3925.42,1242.18 4444.83,1220.67C5103.52,1193.41 5366.29,1499.43 5448.93,1632.97C5458.15,1648.59 5894.39,2402.84 5309.26,2763.24C5309.26,2763.24 5506.2,2732.13 5631.78,2586.19C5742.04,2781.2 6002.2,2849.97 6002.2,2849.97C5893.11,2801.7 5748.58,2637.13 5702.54,2469.61C5710.8,2448.78 5717.66,2426.52 5722.83,2402.74C5796.64,2073.76 5638.23,1726.81 5581.56,1617.25C5706.62,1499.59 6114.66,1286.53 6615.4,1445.68C7102.97,1600.66 7379.6,1938.26 7454.34,2229.62C7273.76,2211.36 6921.76,2213.78 6660.49,2343.97C6658.99,2335.45 6657.39,2326.97 6655.69,2318.54C6573.35,1997.89 6301.03,1882.57 6301.03,1882.57C6528.09,2142.85 6597.2,2444.32 6518.55,2831.35C6447.72,3179.79 6027.85,3293.89 5884.97,3301.05C5682.8,3160.14 5381.87,3046.43 4971.74,3128.78C4799.43,3055.12 4693.74,2815.62 4681.09,2620.14C4668.58,2427.27 4760.05,2038.77 5036.72,1970.8C5036.72,1970.8 4795.84,1891.68 4651.16,2156.76C4648.09,2162.84 4645.1,2168.94 4642.19,2175.08C4550.27,1952.63 4289.24,1914.84 4289.24,1914.84C4292.02,1916.38 4558.14,2068.03 4575.02,2373.92C4553.97,2468.8 4548.12,2558.02 4552.33,2622.98C4556.19,2682.52 4567.41,2744.79 4585.6,2806.15C4589.21,2827.71 4628.69,3093.51 4429.96,3295.09C4230.25,3497.64 3944.97,3586.61 3646.99,3539.47C3389.1,3498.56 3228.88,3402.82 3174.76,3341.92C3194.55,3230.96 3184.67,3095.3 3132.32,2925.71C3099.61,2819.74 3051.14,2734.95 2994.93,2667.11C2953.72,2381.22 3092.03,2206.41 3092.03,2206.41C3092.03,2206.41 2900.77,2309.3 2881.7,2558.21C2684.71,2407.04 2460.99,2396.64 2457.64,2396.52C2457.64,2396.52 2877.66,2530.31 3007.97,2952.44C3140.46,3381.64 2972.48,3543.99 2774.77,3662.72C2763.68,3668.97 2752.67,3675.41 2741.74,3682.05C2654.01,3731.77 2453.95,3731.25 2254.82,3632.47C2101.17,3556.23 1843.26,3366.51 1842.39,2952.59C1842.39,2952.59 1743.33,3147.97 1839.89,3387.81C1831.64,3385.93 1823.44,3384.24 1815.29,3382.72C1563.64,3335.8 1416.31,3541.61 1416.31,3541.61C1418.77,3540.16 1655.85,3400.92 1914.21,3515.54C1988.88,3603.08 2083.07,3676.33 2194.59,3731.66C2290.25,3779.12 2392.17,3809.64 2488.72,3822.35C2512.99,3825.54 2536.91,3827.61 2560.31,3828.54C2308.62,4091.79 2205.08,4504.32 2307.96,4856.65C2089.48,4773.49 1850.98,4765.14 1627.83,4834.2C1386.68,4838.03 1163.96,4636.8 1146.26,4581.75C1146.26,4581.75 1121.71,4768.2 1368.97,4876.42C1400.85,4889.8 1434.07,4901.34 1468.17,4910.39C1257.77,5057.58 1277.13,5259.52 1277.13,5259.52C1291.37,5172.03 1410.83,5042.4 1611.7,4963.92C1858.39,4867.48 2133.05,4884.69 2368.5,5010.64C2369.09,5011.81 2369.69,5012.98 2370.28,5014.15C2482.7,5234.53 2651.17,5416.51 2857.55,5540.53C2862.29,5543.37 2867.03,5546.14 2871.77,5548.82C2968.11,5660.37 2929.99,5870.04 2876.84,5957.99C2876.84,5957.99 3059.36,5865.9 3031.24,5636.83C3029.2,5627.94 3026.85,5619.12 3024.18,5610.39C3254.47,5669.62 3451.44,5580.93 3451.44,5580.93C3142.72,5611.16 2712.51,5411.06 2487.55,4970.01C2285.46,4573.9 2441.85,4005.89 2815.62,3777.74C2825.68,3771.97 2835.67,3766.11 2845.59,3760.15C3219.84,3548.93 3694.41,3590.28 4023.01,3862.66C4008.71,3920.36 4001.8,3976.25 3999.77,4028.47C3994.33,4167.93 4023.71,4307.05 4071.63,4431.84C4190.08,4736.98 4468.27,4782.01 4468.27,4782.01C4344.07,4721.57 4115.12,4384.02 4128.64,4036.11C4137.69,3803.89 4259.32,3487.85 4787.58,3300.71C5318.34,3112.65 5672.11,3273.6 5875.48,3441.73C6215.68,3723.05 6351.11,4201.83 6259.85,4455.56C6102.43,4893.28 5628.78,4955.25 5608.84,4957.64C5608.84,4957.64 5873.58,5023.85 6090.95,4880.99C6153.33,4936.58 6250.83,5063.23 6222.87,5212.73C6222.87,5212.73 6341.23,4976.47 6170.85,4816.77C6256.7,4736.36 6333.37,4631.05 6382.88,4493.42C6392.83,4465.76 6400.55,4436.02 6406.05,4404.56C6407.19,4406.44 6408.35,4408.32 6409.51,4410.19C6501.07,4557.47 6659.11,4675.15 6846.67,4745.47C6962.91,4937.35 6877.78,5201 6854.93,5249.24L6852.48,5254.1C6741.03,5475.3 6358.99,5762.94 5858.56,5709.86C5352.64,5656.65 5135.65,5363.25 5051.36,5193.4L5047.92,5186.46C5018.86,5122.94 4912.55,4779.37 5083.24,4534.36C5200.14,4366.5 5425.43,4280.74 5752.72,4279.41C5752.72,4279.41 5596.95,4220.25 5407.6,4235.67C5436.49,4209.94 5461.98,4181.45 5484.3,4151.46C5593.84,4004.2 5626.88,3820.81 5610.36,3750.55C5610.36,3750.55 5558.41,3944.88 5353.35,4152.59C5356.69,4119.74 5355.87,4085.4 5350.73,4049.93C5301.6,3824.7 5082.39,3795.84 5082.39,3795.84C5146.24,3827.85 5223.09,3935.14 5241.11,4059.27C5251.23,4129.3 5245.36,4225.91 5165.61,4301.76C5140.45,4314.48 5115.56,4329.34 5091.2,4346.61C5045.26,4383.01 5005.8,4424.86 4972.87,4472.13C4786.22,4740.05 4878.45,5098.7 4922.38,5210.99C4814.87,5405.13 4651.46,5483.2 4531.36,5514.41C4371.53,5555.97 4186.34,5538.93 4059.37,5471.06L4059.37,5471.05L4051.27,5466.67C3755.36,5307.43 3601.93,5101.03 3525.3,4955.95C3361.65,4645.97 3521.2,4316.47 3624.1,4205.46C3624.1,4205.46 3399.41,4288.64 3338.74,4540.29C3094.63,4386.64 2842.42,4499.52 2842.42,4499.52C2977.21,4491.05 3206.15,4555.88 3325.28,4654.33C3323.46,4764.07 3345.9,4882.38 3408.79,5001.51C3492.97,5160.92 3660.94,5387.28 3983.37,5561.81C4084.19,5686.47 4260.13,6053.29 3969.35,6397.24C3707.72,6706.69 3245.67,6682.38 3054.86,6628.84C3062.93,6618.09 3071.52,6605.92 3080.26,6592.42C3198.52,6374.35 3046.09,6223.23 3046.09,6223.23C3064.37,6391.07 2982.52,6519.09 2937.51,6575.47L2912.11,6604.54C2910.6,6606.08 2909.73,6606.91 2909.62,6607.02L2909.8,6607.17L2902.86,6615.12C2843.23,6683.37 2436.94,6984.63 1945.11,6769.56C1552.55,6597.84 1485.08,6265.35 1560.39,6066.07C1654.78,6044.67 1852.59,5972.73 1983.92,5826.07C2206.72,5742.66 2429.46,5884.68 2429.46,5884.68C2382.38,5803.04 2273.8,5734.61 2139.12,5714.74C2112.5,5710.81 2084.86,5708.78 2056.48,5708.93C2148.2,5486.44 1973.48,5311.86 1973.48,5311.86C2014.75,5475.76 1990.58,5616.37 1901.67,5729.74C1773.23,5893.47 1547.06,5953.72 1506.45,5958.99C1139.21,5966.18 849.331,5872.9 644.897,5681.81C407.43,5459.88 286.543,5094.37 321.482,4704.11C366.226,4204.48 848.728,4062 869.072,4056.24L881.314,4052.83ZM4230.21,2656.49C4303.83,2672.38 4353.47,2741.96 4344.1,2817.08C4334.59,2893.36 4267.49,2949.16 4190.74,2944.61C4190.74,2944.61 4023.8,2933.37 3866.88,2839.72C3754.47,2987.52 3619.76,3048.11 3619.76,3048.11C3548.66,3080.98 3464.29,3051.81 3428.68,2982.04C3394.96,2915.98 3416.36,2835.87 3476.73,2795.02C3482.66,2788.67 3596.74,2662.78 3595.27,2377.38L3595.27,2377.38C3594,2128.55 3452.59,1964.59 3389.99,1903.9L3358.97,1876.18C3250.14,1779.05 2828.74,1575.98 2337.76,1851.04L2337.76,1851.04C2056.2,2008.78 1988.03,2201.73 1977.66,2322.22C2063.28,2352.43 2168.72,2398.82 2271.52,2462.35C2473.57,2586.25 2556.85,2722.24 2590.39,2835.31C2649.34,3034 2558.82,3184.03 2558.82,3184.03C2526.44,3240.55 2460.51,3268.74 2397.28,3253.1C2334.04,3237.47 2288.85,3181.8 2286.54,3116.7C2282.82,3011.81 2215.64,2931.87 2138.6,2868.7C2001.69,2756.43 1824.63,2695.72 1766.56,2682L1752.19,2679.94C1721.59,2675.79 1169.92,2603.89 898.336,3060.16L898.332,3060.16C711.411,3374.16 838.973,3644.42 930.39,3776.83C1052.83,3760.39 1225.94,3755.79 1409.83,3797.27C1411.82,3797.72 1413.8,3798.21 1415.76,3798.74C1838.21,3912.83 1950.85,4282.98 1950.85,4282.98C1971.83,4349.3 1943.05,4421.2 1882.11,4454.74C1821.16,4488.27 1745.02,4474.09 1700.23,4420.87C1417.87,4085.36 986.31,4177.13 918.537,4193.84L918.512,4193.85L908.524,4196.64C888.631,4202.31 502.582,4316.83 466.734,4717.12C436.133,5058.93 536.483,5380.88 744.472,5575.26L744.48,5575.27C922.361,5741.54 1175.62,5817.95 1493.84,5813.35C1536.66,5805.15 1694.76,5757.21 1786.92,5639.74C1848.93,5560.66 1860.85,5461.79 1832.06,5347.48C1816.04,5283.88 1844.45,5217.41 1901.49,5185.04C1958.53,5152.66 2030.16,5162.35 2076.55,5208.7C2076.55,5208.7 2230.76,5363.84 2228.68,5584.27C2381.23,5623.67 2499.15,5713.61 2555.79,5811.82C2589.36,5870.03 2578.81,5943.63 2530.26,5990.07C2481.7,6036.51 2407.71,6043.76 2351.06,6007.64C2351.06,6007.64 2211.89,5915.68 2063.85,5953.6C1945.57,6071.27 1792.94,6144.38 1680.97,6182.75C1662.87,6330.07 1748.53,6524.39 2003.54,6635.94C2408.16,6812.87 2743.98,6575.32 2793.03,6519.18L2794.43,6517.58C2797.84,6513.18 2801.53,6508.95 2805.49,6504.92L2825.41,6482.13C2857.24,6441.64 2913.63,6353.96 2901.11,6239.03C2894.42,6177.63 2927.13,6118.68 2982.77,6091.86C3038.41,6065.05 3104.9,6076.19 3148.76,6119.67C3148.76,6119.67 3313.4,6275.64 3263.41,6515.5C3448.32,6527.45 3698.41,6491.83 3857.98,6303.09C4069.59,6052.79 3964.28,5786.93 3885.65,5674.42C3547.69,5483.7 3370.4,5241.1 3279.83,5069.61L3279.82,5069.59C3219.23,4954.82 3189.92,4840.67 3181.78,4731.95C3083.02,4674.47 2940.98,4639.44 2851.57,4645.06C2781.18,4649.48 2717.72,4602.9 2700.83,4534.43C2683.95,4465.96 2718.48,4395.21 2782.85,4366.4C2782.85,4366.4 3005.92,4265.52 3260.37,4344.75C3376.45,4139.89 3573.48,4068.7 3573.48,4068.7C3636.78,4045.27 3707.88,4068.34 3745.37,4124.46C3782.86,4180.59 3776.94,4255.11 3731.05,4304.61C3651.08,4390.87 3527.08,4646.95 3654.26,4887.85C3722.02,5016.12 3858.76,5197.47 4120.38,5338.25L4120.67,5338.41L4128.77,5342.79L4128.89,5342.86C4227.41,5395.18 4370.95,5405.44 4494.66,5373.27L4494.68,5373.27C4575.53,5352.26 4681.93,5303.57 4762.54,5191.4C4711.99,5013.19 4663.21,4661.51 4853.21,4388.78C4894.24,4329.86 4943.38,4277.67 5000.63,4232.31C5002.67,4230.7 5004.74,4229.14 5006.86,4227.64C5029.55,4211.56 5052.6,4197.15 5075.88,4184.27C5102.53,4150.37 5101.06,4109.79 5096.78,4080.18C5086.61,4010.19 5053.04,3944.25 5017.03,3926.21C4953.39,3894.3 4922.09,3821.11 4942.98,3753.05C4963.86,3684.99 5030.84,3641.96 5101.42,3651.25C5101.42,3651.25 5292.68,3675.23 5412.59,3837.17C5455.03,3762.79 5469.48,3712.88 5469.48,3712.88C5486.74,3648.29 5545.72,3603.71 5612.57,3604.73C5679.43,3605.74 5737.03,3652.09 5752.33,3717.17C5769,3788.08 5753.78,3950.41 5678.81,4108.73C5756.13,4124.45 5804.49,4143.07 5804.49,4143.07C5870.2,4168.02 5908.76,4236.28 5896.21,4305.44C5883.67,4374.59 5823.59,4424.95 5753.31,4425.24C5486.92,4426.32 5298.06,4481.08 5202.91,4617.7L5202.9,4617.72C5071.5,4806.34 5155.93,5070.21 5179.74,5124.03L5182,5128.57C5253.93,5273.54 5442.02,5519.41 5873.82,5564.82L5873.95,5564.84C6298.68,5609.89 6627.65,5376.22 6722.24,5188.48L6723.73,5185.53C6739.64,5150.84 6793.91,4992.22 6741.41,4860.27C6634.88,4814.42 6538.27,4754.66 6456.5,4684.18C6427.48,4737.05 6394.79,4784.8 6359.61,4827.93C6467.28,5040.05 6353.26,5278.05 6353.26,5278.05C6320.7,5343.05 6245.25,5374.14 6176.35,5350.95C6107.46,5327.76 6066.16,5257.38 6079.52,5185.93C6088.2,5139.53 6074.95,5097.54 6054.98,5063.21C5815.77,5158.85 5573.46,5099.12 5573.46,5099.12C5505.22,5082.06 5458.89,5018.71 5463.3,4948.51C5467.7,4878.31 5521.59,4821.25 5591.43,4812.85C5607.65,4810.9 5994.52,4762.38 6122.62,4406.2L6122.62,4406.19C6151.28,4326.53 6147.22,4218.62 6120.03,4103.66C6074.62,3911.6 5960.99,3701.68 5782.55,3554.12C5605.81,3408.01 5297.53,3274.74 4836.28,3438.17L4836.27,3438.17C4395.09,3594.46 4281.93,3847.84 4274.37,4041.79C4267.47,4219.26 4336.43,4393.08 4414.19,4515.22C4456.57,4581.78 4497.56,4634.08 4532.08,4650.88C4597.12,4682.53 4629.13,4757.08 4607.29,4826.04C4585.45,4895 4516.37,4937.53 4444.96,4925.97C4444.96,4925.97 4086.56,4873.28 3935.68,4484.61L3935.49,4484.12C3880.7,4341.44 3847.83,4182.26 3854.05,4022.81C3855.28,3991.1 3858.05,3958.24 3862.76,3924.53C3585.71,3736.9 3215.81,3719.49 2918.92,3886.22C2909.35,3891.96 2899.71,3897.61 2890.01,3903.19C2577.31,4095.41 2448.04,4571.68 2617.45,4903.73L2617.45,4903.75C2810.11,5281.46 3172.84,5461.68 3437.22,5435.79C3508.31,5428.83 3573.97,5474.37 3592.36,5543.39C3610.74,5612.4 3576.44,5684.58 3511.31,5713.9C3511.31,5713.9 3367.5,5779.66 3172.06,5776.22C3130.29,5997.81 2942.53,6088.19 2942.53,6088.19C2884.48,6117.48 2814.06,6104.8 2769.87,6057.1C2725.68,6009.4 2718.4,5938.22 2752.03,5882.57C2769.34,5853.92 2782.04,5804.88 2784.74,5754.48C2786.5,5721.41 2786.15,5686.16 2771.5,5658.89C2559.39,5528.78 2383.81,5343.44 2261.33,5120.03C2072.73,5032.07 1858.5,5024.02 1664.8,5099.74L1664.77,5099.76C1584.26,5131.21 1519.61,5172.17 1474.12,5214.78C1446.85,5240.32 1424.49,5261.93 1421.07,5282.94C1409.29,5355.31 1345.62,5407.68 1272.34,5405.27C1199.06,5402.86 1138.96,5346.42 1131.96,5273.43C1131.96,5273.43 1112.84,5121.28 1217.4,4960.64C1138.94,4910.42 1090.2,4853.36 1058.78,4801.09C982.541,4674.29 1001.67,4562.71 1001.67,4562.71C1010.58,4495.07 1065.19,4442.64 1133.14,4436.5C1194.79,4430.94 1252.46,4464.82 1278.23,4519.66C1295.16,4534.84 1459.71,4679.07 1607.85,4687.98C1777.27,4639.3 1953.84,4629.36 2125.81,4657.38C2108.86,4405.73 2172.13,4146.07 2301.27,3930.26C2243.41,3912.71 2185.66,3890.02 2129.78,3862.3L2129.76,3862.29C2011.81,3803.77 1910.65,3727.81 1827.91,3637.99C1649.62,3574.43 1492.23,3666.14 1490.52,3667.15C1431.17,3702.23 1355.36,3690.96 1308.78,3640.12C1262.21,3589.29 1257.6,3512.78 1297.73,3456.72C1297.73,3456.72 1426.73,3276.01 1654.72,3237.17C1635.93,3032.07 1712.32,2886.64 1712.32,2886.64C1742.81,2826.51 1810.55,2795.11 1876.14,2810.72C1941.73,2826.32 1988.08,2884.86 1988.22,2952.28C1988.93,3286.32 2195.63,3440.3 2319.63,3501.83C2415.48,3549.38 2511.35,3569.59 2588.11,3568.7C2621.34,3568.32 2649.79,3565.89 2668.54,3555.89C2679.41,3549.33 2690.34,3542.93 2701.35,3536.71C2774.57,3492.65 2845.54,3443.92 2882.7,3363.09C2921.82,3278 2920.3,3162.86 2868.62,2995.45C2760.82,2646.22 2413.38,2535.47 2413.38,2535.47C2343.9,2513.34 2301.44,2443.29 2313.98,2371.45C2326.51,2299.62 2390.18,2248.08 2463.05,2250.79C2466.05,2250.9 2616.52,2257.02 2790.65,2335.55C2874.66,2154.8 3022.95,2077.98 3022.95,2077.98C3083.86,2045.22 3159.39,2059.74 3203.81,2112.75C3248.23,2165.76 3249.31,2242.67 3206.4,2296.91C3206.4,2296.91 3119.18,2415.27 3135.12,2609.63C3190.43,2684.15 3238.13,2774.03 3271.67,2882.7C3319.73,3038.42 3335.33,3169.74 3328.48,3281.65C3393.47,3323.97 3509.44,3369.99 3669.81,3395.43C3919.35,3434.9 4158.86,3362.34 4326.11,3192.7C4461.73,3055.15 4447.95,2877.32 4442.81,2837.36C4423.19,2768.61 4411.12,2699.04 4406.8,2632.42L4406.8,2632.41C4402.22,2561.76 4407.36,2466.43 4428.03,2364.13C4406.62,2150.01 4220.66,2043.56 4218.66,2042.45C4157.03,2008.36 4128.57,1935.1 4151.02,1868.34C4173.48,1801.59 4240.43,1760.42 4310.14,1770.51C4310.14,1770.51 4495.25,1799.1 4642.23,1930.74C4842.64,1746.5 5082.23,1832.25 5082.23,1832.25C5144.05,1852.55 5184.94,1911.35 5182.45,1976.37C5179.97,2041.39 5134.7,2096.9 5071.52,2112.42C5000.05,2129.98 4950.83,2184.38 4914.28,2246.84C4845.15,2364.97 4820.5,2516.47 4826.62,2610.7L4826.62,2610.72C4832.68,2704.36 4865.12,2810.76 4920.1,2893.51C4941.78,2926.14 4966.7,2955.37 4995.98,2976.05C5399.71,2908.42 5705.28,3012.83 5921.66,3150.31C5984.17,3139.88 6073.28,3113.63 6158.09,3066.62C6255.17,3012.83 6349.53,2930.75 6375.64,2802.3C6443.86,2466.61 6388.07,2204.19 6191.14,1978.43C6146.49,1927.24 6143.09,1852 6182.94,1797C6222.8,1741.99 6295.36,1721.79 6357.91,1748.28C6357.91,1748.28 6619.48,1856.38 6751.27,2151.12C6911.7,2100.29 7085.22,2080.49 7233.23,2076.72C7116.51,1878.92 6895.27,1687.66 6571.23,1584.67C6219.27,1472.8 5919.68,1569.17 5763.46,1663.29C5837.22,1839.77 5930.28,2143.44 5865.24,2434.14C5862.55,2446.48 5859.52,2458.51 5856.16,2470.25C5898.81,2580.77 5988.8,2684.57 6061.22,2716.62C6130.78,2747.4 6165,2826.49 6139.81,2898.27C6114.61,2970.05 6038.48,3010.41 5964.93,2990.97C5964.93,2990.97 5765.39,2935.61 5613.23,2793.4C5474.56,2884.43 5332.02,2907.29 5332.02,2907.29C5263.37,2918.14 5196.61,2879.03 5172.49,2813.85C5148.37,2748.67 5173.61,2675.52 5232.78,2639.08C5462.64,2497.5 5487.04,2276.55 5457.92,2091.48C5426.26,1890.34 5333.51,1724.73 5324,1708.23C5251.44,1592.04 5018.29,1342.89 4450.86,1366.38C4098.08,1380.99 3877.7,1576.77 3768.39,1708.65C3877.49,1842.26 4014.33,2071.22 4015.91,2379.11C4016.03,2402.76 4015.18,2425.67 4013.49,2447.85C4040.12,2504.46 4097.5,2561.41 4150.01,2604.14C4179.33,2628.01 4225.85,2654.07 4230.21,2656.49ZM2807.9,6502.52C2808.41,6502.02 2808.93,6501.53 2809.45,6501.03C2809.39,6501.09 2808.83,6501.57 2807.92,6502.49L2807.9,6502.52ZM4062.89,3743.83C4020.84,3712.47 3976.95,3684.22 3931.6,3659.14C4000.81,3651.19 4068.22,3636.56 4133.02,3615.49C4104.3,3658.08 4081.23,3701.09 4062.89,3743.83ZM7282.43,3192.74C7277.74,3184.93 7271.64,3174.88 7264.65,3163.57C7263.91,3164.83 7263.16,3166.08 7262.42,3167.33L7280.41,3192.65C7269.07,3192.14 7257.33,3191.96 7245.19,3192.14C7237.92,3192.67 7230.63,3193.28 7223.31,3193.98C7233.27,3180.72 7242.7,3166.72 7251.51,3151.98L7259.51,3163.24C7261.1,3163.15 7262.7,3163.07 7264.29,3162.99C7261.15,3157.91 7257.83,3152.58 7254.38,3147.09C7269.2,3121.59 7282.12,3093.89 7292.56,3063.91L7292.66,3063.55C7434.19,2911.65 7646.3,2902.77 7802.88,2923.39C7802.88,2923.39 7578.03,2773.04 7368.75,2882.02C7344.92,2893.36 7322.2,2906.16 7300.65,2920.4C7276.21,2769.77 7156.19,2672.89 7156.19,2672.89C7205.14,2825.1 7198.96,2940.6 7167.93,3027.29C7164.21,3023.95 7160.99,3021.76 7158.41,3020.99L7166.22,3031.98C7114.9,3169.7 7000.77,3233.3 6949.81,3255.62C6879.02,3280.61 6808.5,3312.63 6740.28,3351.56C6564.62,3451.77 6395.83,3647.65 6333.14,3875.59C6265.63,3705.4 6157.21,3536.8 6008.66,3400.31C6239.96,3352.58 6577.6,3189.18 6645.48,2855.12C6673,2719.7 6683.1,2592.28 6675.63,2472.17C6956.16,2298.88 7431.2,2332.48 7516.85,2353.92C8211.56,2543.89 8339.12,3015.39 8353.32,3279.62C8373.61,3658.02 8182.72,3780.97 7993.31,3851.31L7989.51,3852.72C7919.76,3876.97 7466.41,3971.96 7237.24,3756.53C7237.24,3756.53 7259.27,3920.34 7485.48,3988.3C7350.82,4084.45 7366.76,4271.72 7366.76,4271.72C7391.51,4199.15 7491.37,4058.68 7697.97,4009.03C7840.96,4006.92 7964.45,3981.59 8022.87,3964.55C8177.95,4014.58 8289.81,4146.58 8328.36,4226.36C8375.35,4323.65 8511.02,4926.77 7981.06,5256.13C7474.71,5570.82 7107.85,5356.68 6987.08,5264.26C7019.68,5174.76 7067.42,4976.2 7005.18,4791.91C7035.57,4798.46 7066.4,4803.82 7097.55,4807.92C7149.78,4814.8 7202.92,4818.15 7256.31,4817.69C7369.23,4816.67 7473.08,4798.56 7564.63,4764.98C7592.34,4753.38 7616.62,4739.8 7637.89,4724.87C7661.29,4729.61 7724.11,4755.51 7781.98,4807.12C7828.6,4848.68 7854.26,4892.24 7854.2,4929.73C7854.2,4929.73 7894.05,4744.7 7741.16,4659.57C7732.73,4655.37 7724.54,4651.57 7716.6,4648.16C7793.58,4543.68 7787.79,4425.83 7787.79,4425.83C7697.31,4600.06 7501.57,4701.27 7250.82,4703.48C6950.08,4706.2 6650.26,4563.95 6522.03,4357.68C6302.26,4004.14 6554.34,3595.48 6812.61,3448.14C6865.75,3417.82 6921.1,3392.16 6976.97,3371.31C6984.35,3368.86 6991.86,3366.15 6999.48,3363.18C7231.77,3282.04 7469.24,3284.04 7591.96,3379.68C7591.96,3379.68 7535.1,3204.94 7282.43,3192.74ZM7379.99,2720.34C7635.53,2641.27 7883.94,2802.16 7883.94,2802.16C7940.28,2839.83 7963.24,2911.35 7939.35,2974.78C7915.47,3038.21 7851.04,3076.82 7783.84,3067.97C7699.68,3056.89 7592.75,3052.08 7499.92,3092.35C7687.48,3173.79 7730.64,3334.55 7730.64,3334.55C7750.47,3395.5 7728.18,3462.26 7675.71,3499.07C7623.23,3535.88 7552.87,3534.1 7502.32,3494.7C7471.91,3471 7429.07,3459.62 7380.68,3454.07C7283.11,3442.87 7165.86,3459.84 7049.81,3500.08C7041.68,3503.21 7033.64,3506.11 7025.71,3508.78C6977.84,3526.78 6930.43,3548.82 6884.88,3574.81L6884.87,3574.81C6683.3,3689.81 6474.36,4004.75 6645.88,4280.68C6751.45,4450.51 7001.9,4559.9 7249.5,4557.65L7249.54,4557.65C7438.15,4555.99 7590.31,4489.67 7658.37,4358.62C7688.74,4300.15 7754.53,4269.3 7818.9,4283.35C7883.27,4297.41 7930.22,4352.87 7933.45,4418.68C7933.45,4418.68 7938.31,4501.85 7903.03,4602.84C8039.15,4749.52 7996.76,4960.43 7996.76,4960.43C7981.06,5033.36 7912.83,5082.68 7838.65,5074.73C7769.04,5067.27 7715.26,5011.63 7708.98,4943.16C7704.73,4937.64 7693.89,4923.97 7684.94,4915.98L7684.9,4915.95C7673.3,4905.6 7659.16,4896.11 7646.03,4888.29C7637.9,4892.16 7629.55,4895.9 7620.95,4899.51C7618.93,4900.35 7616.9,4901.15 7614.85,4901.9C7508.75,4940.81 7388.49,4962.33 7257.63,4963.52L7257.55,4963.52C7231.72,4963.74 7205.94,4963.17 7180.26,4961.84C7182.66,5049.44 7171.65,5132.01 7156.74,5199.82C7299.28,5274.84 7563.86,5343.71 7904.08,5132.27C8339.04,4861.95 8235.62,4369.66 8197.04,4289.8C8172.57,4239.14 8106.28,4159.57 8014.08,4117.36C7943.53,4133.65 7837.49,4151.24 7717.88,4154.48C7588.96,4189.97 7520.76,4271.97 7504.79,4318.79C7482.52,4384.1 7417.52,4424.86 7349.03,4416.47C7280.54,4408.08 7227.31,4352.84 7221.45,4284.09C7221.45,4284.09 7213.31,4164.67 7265,4042.9C7104.65,3928.27 7092.7,3775.97 7092.7,3775.97C7084.48,3714.8 7115.65,3655.07 7170.54,3626.84C7225.43,3598.61 7292.15,3608 7337.12,3650.27C7405.19,3714.26 7501.6,3736.85 7594.06,3745.19C7751.16,3759.37 7902.75,3728.03 7940.46,3715.37L7942.54,3714.59C8013.29,3688.33 8086.25,3655.23 8137.69,3590.37C8189.41,3525.16 8215.31,3429.54 8207.69,3287.44C8195.44,3059.51 8078.46,2659.41 7480.16,2495.08C7409.81,2478.21 7067.29,2452.34 6823.82,2558.99C6823.16,2662.5 6811.43,2770.79 6788.4,2884.16L6788.39,2884.16C6728.44,3179.2 6496.39,3367.74 6268.11,3468.69C6288.48,3495.15 6307.8,3522.16 6326.06,3549.61C6419.14,3410.71 6542.06,3296.74 6668.01,3224.89C6742.12,3182.61 6818.67,3147.65 6895.55,3120.13C6928.99,3104.82 6995.56,3066.42 7027.61,2986.12C7053.32,2921.72 7054.98,2834.53 7017.36,2717.55C6997.62,2656.18 7020.51,2589.13 7073.67,2552.65C7126.82,2516.17 7197.61,2518.92 7247.78,2559.41C7247.78,2559.41 7321.47,2619.01 7379.99,2720.34ZM7265.01,3162.95C7267.44,3162.83 7269.88,3162.72 7272.31,3162.61L7269.24,3155.55C7267.84,3158.04 7266.43,3160.51 7265.01,3162.95Z"/>
-    </svg>
-    <span class="sr-only">Investbrain</span>
-</a>
\ No newline at end of file
diff --git a/resources/views/components/authentication-card.blade.php b/resources/views/components/authentication-card.blade.php
deleted file mode 100644
index 3495a09..0000000
--- a/resources/views/components/authentication-card.blade.php
+++ /dev/null
@@ -1,9 +0,0 @@
-<div class="min-h-screen flex flex-col sm:justify-center items-center pt-6 sm:pt-0 bg-gray-100 dark:bg-gray-900">
-    <div>
-        {{ $logo }}
-    </div>
-
-    <div class="w-full sm:max-w-md mt-6 px-6 py-4 bg-white dark:bg-gray-800 shadow-md overflow-hidden sm:rounded-lg">
-        {{ $slot }}
-    </div>
-</div>
diff --git a/resources/views/components/dialog-modal.blade.php b/resources/views/components/dialog-modal.blade.php
deleted file mode 100644
index 0d06a43..0000000
--- a/resources/views/components/dialog-modal.blade.php
+++ /dev/null
@@ -1,17 +0,0 @@
-@props(['id' => null, 'maxWidth' => null])
-
-<x-ib-livewire-modal :id="$id" :maxWidth="$maxWidth" {{ $attributes }} :showClose="false">
-    <div class="p-2">
-        <div class="text-lg font-medium text-gray-900 dark:text-gray-100">
-            {{ $title }}
-        </div>
-
-        <div class="mt-4 text-sm text-gray-600 dark:text-gray-400">
-            {{ $content }}
-        </div>
-    </div>
-
-    <div class="flex flex-row items-center justify-end mt-3 p-2 text-end">
-        {{ $footer }}
-    </div>
-</x-ib-livewire-modal>
diff --git a/resources/views/components/forms/action-section.blade.php b/resources/views/components/forms/action-section.blade.php
index c060586..c70e0c5 100644
--- a/resources/views/components/forms/action-section.blade.php
+++ b/resources/views/components/forms/action-section.blade.php
@@ -5,7 +5,7 @@
     </x-forms.section-title>
 
     <div class="mt-5 md:mt-0 md:col-span-2">
-        <div class="px-4 py-5 sm:p-6 bg-white dark:bg-gray-800 shadow sm:rounded-lg">
+        <div class="px-4 py-5 sm:p-6 bg-base-100 shadow sm:rounded-lg">
             {{ $content }}
         </div>
     </div>
diff --git a/resources/views/components/forms/confirms-password.blade.php b/resources/views/components/forms/confirms-password.blade.php
index aa28f5a..c366e30 100644
--- a/resources/views/components/forms/confirms-password.blade.php
+++ b/resources/views/components/forms/confirms-password.blade.php
@@ -15,7 +15,7 @@
 </span>
 
 @once
-<x-dialog-modal wire:model.live="confirmingPassword">
+<x-ui.dialog-modal wire:model.live="confirmingPassword">
     <x-slot name="title">
         {{ $title }}
     </x-slot>
@@ -25,7 +25,7 @@
 
         <div class="mt-4" x-data="{}" x-on:confirming-password.window="setTimeout(() => $refs.confirmable_password.focus(), 250)">
 
-            <x-input type="password" class="mt-1 block w-3/4" placeholder="{{ __('Password') }}" autocomplete="current-password"
+            <x-ui.input type="password" class="mt-1 block w-3/4" placeholder="{{ __('Password') }}" autocomplete="current-password"
                         x-ref="confirmable_password"
                         wire:model="confirmablePassword"
                         wire:keydown.enter="confirmPassword" 
@@ -36,13 +36,13 @@
     </x-slot>
 
     <x-slot name="footer">
-        <x-button class="btn-outline" wire:click="stopConfirmingPassword" wire:loading.attr="disabled">
+        <x-ui.button class="btn-outline" wire:click="stopConfirmingPassword" wire:loading.attr="disabled">
             {{ __('Cancel') }}
-        </x-button>
+        </x-ui.button>
 
-        <x-button type="submit" class="ms-3" dusk="confirm-password-button" wire:click="confirmPassword" wire:loading.attr="disabled">
+        <x-ui.button type="submit" class="ms-3" dusk="confirm-password-button" wire:click="confirmPassword" wire:loading.attr="disabled">
             {{ $button }}
-        </x-button>
+        </x-ui.button>
     </x-slot>
-</x-dialog-modal>
+</x-ui.dialog-modal>
 @endonce
diff --git a/resources/views/components/forms/form-section.blade.php b/resources/views/components/forms/form-section.blade.php
index a0efc67..6a9a0c7 100644
--- a/resources/views/components/forms/form-section.blade.php
+++ b/resources/views/components/forms/form-section.blade.php
@@ -8,14 +8,14 @@
 
     <div class="mt-5 md:mt-0 md:col-span-2">
         <form wire:submit="{{ $submit }}">
-            <div class="px-4 py-5 bg-white dark:bg-gray-800 sm:p-6 shadow {{ isset($actions) ? 'sm:rounded-tl-md sm:rounded-tr-md' : 'sm:rounded-md' }}">
+            <div class="px-4 py-5 bg-base-100 sm:p-6 shadow {{ isset($actions) ? 'sm:rounded-tl-md sm:rounded-tr-md' : 'sm:rounded-md' }}">
                 <div class="grid grid-cols-6 gap-6">
                     {{ $form }}
                 </div>
             </div>
 
             @if (isset($actions))
-                <div class="flex items-center justify-end px-4 py-3 bg-gray-50 dark:bg-gray-800 text-end sm:px-6 shadow sm:rounded-bl-md sm:rounded-br-md">
+                <div class="flex items-center justify-end px-4 py-3 bg-base-100 text-end sm:px-6 shadow sm:rounded-bl-md sm:rounded-br-md">
                     {{ $actions }}
                 </div>
             @endif
diff --git a/resources/views/components/gain-loss-arrow-badge.blade.php b/resources/views/components/gain-loss-arrow-badge.blade.php
deleted file mode 100644
index 591419c..0000000
--- a/resources/views/components/gain-loss-arrow-badge.blade.php
+++ /dev/null
@@ -1,27 +0,0 @@
-    
-    @php
-        if (isset($percent)) {
-
-            $isUp = $percent > 0;
-
-        } else {
-
-            $isUp = $costBasis <= $marketValue;
-            $percent = $costBasis ? (($marketValue - $costBasis) / $costBasis) * 100 : 0;
-        }
-        
-    @endphp
-
-    @if(!empty($percent))
-
-        <x-badge class="badge-sm {{ $isUp ? 'badge-success' : 'badge-error' }} badge-outline ml-2">
-            <x-slot:value>
-                {!! $isUp ?  '&#9650;' :'&#9660;' !!}
-                {{ Number::percentage(
-                    $percent,
-                    $percent < 1 ? 2 : 0
-                ) }}
-            </x-slot:value>
-        </x-badge>
-        
-    @endif
\ No newline at end of file
diff --git a/resources/views/components/glyph-only-logo.blade.php b/resources/views/components/glyph-only-logo.blade.php
deleted file mode 100644
index b4f8063..0000000
--- a/resources/views/components/glyph-only-logo.blade.php
+++ /dev/null
@@ -1,52 +0,0 @@
-<a href="/" title="Investbrain">
-
-    <svg width="100%" height="100%" id="Layer_1" class="fill-current" data-name="Layer 1" viewBox="0 0 1001 783" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" >
-
-        <path {{ $attributes->merge(['class' => 'text-primary']) }} d="M553.875,632.571L567.884,627.131C567.884,627.131 588.94,642.044 611.341,650.542C660.03,669.007 666.181,693.68 670.67,711.697C671.541,715.201 672.368,718.512 673.431,721.293C679.103,736.17 685.326,746.904 694.882,758.003L737.893,737.748C730.866,729.455 721.087,714.1 721.273,693.007C721.419,676.837 731.456,663.936 740.313,652.55C749.261,641.048 756.99,631.115 754.689,619.792C754.428,618.501 750.205,606.681 683.457,589.378C664.971,584.588 632.955,577.931 632.955,577.931C632.955,577.931 635.967,564.803 636.504,564.91C650.287,567.669 668.765,571.64 687.293,576.443C757.295,594.586 767.837,608.754 769.682,617.83C773.076,634.571 762.843,647.722 752.948,660.444C744.551,671.243 736.616,681.44 736.507,693.555C736.275,719.609 754.703,734.781 754.889,734.933L762.945,741.43L691.292,775.182L687.22,770.803C674.012,756.601 666.101,743.826 659.014,725.231C657.68,721.736 656.764,718.071 655.801,714.191C651.633,697.476 641.744,677.506 600.566,661.887C573.409,651.585 553.875,632.571 553.875,632.571Z"/>
-        <path {{ $attributes->merge(['class' => 'text-primary']) }} d="M469.894,617.03C491.9,625.608 537.785,632.498 578.066,616.912C606.757,605.811 625.69,585.647 634.343,556.967L635.932,544.895L650.678,549.582L650.547,550.556L649.213,560.348C639.567,592.821 617.208,616.664 584.546,629.301C557.593,639.728 525.875,641.415 498.98,637.874C484.116,635.917 475.069,632.909 464.77,628.35L469.894,617.03Z"/>
-        <path {{ $attributes->merge(['class' => 'text-primary']) }} d="M756.363,647.659C766.597,652.226 735.904,647.812 749.88,647.831C752.018,647.834 754.181,647.777 756.363,647.659ZM756.363,647.659L759.121,630.608C776.312,645.1 814.041,614.388 822.007,607.977C847.271,587.646 859.429,573.432 865.582,531.56L857.892,525.97L871.854,519.291L871.902,520.701L871.646,533.167C868.374,581.138 854.724,595.681 826.924,619.726C805.922,637.888 779.998,646.378 756.363,647.659Z"/>
-        <path {{ $attributes->merge(['class' => 'text-primary']) }} d="M278.425,160.523C277.934,160.447 277.438,160.37 276.948,160.286C277.44,160.359 277.93,160.439 278.425,160.523Z"/>
-        <path {{ $attributes->merge(['class' => 'text-primary']) }} d="M56.427,281.384L53.276,278.254C53.915,253.987 64.477,230.809 81.468,211.975C77.818,216.38 74.378,221.228 71.199,226.564C59.438,246.327 55.735,264.917 56.427,281.384ZM125.55,179.848C146.913,170.054 171.349,165.376 196.488,168.027C196.773,169.34 196.992,170.047 196.992,170.047L196.819,170.025C194.125,169.67 160.165,165.575 125.55,179.848ZM876.465,148.788C875.253,140.191 872.604,131.249 868.55,122.317C872.79,131.336 875.507,140.302 876.465,148.788ZM636.968,67.078C632.455,59.767 626.37,52.471 618.591,45.74C627.058,52.458 633.412,59.75 636.968,67.078ZM830.233,73.639C814.235,60.456 794.248,49.212 770.413,41.637C761.569,38.826 752.892,36.944 744.475,35.836C730.805,34.037 717.803,34.272 705.832,35.868C719.737,33.548 733.39,33.475 746.563,35.21C778.577,39.424 807.696,54.337 830.233,73.639Z"/>
-        <path {{ $attributes->merge(['class' => 'text-primary']) }} d="M546.485,261.415C546.455,261.429 546.424,261.444 546.394,261.458C546.389,261.461 546.389,261.461 546.385,261.46L546.485,261.415ZM546.485,261.415C547.832,260.79 549.176,260.186 550.513,259.608L546.485,261.415Z"/>
-        <path {{ $attributes->merge(['class' => 'text-primary']) }} d="M951.448,338.201C967.066,346.748 978.94,360.259 984.357,371.461C991.028,385.267 1009.88,464.746 938.38,509.182C874.197,549.074 824.465,524.364 805.506,511.387C784.609,543.131 735.375,571.199 677.333,565.042C620.575,558.985 591.016,530.312 576.286,507.76C561.52,528.554 541.685,537.599 526.615,541.516C511.159,545.534 494.383,545.742 479.342,542.424C490.897,565.908 498.729,604.571 467.806,641.145C445.634,667.37 414.398,675.189 392.099,677.128C370.311,679.025 349.702,675.811 337.482,671.143C324.069,682.794 288.704,704.331 243.88,698.43C233.085,697.009 221.742,694 210.023,688.874C158.439,666.305 147.126,623.344 154.77,594.547C111.783,593.541 77.23,581.082 51.934,557.44C20.86,528.397 4.976,481.26 9.445,431.35C14.204,378.198 55.606,354.896 74.754,346.889C60.508,328.89 30.467,280.339 64.437,223.27C98.829,165.496 163.458,161.805 188.094,162.668C186.255,144.263 189.011,101.243 245.926,69.359C313.249,31.644 373.035,54.386 397.781,70.781C414.353,45.661 452.387,10.329 510.461,7.925C585.849,4.8 622.364,35.827 637.949,55.854C660.603,36.887 713.288,16.387 772.778,35.297C839.209,56.412 875.616,104.13 883.278,143.714C947.161,162.729 985.435,206.49 988.544,264.393C990.859,307.537 971.373,327.501 951.448,338.201ZM929.36,498.056C991.957,459.153 975.932,387.913 970.382,376.422C965.636,366.6 951.481,350.075 931.943,344.8L911.518,339.288L930.807,332.122C953.179,323.814 975.727,309.291 973.33,264.596C971.652,233.374 956.575,177.653 874.439,155.23L869.539,153.891L868.907,149.406C863.81,113.255 830.649,67.872 768.052,47.976C704.505,27.778 653.597,58.332 643.204,71.132L636.222,79.733L630.312,70.164C620.597,54.426 589.582,18.173 511.669,21.398C440.094,24.362 408.415,81.914 407.103,84.363L402.557,92.834L394.883,85.976C379.908,72.608 321.954,42.965 254.369,80.828C189.472,117.183 204.179,167.969 204.337,168.478L207.359,178.33L196.014,176.705C192.739,176.258 115.819,166.267 77.965,229.863C39.999,293.638 91.82,344.913 92.351,345.421L100.424,353.227L89.31,356.328C86.907,357.008 29.915,373.837 24.63,432.853C20.503,478.949 34.782,522.122 62.831,548.336C87.022,570.947 121.342,581.965 164.831,581.071L176.905,580.826L172.295,590.588C161.421,613.62 167.914,655.605 216.409,676.818C274.503,702.221 322.493,666.638 329.535,658.577L333.699,653.813L339.597,657.183C352.785,664.72 419.879,674.98 455.506,632.841C490.702,591.211 468.011,546.744 456.297,533.124L432.423,505.365L466.09,523.416C481.09,531.455 502.99,533.478 521.89,528.564C536.577,524.747 556.747,514.997 569.395,490.245L576.355,476.635L583.311,490.646C593.267,510.709 618.898,545.364 678.656,551.649C737.765,557.918 782.891,523.943 796.055,497.816L800.455,489.081L808.318,496.037C816.887,503.614 862.973,539.314 929.36,498.056Z"/>
-        <path {{ $attributes->merge(['class' => 'text-primary']) }} d="M164.45,581.093C168.821,580.604 195.946,573.542 211.278,553.997C221.78,540.606 224.635,523.998 219.76,504.639C219.76,504.639 247.605,532.462 221.626,564.658C202.884,586.185 171.934,594.399 165.717,594.554L164.791,581.073C164.703,581.077 164.591,581.078 164.45,581.093ZM164.45,581.093C164.448,581.093 164.447,581.094 164.445,581.094C164.447,581.094 164.448,581.093 164.45,581.093Z"/>
-        <path {{ $attributes->merge(['class' => 'text-primary']) }} d="M213.575,553.555C222.582,551.317 231.34,551.047 239.325,552.226C255.233,554.572 268.058,562.655 273.619,572.298C273.619,572.298 245.37,554.286 218.136,566.552L213.575,553.555Z"/>
-        <path {{ $attributes->merge(['class' => 'text-primary']) }} d="M310.41,312.188C362.408,280.533 430.339,286.541 475.605,326.802L464.987,336.16C425.111,300.696 365.213,295.443 319.316,323.38C275.107,350.295 256.595,417.442 280.48,464.26C307.052,516.356 357.867,539.991 394.332,536.42C394.332,536.42 358.776,552.43 324.184,531.648C299.807,517 279.907,495.504 266.63,469.474C239.543,416.376 259.999,342.877 310.41,312.188Z"/>
-        <path {{ $attributes->merge(['class' => 'text-primary']) }} d="M330.494,520.536C338.379,526.429 342.731,534.458 344.7,543.023C348.021,570.08 326.463,580.957 326.463,580.957C333.323,569.603 338.064,541.076 322.267,529.275L330.494,520.536Z"/>
-        <path {{ $attributes->merge(['class' => 'text-primary']) }} d="M170.498,451.168C205.064,437.661 243.653,440.477 276.359,458.882L268.492,470.196C240.229,454.292 206.893,451.865 177.027,463.541C153.301,472.81 139.19,488.122 137.509,498.456C137.509,498.456 134.627,468.393 170.498,451.168Z"/>
-        <path {{ $attributes->merge(['class' => 'text-primary']) }} d="M122.051,418.399C124.266,425.291 153.678,451.572 184.056,447.87L186.251,459.326C180.771,459.993 175.279,459.883 169.892,459.174C162.413,458.189 155.13,456.047 148.357,453.205C119.151,440.422 122.051,418.399 122.051,418.399Z"/>
-        <path {{ $attributes->merge(['class' => 'text-primary']) }} d="M83.89,343.578C93.152,340.443 119.954,335.902 149.393,342.543C189.622,353.407 200.664,388.305 200.664,388.305C157.717,337.275 90.386,355.973 89.732,356.197L83.89,343.578Z"/>
-        <path {{ $attributes->merge(['class' => 'text-primary']) }} d="M403.057,462.599C412.109,479.736 430.231,504.115 465.183,522.924L466.14,523.442L458.465,534.863L457.586,534.391C419.225,513.745 399.276,486.879 389.295,467.98C380.508,451.336 378.406,434.828 379.826,419.97C384.383,385.186 414.727,373.954 414.727,373.954C402.573,387.065 383.727,425.985 403.057,462.599Z"/>
-        <path {{ $attributes->merge(['class' => 'text-primary']) }} d="M322.397,408.686C322.397,408.686 360.323,391.713 392.009,422.14L382.306,429.591C369.382,416.512 339.485,407.613 322.397,408.686Z"/>
-        <path {{ $attributes->merge(['class' => 'text-primary']) }} d="M690.853,274.028C735.995,311.348 753.013,373.417 740.587,407.967C734.08,426.056 723.599,439.419 712.073,449.263C685.57,471.905 649.16,462.799 649.16,462.799C651.515,462.516 707.46,455.197 726.054,403.494C736.835,373.524 720.838,316.972 680.654,283.744C656.633,263.884 614.846,244.873 552.154,267.086C489.758,289.191 475.391,326.522 474.322,353.951C472.725,395.045 499.768,434.915 514.438,442.054C514.438,442.054 481.579,436.735 467.588,400.693C461.928,385.953 458.458,369.521 459.1,353.048C460.315,321.737 476.396,279.231 546.1,254.536C616.21,229.702 663.52,251.425 690.853,274.028Z"/>
-        <path {{ $attributes->merge(['class' => 'text-primary']) }} d="M574.041,405.452C577.929,399.868 582.591,394.925 588.017,390.626C622.566,366.135 666.154,382.688 666.154,382.688C627.495,382.845 600.885,392.975 587.077,412.802C566.225,442.734 580.371,485.117 583.223,490.479L569.482,495.902C565.551,488.513 549.669,440.434 574.041,405.452Z"/>
-        <path {{ $attributes->merge(['class' => 'text-primary']) }} d="M586.976,325.57C586.976,325.57 612.868,328.978 618.672,355.583C621.052,372.019 615.594,386.416 603.3,396.116L594.44,387.377C606.107,378.168 607.013,365.603 605.724,356.686C603.595,342.023 594.518,329.351 586.976,325.57Z"/>
-        <path {{ $attributes->merge(['class' => 'text-primary']) }} d="M708.183,440.658C738.696,458.976 721.687,492.93 721.687,492.93C725.772,471.083 707.178,453.368 701.816,450.565L708.183,440.658Z"/>
-        <path {{ $attributes->merge(['class' => 'text-primary']) }} d="M793.227,434.541L805.895,427.418C827.426,456.566 813.55,497.025 809.929,503.784L796.126,497.678C798.539,493.179 810.551,457.997 793.227,434.541Z"/>
-        <path {{ $attributes->merge(['class' => 'text-primary']) }} d="M843.106,432.778C872.723,432.517 895.844,420.562 906.531,399.983C906.531,399.983 907.929,428.423 880.172,440.043C869.358,444.009 857.092,446.148 843.754,446.269C837.448,446.323 831.171,445.926 825.002,445.114C790.398,440.559 759.118,422.884 743.733,398.136C712.965,348.644 746.651,293.716 782.802,273.093C802.223,262.012 823.22,255.668 842.44,254.262C876.032,253.772 883.4,276.414 883.4,276.414C864.944,262.029 824.51,265.578 791.345,284.501C760.84,301.905 731.064,350.173 757.023,391.933C772.169,416.297 807.583,433.1 843.106,432.778Z"/>
-        <path {{ $attributes->merge(['class' => 'text-primary']) }} d="M901.023,427.592C919.082,437.647 914.375,459.502 914.375,459.502C914.382,455.074 911.352,449.929 905.845,445.02C898.256,438.251 889.946,435.226 888.088,435.21C888.281,435.213 882.328,424.936 882.328,424.936C886.457,422.572 892.743,423.469 901.023,427.592Z"/>
-        <path {{ $attributes->merge(['class' => 'text-primary']) }} d="M841.501,320.927C869.016,346.791 923.886,334.774 930.727,332.154L937.161,344.56C930.833,346.984 903.788,353.308 876.093,349.661C844.437,342.756 841.501,320.927 841.501,320.927Z"/>
-        <path {{ $attributes->merge(['class' => 'text-primary']) }} d="M856.8,381.78C856.8,381.78 854.677,356.846 873.976,346.331C881.356,342.487 889.96,339.571 899.7,338.12L902.276,349.522C873.542,353.801 859.967,372.495 856.8,381.78Z"/>
-        <path {{ $attributes->merge(['class' => 'text-primary']) }} d="M609.849,376.237C641.704,348.782 649.339,320.22 649.339,320.22C651.29,328.519 647.387,350.181 634.449,367.575C629.624,374.059 623.544,379.948 616.045,384.331L609.849,376.237Z"/>
-        <path {{ $attributes->merge(['class' => 'text-primary']) }} d="M834.92,234.947C840.865,227.575 848.327,221.775 857.035,217.633C881.755,204.76 908.313,222.518 908.313,222.518C888.901,219.963 862.264,221.245 845.624,241.87L834.92,234.947Z"/>
-        <path {{ $attributes->merge(['class' => 'text-primary']) }} d="M831.928,192.93C831.928,192.93 855.516,211.969 848.036,239.116C840.815,259.861 823.515,271.361 810.178,275.615L804.608,262.904C806.453,262.317 849.598,247.868 831.928,192.93Z"/>
-        <path {{ $attributes->merge(['class' => 'text-primary']) }} d="M730.919,99.579C730.919,99.579 763.085,113.201 772.811,151.075C776.7,170.409 776.278,191.455 771.605,214.455C761.626,263.558 702.305,281.445 679.251,280.632L679.359,267.156C693.228,267.644 747.798,255.006 756.611,211.647C765.902,165.932 757.739,130.323 730.919,99.579Z"/>
-        <path {{ $attributes->merge(['class' => 'text-primary']) }} d="M762.546,160.453C800.164,134.33 864.452,138.777 878.343,142.312L874.583,155.268C864.309,152.659 804.878,148.468 772.188,171.172L762.546,160.453Z"/>
-        <path {{ $attributes->merge(['class' => 'text-primary']) }} d="M630.258,70.076L643.679,64.083C644.1,64.79 673.076,114.431 662.623,161.021C654.783,197.124 613.774,203.603 613.774,203.603C683.262,160.803 630.799,70.977 630.258,70.076Z"/>
-        <path {{ $attributes->merge(['class' => 'text-primary']) }} d="M659.485,165.881C663.907,186.681 682.077,207.853 695.622,213.847C695.622,213.847 651.903,202.29 646.659,167.659L659.485,165.881Z"/>
-        <path {{ $attributes->merge(['class' => 'text-primary']) }} d="M539.576,186.699C541.122,210.599 554.444,240.07 576.078,247.622L570.893,260.15C542.825,250.352 526.242,215.953 524.367,187.035C523.494,173.554 526.287,151.23 536.041,131.967C553.129,100.656 581.582,110.001 581.582,110.001C548.902,118.029 538.098,163.918 539.576,186.699Z"/>
-        <path {{ $attributes->merge(['class' => 'text-primary']) }} d="M493.292,103.391C493.292,103.391 525.2,108.011 535.526,135.513C538.424,143.235 540.253,152.053 540.204,161.981L527.145,161.553C527.336,122.786 493.632,103.579 493.292,103.391Z"/>
-        <path {{ $attributes->merge(['class' => 'text-primary']) }} d="M276.948,160.286C277.399,160.303 311.64,161.895 336.502,187.86C344.788,196.516 352.036,207.878 356.639,222.792C374.898,281.945 349.413,306.144 319.144,323.482C309.497,329.013 295.604,330.674 280.619,328.701C269.215,327.2 257.176,323.595 245.876,317.989C231.133,310.674 218.952,300.706 209.701,288.689C189.323,255.458 204.276,225.968 204.276,225.968C204.379,274.859 234.842,297.268 252.991,306.273C276.57,317.97 300.259,318.002 310.581,312.087C335.503,297.81 358.45,279.395 341.951,225.95C326.56,176.089 276.948,160.286 276.948,160.286Z"/>
-        <path {{ $attributes->merge(['class' => 'text-primary']) }} d="M351.881,137.831C351.881,137.831 334.475,159.829 340.948,195.549L328.057,197.016C320.399,154.765 351.881,137.831 351.881,137.831Z"/>
-        <path {{ $attributes->merge(['class' => 'text-primary']) }} d="M153.949,295.541C153.949,295.541 171.351,271.232 201.075,276.773C207.935,278.053 215.116,280.367 222.406,284.126L216.118,294.07C184.328,277.698 154.249,295.363 153.949,295.541Z"/>
-        <path {{ $attributes->merge(['class' => 'text-primary']) }} d="M197.109,163.312C203.351,163.568 225.129,169.866 245.94,182.735C292.963,211.559 273.952,244.742 273.952,244.742C272.306,198.284 202.893,177.207 196.827,176.78L197.109,163.312Z"/>
-        <path {{ $attributes->merge(['class' => 'text-primary']) }} d="M405.259,76.415C409.176,79.606 443.528,109.023 443.781,158.317C444.017,204.496 406.987,221.615 406.987,221.615C407.205,221.492 428.805,207.829 428.547,157.937C428.324,114.494 398.54,88.97 395.144,86.2L405.259,76.415Z"/>
-        <path {{ $attributes->merge(['class' => 'text-primary']) }} d="M442.447,165.707C445.65,183.47 472.051,205.798 482.678,207.829C482.678,207.829 438.374,205.199 429.554,167.162L442.447,165.707Z"/>
-        <path {{ $attributes->merge(['class' => 'text-primary']) }} d="M528.269,208.508L543.276,206.633C543.59,208.225 550.613,245.979 521.528,275.478C495.28,302.101 458.033,314.248 418.869,309.091C417.654,308.932 416.445,308.757 415.226,308.561C378.701,302.768 354.675,288.29 347.06,276.512L360.223,270.105C364.706,277.043 384.206,290.018 417.431,295.288C452.627,300.856 486.324,290.348 509.913,266.423C534.272,241.715 528.331,208.838 528.269,208.508Z"/>
-        <path {{ $attributes->merge(['class' => 'text-primary']) }} d="M346.454,612.287C346.454,612.287 364.459,630.137 350.49,655.895C346.095,662.684 342.024,666.615 341.627,666.989L330.334,657.619C330.525,657.439 349.385,639.196 346.454,612.287Z"/>
-        <path {{ $attributes->merge(['class' => 'text-primary']) }} d="M746.169,21.499C756.017,22.795 765.878,25.001 775.478,28.052C846.582,50.652 881.597,100.292 890.828,137.976C955.354,158.86 994.038,204.652 997.236,264.281C999.012,297.296 988.628,322.18 966.359,338.423C979.244,347.991 988.032,359.715 992.343,368.627C996.839,377.939 1002.72,402.821 999.332,429.929C996.187,455.119 983.953,490.419 943.534,515.538C921.02,529.53 898.079,537.216 875.214,538.444C874.524,557.481 866.669,577.821 852.635,596.528C833.067,622.623 803.096,642.513 769.991,651.49C766.899,656.306 763.357,660.861 760.17,664.955C752.191,675.212 745.299,684.072 745.21,693.867C745.015,715.994 760.064,728.832 760.639,729.311L768.69,735.812C770.809,737.518 771.894,740.002 771.599,742.476C771.308,744.951 769.679,747.105 767.227,748.26L695.574,782.012C693.919,782.79 692.07,783.039 690.288,782.805C688.153,782.524 686.117,781.546 684.646,779.964L680.573,775.585C666.603,760.562 658.245,747.077 650.775,727.481C649.287,723.582 648.322,719.717 647.301,715.615C643.246,699.342 639.415,683.975 602.531,669.984C582.529,662.395 566.583,652.959 555.043,641.893C536.815,644.647 517.346,644.794 498.397,642.299C492.15,641.477 486.064,640.365 480.225,638.984C478.528,641.351 476.724,643.657 474.834,645.894C450.844,674.272 417.216,682.715 393.226,684.799C381.934,685.782 370.071,685.527 358.921,684.059C351.917,683.137 345.364,681.766 339.649,680.041C319.088,696.008 283.075,711.345 242.877,706.053C230.564,704.432 218.283,700.97 206.372,695.761C181.07,684.694 162.338,667.791 152.203,646.89C145.306,632.663 142.634,616.673 144.507,601.785C139.806,601.472 135.2,601.017 130.725,600.428C96.286,595.894 67.686,583.183 45.707,562.646C12.903,531.987 -3.897,482.581 0.767,430.49C5.257,380.339 40.511,354.902 62.285,343.855C46.313,320.624 24.457,273.681 56.708,219.503C89.53,164.361 147.812,155.406 179.02,154.885C179.027,132.85 187.435,92.873 241.101,62.81C273.272,44.788 306.984,37.939 341.311,42.462C365.525,45.65 384.1,53.896 395.041,59.951C402.448,50.197 414.871,36.551 433.253,24.573C456.287,9.566 482.031,1.374 509.768,0.225C523.796,-0.356 537.288,0.189 549.873,1.846C595.648,7.874 623.192,27.2 639.177,44.655C661.749,29.219 700.506,15.487 746.169,21.499ZM745.165,29.122C697.38,22.831 657.024,39.885 637.949,55.854C625.287,39.581 598.795,16.044 548.865,9.469C537.348,7.953 524.59,7.339 510.461,7.925C452.387,10.329 414.353,45.661 397.781,70.781C385.798,62.844 365.594,53.414 340.307,50.085C313.364,46.538 280.651,49.905 245.926,69.359C189.011,101.247 186.254,144.267 188.094,162.668C163.458,161.805 98.829,165.496 64.437,223.27C30.466,280.339 60.508,328.89 74.754,346.889C55.606,354.896 14.204,378.198 9.445,431.35C4.976,481.26 20.86,528.397 51.934,557.44C72.538,576.699 99.287,588.534 131.729,592.805C139.117,593.778 146.795,594.358 154.77,594.547C147.126,623.344 158.439,666.305 210.023,688.874C221.738,693.999 233.085,697.009 243.88,698.43C288.704,704.331 324.069,682.794 337.482,671.143C343.311,673.373 351.058,675.269 359.925,676.436C369.639,677.715 380.709,678.122 392.095,677.127C414.398,675.189 445.634,667.37 467.806,641.145C470.947,637.429 473.669,633.693 476.048,629.954C483.187,631.956 491.044,633.576 499.401,634.676C517.749,637.092 538.341,637.065 558.132,633.497C566.971,643.025 581.569,653.745 605.736,662.914C646.914,678.533 651.633,697.476 655.797,714.19C656.764,718.071 657.68,721.736 659.01,725.23C666.101,743.826 674.012,756.601 687.22,770.803L691.292,775.182L762.945,741.43L754.889,734.933C754.703,734.781 736.275,719.609 736.507,693.555C736.616,681.44 744.547,671.243 752.948,660.444C756.865,655.411 760.818,650.309 763.97,644.946C800.832,635.856 828.982,613.927 845.338,592.12C860.499,571.901 867.745,550.109 866.404,530.89C873.884,531.027 881.855,530.414 890.261,528.779C905.055,525.902 921.196,519.861 938.38,509.182C1009.87,464.746 991.028,385.267 984.357,371.461C978.94,360.259 967.066,346.748 951.448,338.201C971.373,327.501 990.859,307.537 988.544,264.393C985.435,206.49 947.161,162.729 883.274,143.713C875.616,104.13 839.209,56.412 772.778,35.297C763.372,32.308 754.136,30.303 745.165,29.122Z"/>
-    </svg>
-    <span class="sr-only">Investbrain</span>
-
-</a>
-
diff --git a/resources/views/components/ib-alpine-modal.blade.php b/resources/views/components/ib-alpine-modal.blade.php
deleted file mode 100644
index a987240..0000000
--- a/resources/views/components/ib-alpine-modal.blade.php
+++ /dev/null
@@ -1,55 +0,0 @@
-@props([
-    'key' => 'modal',
-    'showClose' => true,
-    'closeOnEscape' => true,
-    'title' => null,
-    'subtitle' => null,
-    'persistent' => false
-])
-
-<div>
-    @teleport('body')
-    <dialog 
-        x-data="{ open: false }"
-        x-on:toggle-{{ $key }}.window="open = !open"
-        class="relative z-50 w-auto h-auto"
-        @if($closeOnEscape)
-            @keydown.window.escape="open = false"
-        @endif
-    >
-        <template x-teleport="body">
-            <div x-transition.opacity x-show="open" class="fixed top-0 left-0 z-[99] flex items-center justify-center w-full h-full">
-                <div 
-                    @if(!$persistent)
-                        @click="open=false" 
-                    @endif
-                    class="absolute inset-0 w-full h-full bg-black bg-opacity-40"
-                    x-show="open"
-                    x-cloak
-                ></div>
-
-                <x-card     
-                    x-trap.inert.noscroll="open"
-                    :title="$title"
-                    :subtitle="$subtitle"
-                    {{ $attributes->merge(['class' => 'relative transform overflow-hidden rounded-md ext-left shadow-xl w-full sm:w-2/3 lg:w-1/3 m-2 sm:m-0']) }} 
-                    x-show="open"
-                    x-cloak
-                >
-                    @if ($showClose)
-                        <x-button 
-                            icon="o-x-mark" 
-                            title="{{ __('Close') }}"
-                            class="absolute top-4 right-4 btn-ghost btn-circle btn-sm" 
-                            @click="open = false" 
-                        />
-                    @endif
-
-                    {{ $slot }}
-
-                </x-card>
-            </div>
-        </template>
-    </dialog>
-    @endteleport
-</div>
\ No newline at end of file
diff --git a/resources/views/components/ib-card.blade.php b/resources/views/components/ib-card.blade.php
deleted file mode 100644
index 05c7131..0000000
--- a/resources/views/components/ib-card.blade.php
+++ /dev/null
@@ -1,10 +0,0 @@
-@props(['title' => ''])
-
-<x-card 
-    {{ $attributes->merge(['class' => 'bg-slate-100 dark:bg-base-200 rounded-lg']) }} 
->
-
-    <h2 class="text-xl mb-2 flex items-center truncate"> {{ $title }} </h2>
-
-    {{ $slot }}
-</x-card>
\ No newline at end of file
diff --git a/resources/views/components/ib-drawer.blade.php b/resources/views/components/ib-drawer.blade.php
deleted file mode 100644
index 1c75b6e..0000000
--- a/resources/views/components/ib-drawer.blade.php
+++ /dev/null
@@ -1,47 +0,0 @@
-@props([
-    'key' => 'drawer',
-    'showClose' => true,
-    'closeOnEscape' => true,
-    'title' => null,
-    'subtitle' => null
-])
-
-<div 
-    x-data="{ open: false }" 
-    x-on:toggle-{{ $key }}.window="open = !open"
-    x-show="open"
-    @if($closeOnEscape)
-        @keydown.window.escape="open = false"
-    @endif
-    x-trap="open" 
-    x-bind:inert="!open"
-    class="fixed inset-0 flex justify-end z-50" 
-    x-transition.opacity
-    x-cloak
->
-
-    <div @click="open = false" class="fixed inset-0 bg-black opacity-50"></div>
-
-    <x-card
-        {{ $attributes->merge(['class' => 'min-h-screen w-full md:w-3/4 xl:w-3/5 rounded-none px-8 transition overflow-y-scroll']) }} 
-    >
-        @if($title)
-            <x-slot:title>
-                {!! strip_tags($title) !!}
-            </x-slot:title>
-        @endif
-
-        @if($subtitle)
-            <x-slot:subtitle>
-                {!! strip_tags($subtitle) !!}
-            </x-slot:subtitle>
-        @endif
-
-        @if ($showClose)
-            <x-button icon="o-x-mark" title="{{ __('Close') }}" class="btn-ghost btn-circle btn-sm absolute top-4 right-4 " @click="open = false" />
-        @endif
-
-        {{ $slot }}
-
-    </x-card>
-</div>
\ No newline at end of file
diff --git a/resources/views/components/ib-livewire-modal.blade.php b/resources/views/components/ib-livewire-modal.blade.php
deleted file mode 100644
index 1262513..0000000
--- a/resources/views/components/ib-livewire-modal.blade.php
+++ /dev/null
@@ -1,51 +0,0 @@
-@props([
-    'showClose' => true,
-    'closeOnEscape' => true,
-    'title' => null,
-    'subtitle' => null,
-    'persistent' => false
-])
-
-<div>
-    @teleport('body')
-    <dialog
-        {{ $attributes->except('wire:model')->class(["modal"]) }}
-        x-data="{open: @entangle($attributes->wire('model')).live }"
-        :class="{'modal-open !animate-none': open}"
-        :open="open"
-        @if($closeOnEscape)
-            @keydown.escape.window = "$wire.{{ $attributes->wire('model')->value() }} = false"
-        @endif
-    >
-        <x-card     
-            :title="$title"
-            :subtitle="$subtitle"
-            {{ $attributes->merge(['class' => 'modal-box relative transform overflow-hidden rounded-md ext-left shadow-xl w-full sm:w-2/3 lg:w-1/3 m-2 sm:m-0']) }} 
-        >
-            @if ($showClose)
-                <x-button 
-                    icon="o-x-mark" 
-                    title="{{ __('Close') }}"
-                    class="absolute top-4 right-4 btn-ghost btn-circle btn-sm" 
-                    @click="$wire.{{ $attributes->wire('model')->value() }} = false"
-                />
-            @endif
-
-            {{ $slot }}
-
-        </x-card>
-
-        <div class="modal-backdrop" method="dialog">
-            <a 
-                @if(!$persistent)
-                    @click="$wire.{{ $attributes->wire('model')->value() }} = false"
-                @endif
-                type="button"
-                title="{{ __('Close') }}"
-            >
-                {{ __('Close') }}
-            </a>
-        </div>
-    </dialog>
-    @endteleport
-</div>
\ No newline at end of file
diff --git a/resources/views/components/ib-skeleton-loader.blade.php b/resources/views/components/ib-skeleton-loader.blade.php
deleted file mode 100644
index de612c9..0000000
--- a/resources/views/components/ib-skeleton-loader.blade.php
+++ /dev/null
@@ -1,9 +0,0 @@
-<div role="status" class="flex w-full animate-pulse" wire:loading.delay>
-    <div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-48 mb-4"></div>
-    <div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 max-w-[360px] mb-2.5"></div>
-    <div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 mb-2.5"></div>
-    <div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 max-w-[330px] mb-2.5"></div>
-    <div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 max-w-[300px] mb-2.5"></div>
-    <div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 max-w-[360px]"></div>
-    <span class="sr-only">Loading...</span>
-</div>
diff --git a/resources/views/components/layouts/app.blade.php b/resources/views/components/layouts/app.blade.php
new file mode 100644
index 0000000..4683276
--- /dev/null
+++ b/resources/views/components/layouts/app.blade.php
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" class="bg-base-200">
+    <head>
+        @include('components.partials.head')
+    </head>
+
+    <body class="font-sans antialiased scroll-smooth" x-data="{ sideBarOpen: false }">
+
+        @livewire('partials.nav-bar')
+
+        @livewire('partials.side-bar')
+        
+        <main class="py-5 px-6 md:px-8 md:py-0 md:ml-68 mb-14">
+            {{ $slot }}
+        </main>
+
+        @if(session('toast'))
+            <script lang="text/javascript">
+                window.addEventListener('DOMContentLoaded', function () {
+                    window.toast(JSON.parse(@json(session('toast'))))
+                });
+            </script>
+        @endif
+        <x-ui.toast />
+
+        @livewireScripts
+    </body>
+</html>
\ No newline at end of file
diff --git a/resources/views/components/layouts/guest.blade.php b/resources/views/components/layouts/guest.blade.php
new file mode 100644
index 0000000..94ddffd
--- /dev/null
+++ b/resources/views/components/layouts/guest.blade.php
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
+    <head>
+        @include('components.partials.head')
+    </head>
+
+    <body class="font-sans antialiased scroll-smooth min-h-screen" x-data="{}">
+    
+        <main class="">
+            <x-ui.theme-selector hidden="true" />
+            
+            {{ $slot }}
+        </main>
+        
+        @livewireScripts
+    </body>
+</html>
\ No newline at end of file
diff --git a/resources/views/components/partials/head.blade.php b/resources/views/components/partials/head.blade.php
new file mode 100644
index 0000000..682b122
--- /dev/null
+++ b/resources/views/components/partials/head.blade.php
@@ -0,0 +1,10 @@
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="csrf-token" content="{{ csrf_token() }}">
+<link rel="icon" href="{{ asset('favicon.svg') }}">
+
+<title>{{ config('app.name', 'Investbrain') }}</title>
+
+@vite(['resources/css/app.css', 'resources/js/app.js'])
+
+@livewireStyles
\ No newline at end of file
diff --git a/resources/views/components/partials/main.blade.php b/resources/views/components/partials/main.blade.php
deleted file mode 100644
index ce09591..0000000
--- a/resources/views/components/partials/main.blade.php
+++ /dev/null
@@ -1,64 +0,0 @@
-@props([
-    'sidebar' => null,
-    'content' => null,
-    'footer' => null,
-    'fullWidth' => false,
-    'withNav' => false,
-    'collapseText' => 'Collapse',
-    'collapseIcon' => 'o-bars-3-bottom-right',
-    'collapsible' => false,
-    'url' => route('mary.toogle-sidebar', absolute: false),
-])
-
-<main class="{{ !$fullWidth ? 'max-w-screen-2xl' : '' }} w-full mx-auto">
-    <div class="drawer {{ $sidebar?->attributes['right'] ? 'drawer-end' : '' }} lg:drawer-open">
-        <input id="{{ $sidebar?->attributes['drawer'] }}" type="checkbox" class="drawer-toggle" />
-
-        <div {{ $content->attributes->class(["drawer-content w-full mx-auto p-5 lg:px-10 lg:py-5"]) }}>
-            {{-- MAIN CONTENT --}}
-            {{ $content }}
-        </div>
-
-        {{-- SIDEBAR --}}
-        @if($sidebar)
-            <div
-                x-data="{
-                    collapsed: {{ session('mary-sidebar-collapsed', 'false') }},
-                    collapseText: '{{ $collapseText }}',
-                    toggle() {
-                        this.collapsed = !this.collapsed;
-                        fetch('{{ $url }}?collapsed=' + this.collapsed);
-                        this.$dispatch('sidebar-toggled', this.collapsed);
-                    }
-                }"
-                @menu-sub-clicked="if(collapsed) { toggle() }"
-                @class(["drawer-side z-20 lg:z-auto", "top-0 lg:top-[73px] lg:h-[calc(100vh-73px)]" => $withNav])
-            >
-                <label for="{{ $sidebar?->attributes['drawer'] }}" aria-label="close sidebar" class="drawer-overlay"></label>
-                {{-- SIDEBAR CONTENT --}}
-                <div>
-                    
-                    {{ $sidebar }}
-                    
-                    {{-- SIDEBAR COLLAPSE --}}
-                    @if($sidebar->attributes['collapsible'])
-                        <x-mary-menu class="hidden !bg-inherit lg:block">
-                            <x-mary-menu-item
-                                @click="toggle"
-                                icon="{{ $sidebar->attributes['collapse-icon'] ?? $collapseIcon }}"
-                                title="{{ $sidebar->attributes['collapse-text'] ?? $collapseText }}" />
-                        </x-mary-menu>
-                    @endif
-                </div>
-            </div>
-        @endif
-        {{-- END SIDEBAR--}}
-    </div>
-</main>
-
-{{-- FOOTER --}}
-@if($footer)
-    <footer {{ $footer?->attributes->class(["mx-auto w-full", "max-w-screen-2xl" => !$fullWidth ]) }}>
-        {{ $footer }}
-    </footer>
-@endif
\ No newline at end of file
diff --git a/resources/views/components/partials/nav-bar.blade.php b/resources/views/components/partials/nav-bar.blade.php
index 1e23454..9db6dad 100644
--- a/resources/views/components/partials/nav-bar.blade.php
+++ b/resources/views/components/partials/nav-bar.blade.php
@@ -18,34 +18,31 @@ new class extends Component
     // methods
 
 }; ?>
-<div class="bg-base-100 border-base-300 border-b sticky top-0 z-10">
-    <div class="flex justify-between items-center px-7 py-3 gap-4 mx-auto">
-        <div class="flex flex-0 items-center">
-            
-            <label for="main-drawer" class="lg:hidden mr-3">
-                <x-icon name="o-bars-3" class="cursor-pointer" />
-            </label>
 
-            <div class="hidden md:block" style="height:2.5em">
-                <x-application-logo  />
-            </div>
+<nav class="z-10 p-5 ml-0 md:ml-68 md:border-0 border-b border-zinc-200 dark:border-zinc-800">
+    
+    <div class="flex flex-wrap justify-between items-center">
 
-        </div>
-        <div class="flex flex-1 justify-center" x-data>
-
-            <x-spotlight
-                shortcut="slash"
-                search-text="{{ __('Search holdings, portfolios, or anything else...') }}"
-                no-results-text="{{ __('Darn! Nothing found for that search.') }}"
+        <div class="flex">
+            <x-ui.button
+                aria-controls="drawer-navigation"
+                title="{{ __('Toggle Sidebar') }}"
+                class="btn-circle btn-ghost btn-sm block md:hidden"
+                icon="o-bars-3"
+                @click="sideBarOpen = true"
             />
-            
-            <x-button 
-                @click.stop="$dispatch('mary-search-open')"
-                class="btn-sm flex-1 justify-start md:flex-none"
+
+            <div class="ml-3 w-8 hidden sm:block md:hidden"> <x-ui.logo /> </div>
+        </div>
+    
+        <div>
+            <x-ui.button 
+                @click.stop="$dispatch('toggle-spotlight')"
+                class="btn-sm btn-ghost bg-base-300 flex-1 justify-start md:flex-none border-none"
             >
                 <x-slot:label>
                     <span class="flex items-center text-gray-400">
-                        <x-icon name="o-magnifying-glass" class="mr-2" />
+                        <x-ui.icon name="o-magnifying-glass" class="mr-2" />
                         <span class=" truncate hidden sm:block">
                             @lang('Click or press :key to search', ['key' => '<kbd class="kbd kbd-sm">/</kbd>'])
                         </span>
@@ -54,35 +51,41 @@ new class extends Component
                         </span>
                     </span>
                 </x-slot:label>
-            </x-button>
+            </x-ui.button>
 
+            <x-ui.spotlight
+                search-text="{{ __('Search holdings, portfolios, or anything else...') }}"
+                no-results-text="{{ __('Darn! Nothing found for that search.') }}"
+            />
         </div>
+
         <div class="flex flex-0 items-center gap-4">
 
-            <x-button 
+            <x-ui.button 
                 title="{{ __('Documentation') }}"
                 icon="o-book-open"
                 class="btn-circle btn-ghost btn-sm"
                 link="https://github.com/investbrainapp/investbrain"
                 external
             >
-            </x-button>
+            </x-ui.button>
 
-            <x-button 
+            <x-ui.button 
                 title="{{ __('We\'re open source!') }}"
                 class="btn-circle btn-ghost btn-sm"
                 link="https://github.com/investbrainapp/investbrain"
                 external
             >
-                <x-github-icon />
-            </x-button>
+                <x-social.github-icon />
+            </x-ui.button>
 
-            <x-theme-toggle 
+            <x-ui.theme-selector
+                id="theme-selector"
                 title="{{ __('Toggle Theme') }}" 
                 class="btn-circle btn-ghost btn-sm" 
-                darkTheme="business" 
-                lightTheme="corporate"
             />
         </div>
     </div>
-</div>
\ No newline at end of file
+</nav>
+
+
diff --git a/resources/views/components/partials/side-bar.blade.php b/resources/views/components/partials/side-bar.blade.php
index 2a1dac2..35eb482 100644
--- a/resources/views/components/partials/side-bar.blade.php
+++ b/resources/views/components/partials/side-bar.blade.php
@@ -19,76 +19,97 @@ new class extends Component
 
 }; ?>
 
-<div class="
-    flex
-    flex-col
-    !transition-all
-    !duration-100
-    ease-out
-    overflow-x-hidden
-    overflow-y-auto
-    h-screen
-    lg:h-[calc(100vh-73px)]
-    bg-base-100
-    lg:bg-inherit
-    {{ session('mary-sidebar-collapsed') == 'true' ? 'w-[70px] [&>*_summary::after]:hidden [&_.mary-hideable]:hidden [&_.display-when-collapsed]:block [&_.hidden-when-collapsed]:hidden' : null }}
-    {{ session('mary-sidebar-collapsed') != 'true' ? 'w-[270px] [&>*_summary::after]:block [&_.mary-hideable]:block [&_.hidden-when-collapsed]:block [&_.display-when-collapsed]:hidden' : null }}
-">
-    <div class="flex-1">
-        <x-menu activate-by-route>
+<div 
+    aria-label="Sidebar"
+    style="background-image: url('{{ asset('images/noise.svg') }}')"
+    class="
+        h-full
+        bg-base-300
+        border-r
+        border-base-100
+        fixed
+        top-0
+        left-0
+        z-50
+        md:w-68
+        w-3/4
+        transition-transform
+        -translate-x-full
+        md:translate-x-0
+    " 
+    :class="{'translate-x-0': sideBarOpen, '-translate-x-full': !sideBarOpen}"
+    x-data="{
+        responsiveSidebar() {
+            if (window.innerWidth >= 768) {
+                this.sideBarOpen = true
+                return;
+            }
+            this.sideBarOpen = false
+        }
+    }"
+    @resize.window="responsiveSidebar"
+    @keyup.escape.window="sideBarOpen = false"
+>
+    <template x-teleport="body">
+        <div
+            aria-label="Overlay"
+            class="block md:hidden z-10 fixed w-screen h-screen inset-0 bg-black/20 backdrop-blur-sm"
+            x-on:click="sideBarOpen=false"
+            x-show="sideBarOpen"
+            x-cloak
+        ></div>
+    </template>
+    
+    <div class="h-full px-1 overflow-y-auto flex flex-col ">
 
-            <x-menu-item title="{{ __('Dashboard') }}" icon="o-home" link="{{ route('dashboard') }}" />
-            <x-menu-sub title="{{ __('Portfolios') }}" icon="o-document-duplicate">
-                @foreach (auth()->user()->portfolios as $portfolio)
-                <x-menu-item  icon="o-document" link="{{ route('portfolio.show', ['portfolio' => $portfolio->id ]) }}" >
-                    <x-slot:title> 
-                        {{ $portfolio->title }} 
-                        @if($portfolio->wishlist)
-                        <x-badge value="{{ __('Wishlist') }}" class="badge-secondary badge-sm ml-2" />
-                        @endif
-                    </x-slot:title>
-                    
-                </x-menu-item>
-                @endforeach
+        <div class="w-10 m-5"> <x-ui.logo /> </div>
 
-                <x-menu-item title="{{ __('Create Portfolio') }}" icon="o-document-plus" link="{{ route('portfolio.create') }}" />
-            </x-menu-sub>
-            <x-menu-item title="{{ __('Transactions') }}" icon="o-banknotes" link="{{ route('transaction.index') }}" />
-            {{-- <x-menu-item title="{{ __('Reporting') }}" icon="o-chart-bar-square" link="####" /> --}}
+        <x-ui.menu class="space-y-2 text-wrap w-full overflow-x-hidden" activate-by-route="true">
+            <x-ui.menu-item icon="o-home" title="{{ __('Dashboard') }}" link="{{ route('dashboard') }}" class="font-medium text-md" />
 
-        </x-menu>
+            @foreach (auth()->user()->portfolios as $portfolio)
+                <x-ui.menu-item 
+                    :title="$portfolio->title" 
+                    icon="o-document"
+                    :badge="$portfolio->wishlist ? __('Wishlist') : null" 
+                    badge-classes="badge-secondary badge-outline"
+                    link="{{ route('portfolio.show', ['portfolio' => $portfolio->id ]) }}" 
+                    class="font-medium text-md"
+                />
+            @endforeach
+            
+            <x-ui.menu-item icon="o-document-plus" title="{{ __('Create Portfolio') }}" link="{{ route('portfolio.create') }}" class="font-medium text-md" />
 
-    </div>
-
-    <div class="px-3">
-
-        <x-section-border />
+            <x-ui.menu-item icon="o-banknotes" title="{{ __('Transactions') }}" link="{{ route('transaction.index') }}" class="font-medium text-md" />
+       
+        </x-ui.menu>
+        <div class="flex-1"></div>
 
         @php
             $user = auth()->user();
         @endphp
 
-        <x-list-item :item="$user" avatar="profile_photo_url" value="name" sub-value="email" no-separator no-hover class="mb-3 !-mt-3 rounded">
+        <x-ui.list-item :item="$user" avatar="profile_photo_url" value="name" sub-value="email" no-separator no-hover class="rounded mb-2">
             <x-slot:actions>
-                <x-dropdown>
+                <x-ui.dropdown>
                     <x-slot:trigger>
-                        <x-button icon="o-cog-6-tooth" class="btn-circle btn-ghost btn-xs" />
+                        <x-ui.button icon="o-cog-6-tooth" class="btn-circle btn-ghost btn-sm relative transition-transform focus:rotate-90" />
                     </x-slot:trigger>
                     
-                    <x-menu-item title="{{ __('Manage Profile') }}" icon="o-user" link="{{ @route('profile.show') }}" />
-                    <x-menu-item title="{{ __('API Tokens') }}" icon="o-command-line" link="{{ @route('api-tokens.index') }}" />
-                    <x-menu-item title="{{ __('Import / Export Data') }}" icon="o-cloud-arrow-down" link="{{ @route('import-export') }}" />                                    
+                    <x-ui.menu-item title="{{ __('Manage Profile') }}" icon="o-user" link="{{ @route('profile.show') }}" />
+                    <x-ui.menu-item title="{{ __('API Tokens') }}" icon="o-command-line" link="{{ @route('api-tokens.index') }}" />
+                    <x-ui.menu-item title="{{ __('Import / Export Data') }}" icon="o-cloud-arrow-down" link="{{ @route('import-export') }}" />                                    
 
-                    <x-section-border class="py-1" />
+                    <x-ui.section-border class="py-1" />
 
-                    <x-menu-item title="{{ __('Log Out') }}" icon="o-power" onclick="event.preventDefault(); document.getElementById('logout').submit();" />
+                    <x-ui.menu-item title="{{ __('Log Out') }}" icon="o-power" onclick="event.preventDefault(); document.getElementById('logout').submit();" />
                     <form id="logout" action="{{ route('logout') }}" method="POST" style="display: none;">
                         @csrf
                     </form>
 
-                </x-dropdown>
+                </x-ui.dropdown>
                 
             </x-slot:actions>
-        </x-list-item>
-    </div>
+        </x-ui.list-item>
+   </div>
 </div>
\ No newline at end of file
diff --git a/resources/views/components/connected-accounts-login.blade.php b/resources/views/components/social/connected-accounts-login.blade.php
similarity index 74%
rename from resources/views/components/connected-accounts-login.blade.php
rename to resources/views/components/social/connected-accounts-login.blade.php
index 867568a..448479c 100644
--- a/resources/views/components/connected-accounts-login.blade.php
+++ b/resources/views/components/social/connected-accounts-login.blade.php
@@ -1,16 +1,16 @@
 <div>
     @if(!empty(config('services.enabled_login_providers')))
     @foreach(explode(',', config('services.enabled_login_providers')) as $provider)
-        <x-button 
+        <x-ui.button 
             link="{{ route('oauth.redirect', ['provider' => $provider]) }}" 
-            class="btn-sm btn-block my-1" 
+            class="btn-sm btn-block my-1 text-white" 
             style='background-color: {{ config("services.$provider.color") }}'
             no-wire-navigate
         >
-            @include("components.$provider-icon")
+            @include("components.social.$provider-icon")
 
             {{ __('Login with') }} {{ config("services.$provider.name") }} 
-        </x-button>
+        </x-ui.button>
     @endforeach
     @endif
 </div>
\ No newline at end of file
diff --git a/resources/views/components/facebook-icon.blade.php b/resources/views/components/social/facebook-icon.blade.php
similarity index 100%
rename from resources/views/components/facebook-icon.blade.php
rename to resources/views/components/social/facebook-icon.blade.php
diff --git a/resources/views/components/github-icon.blade.php b/resources/views/components/social/github-icon.blade.php
similarity index 100%
rename from resources/views/components/github-icon.blade.php
rename to resources/views/components/social/github-icon.blade.php
diff --git a/resources/views/components/google-icon.blade.php b/resources/views/components/social/google-icon.blade.php
similarity index 100%
rename from resources/views/components/google-icon.blade.php
rename to resources/views/components/social/google-icon.blade.php
diff --git a/resources/views/components/linkedin-openid-icon.blade.php b/resources/views/components/social/linkedin-openid-icon.blade.php
similarity index 100%
rename from resources/views/components/linkedin-openid-icon.blade.php
rename to resources/views/components/social/linkedin-openid-icon.blade.php
diff --git a/resources/views/components/ai-chat-window.blade.php b/resources/views/components/ui/ai-chat-window.blade.php
similarity index 79%
rename from resources/views/components/ai-chat-window.blade.php
rename to resources/views/components/ui/ai-chat-window.blade.php
index 9894bef..dfbf488 100644
--- a/resources/views/components/ai-chat-window.blade.php
+++ b/resources/views/components/ui/ai-chat-window.blade.php
@@ -1,27 +1,26 @@
 <?php
 
-use Mary\Traits\Toast;
 use App\Models\AiChat;
-use App\Models\Holding;
 use Illuminate\Database\Eloquent\Model;
 use Livewire\Volt\Component;
-use OpenAI\Factory;
-use OpenAI\Responses\StreamResponse;
-
-new class extends Component {
-
-    use Toast;
 
+new class extends Component
+{
     // props
     public Model $chatable;
+
     public string $system_prompt = 'You are an investment portfolio assistant providing advice to an investor.  Use the following information to provide relevant recommendations.  Use the words \'likely\' or \'may\' instead of concrete statements (except for obvious statements of fact or common sense). Use github style markdown for any formatting.';
+
     public array $suggested_prompts = [];
 
     public array $messages = [];
+
     public ?string $prompt = null;
+
     public ?string $answer = null;
+
     public bool $streaming = false;
-    
+
     // methods
     public function mount()
     {
@@ -33,10 +32,11 @@ new class extends Component {
         // prevent spam
         if ($this->isRateLimited() || $this->streaming) {
             array_push($this->messages, [
-                'role' => 'assistant', 
-                'content' => __('Hang on! You\'re doing that too much.')
+                'role' => 'assistant',
+                'content' => __('Hang on! You\'re doing that too much.'),
             ]);
             $this->js('scrollChatWindow(250)');
+
             return;
         }
 
@@ -51,7 +51,7 @@ new class extends Component {
             $this->js('scrollChatWindow(250)');
 
             return;
-        } 
+        }
 
         $this->chatable->chats()->save(new AiChat(['role' => 'user', 'content' => $this->prompt]));
         array_push($this->messages, ['role' => 'user', 'content' => $this->prompt]);
@@ -65,17 +65,17 @@ new class extends Component {
 
     public function generateCompletion(): void
     {
-    
+
         try {
             $client = $this->createOpenAiClient();
-            
+
             $stream = $client->chat()->createStreamed([
                 'model' => config('openai.model'),
                 'messages' => [
                     ['role' => 'system', 'content' => "Today's date is "
                                                                     .now()->toDateString()
                                                                     .".\n\n".$this->system_prompt],
-                    ...array_slice($this->messages, -10)
+                    ...array_slice($this->messages, -10),
                 ],
             ]);
         } catch (\Exception $e) {
@@ -83,14 +83,15 @@ new class extends Component {
             $this->chatable->chats()->save(new AiChat(['role' => 'assistant', 'content' => $e->getMessage()]));
             array_push($this->messages, ['role' => 'assistant', 'content' => $e->getMessage()]);
             $this->resetPrompt();
+
             return;
         }
 
-        $this->stream(to: "answer", content: '', replace: true);
-        
-        foreach($stream as $response){
-            
-            if(!empty($response->choices[0]->delta->content)) {
+        $this->stream(to: 'answer', content: '', replace: true);
+
+        foreach ($stream as $response) {
+
+            if (! empty($response->choices[0]->delta->content)) {
                 $this->stream(to: 'answer', content: $response->choices[0]->delta->content, replace: false);
                 $this->answer .= $response->choices[0]->delta->content;
             }
@@ -116,34 +117,34 @@ new class extends Component {
                         'name' => 'suggested_prompts_schema',
                         'strict' => true,
                         'schema' => [
-                            "type" => "object",
-                            "properties" => [
-                                "suggested_prompts" => [
-                                    "type" => "array",
-                                    "items" => [
-                                        "type" => "object",
-                                        "properties" => [
-                                            "text" => [
-                                                "type" => "string",
-                                                "description" => "The suggested prompt question (no more than 5 words)"
+                            'type' => 'object',
+                            'properties' => [
+                                'suggested_prompts' => [
+                                    'type' => 'array',
+                                    'items' => [
+                                        'type' => 'object',
+                                        'properties' => [
+                                            'text' => [
+                                                'type' => 'string',
+                                                'description' => 'The suggested prompt question (no more than 5 words)',
+                                            ],
+                                            'value' => [
+                                                'type' => 'string',
+                                                'description' => 'The detailed version of the question',
                                             ],
-                                            "value" => [
-                                                "type" => "string",
-                                                "description" => "The detailed version of the question"
-                                            ]
                                         ],
-                                        "required" => ["text", "value"],
-                                        "additionalProperties" => false
-                                    ]
-                                ]
+                                        'required' => ['text', 'value'],
+                                        'additionalProperties' => false,
+                                    ],
+                                ],
                             ],
-                            "required" => ["suggested_prompts"],
-                            "additionalProperties" => false
-                        ]
-                    ]
+                            'required' => ['suggested_prompts'],
+                            'additionalProperties' => false,
+                        ],
+                    ],
                 ],
                 'messages' => [
-                    ['role' => 'system', 'content' => "
+                    ['role' => 'system', 'content' => '
                         Your role is to assist investors in asking thoughtful questions of their investment advisors. 
                         
                         When you help investors ask good questions, you should ensure the you questions you recommend 
@@ -155,12 +156,12 @@ new class extends Component {
                         explanation.
 
                         Your response should only include valid JSON.  
-                    "],
+                    '],
                     ['role' => 'user', 'content' => "
                         Generate between 1 and 5 (no more than 5) follow up questions a savvy investor might ask their 
                         advisor based on the following conversation:
                         \n\n
-                        ".json_encode(array_slice($this->messages, -4))
+                        ".json_encode(array_slice($this->messages, -4)),
                     ],
                 ],
             ]);
@@ -171,6 +172,7 @@ new class extends Component {
 
             $this->suggested_prompts = [];
             $this->error($e->getMessage());
+
             return;
         }
     }
@@ -184,10 +186,10 @@ new class extends Component {
 
     public function isRateLimited(): bool
     {
-        $rateLimitKey = auth()->id() . '/' . $this->chatable->id;
+        $rateLimitKey = auth()->id().'/'.$this->chatable->id;
 
         if (RateLimiter::tooManyAttempts($rateLimitKey, 20)) {
-            
+
             return true;
         }
 
@@ -210,7 +212,6 @@ new class extends Component {
             ->withBaseUri($baseUri)
             ->make();
     }
-
 }; ?>
 
 <div 
@@ -227,15 +228,16 @@ new class extends Component {
     class="fixed z-50 bottom-8 right-8"
 >
     {{-- toggle button --}}
-    <x-button 
+    <x-ui.button 
         x-show="!open"
         @click="$dispatch('toggle-ai-chat')"
+        @keyup.escape.window="open = false"
         class="flex btn btn-circle md:btn-lg btn-primary" 
     >
         <x-slot:label>
-            <x-icon name="o-sparkles" class="w-6 h-6 md:w-8 md:h-8"></x-icon>
+            <x-ui.icon name="o-sparkles" class="w-6 h-6 md:w-8 md:h-8"></x-ui.icon>
         </x-slot:label>
-    </x-button>
+    </x-ui.button>
 
     {{-- popup --}}
     <div 
@@ -251,17 +253,17 @@ new class extends Component {
         x-transition:leave-end="opacity-0 transform translate-y-full"
         x-cloak
         key="ai-chat" 
-        class="fixed bg-base-100 shadow-2xl rounded-none md:rounded-lg
-                inset-0 h-screen w-full 
-                md:inset-auto md:right-6 md:bottom-6 md:w-[32rem] md:h-[46rem]"
+        class="fixed bg-base-300 shadow-2xl rounded-none md:rounded-lg
+                inset-0 h-screen w-full md:inset-auto md:right-6 
+                md:bottom-6 md:w-[32rem] md:h-[46rem]"
     >
         <div 
             class="absolute inset-0 flex flex-col overflow-hidden p-4" 
             x-intersect="scrollChatWindow()"
         >
             <div class="flex grow-0 justify-between items-center pb-4 ">
-                <h2 class="text-lg text-bold">{{ __('AI Chat') }}</h2>
-                <x-button 
+                <h2 class="text-lg text-bold select-none">{{ __('AI Chat') }}</h2>
+                <x-ui.button 
                     icon="o-x-mark" 
                     class="absolute top-5 right-4 btn-ghost btn-circle btn-sm" 
                     title="{{ __('Close') }}"
@@ -284,7 +286,7 @@ new class extends Component {
                         bg-slate-200
                         dark:bg-slate-800
                     ">
-                        <x-icon name="o-sparkles" class="h-auto p-1 w-10" />
+                        <x-ui.icon name="o-sparkles" class="h-auto p-1 w-10" />
                     </span>
                     <p class="leading-relaxed w-full">
                         <span class="block font-bold">AI</span> {{ __('Hi, how can I help?') }}
@@ -298,7 +300,7 @@ new class extends Component {
                         <div class="flex gap-3 mb-5 flex-1">
                             <span class="relative flex shrink-0 overflow-hidden rounded-full w-10 h-10">
                 
-                                <x-avatar :image="auth()->user()->profile_photo_url" class="!w-10" />
+                                <x-ui.avatar :image="auth()->user()->profile_photo_url" class="!w-10" />
                 
                             </span>
                             <p class="leading-relaxed">
@@ -319,7 +321,7 @@ new class extends Component {
                                 bg-slate-200
                                 dark:bg-slate-800
                             ">                    
-                                <x-icon name="o-sparkles" class="h-auto p-1 w-10" />
+                                <x-ui.icon name="o-sparkles" class="h-auto p-1 w-10" />
                             </span>
                             <div class="leading-relaxed" >
                                 <span class="block font-bold ">AI </span> {!! Str::markdown($message['content']) !!}
@@ -342,7 +344,7 @@ new class extends Component {
                             bg-slate-200
                             dark:bg-slate-800
                         ">                    
-                            <x-icon name="o-sparkles" class="h-auto p-1 w-10" />
+                            <x-ui.icon name="o-sparkles" class="h-auto p-1 w-10" />
                         </span>
                         <p class="leading-relaxed" >
                             <span class="block font-bold ">AI </span> <span wire:stream="answer">{{ $answer }}</span>
@@ -353,40 +355,42 @@ new class extends Component {
         
             {{-- prompt input --}}
             <div class="mt-3 grow-0">
-                <form submit="startCompletion" >       
+                <form submit="startCompletion">       
                     <div class="">
                         @foreach($suggested_prompts as $prompt)
-                        <x-button 
+                        <x-ui.button 
                             class="btn-xs btn-primary btn-outline mr-1 mb-2" 
                             wire:click="startCompletion('{{ addslashes($prompt['value']) }}')" 
-                        >{{ $prompt['text'] }}</x-button>
+                        >{{ $prompt['text'] }}</x-ui.button>
                         @endforeach
                         
                     </div>
                 
                     <div class="flex justify-between align-bottom space-x-2 mt-1">
                         
-                        <div class="w-full">
+                        <div class="w-full" >
                             
-                            <x-textarea
+                            <x-ui.textarea
                                 wire:model="prompt"
-                                class="h-24 resize-none "
+                                class="h-18 resize-none bg-base-200"
                                 placeholder="{{ __('Have a question? AI might be able to help...') }}"
                                 wire:keydown.enter.prevent="startCompletion"
                                 autofocus
-                            ></x-textarea>
+                                @toggle-ai-chat.window="setTimeout(() => $el.focus(), 250)"
+                            ></x-ui.textarea>
+                            {{--  --}}
                         </div>
-                        <x-button
+                        <x-ui.button
                             spinner="generateCompletion"
                             wire:click="startCompletion"
-                            class="btn btn-ghost h-24"
+                            class="btn btn-ghost h-32"
                             icon="o-paper-airplane"
-                        ></x-button>
+                        ></x-ui.button>
                         
                     </div>
                     
                     <div class="w-full mt-2">
-                        <p class="text-xs text-secondary leading-tight">{{ __('Advice generated by AI may contain errors. Use at your own risk. Always consult a licensed investment advisor.') }} </p>
+                        <p class="text-xs text-secondary leading-tight select-none">{{ __('Advice generated by AI may contain errors. Use at your own risk. Always consult a licensed investment advisor.') }} </p>
                     </div>
                 </form>
             </div>
diff --git a/resources/views/components/ui/alert.blade.php b/resources/views/components/ui/alert.blade.php
new file mode 100644
index 0000000..8cb575f
--- /dev/null
+++ b/resources/views/components/ui/alert.blade.php
@@ -0,0 +1,36 @@
+@props([
+    'id' => null,
+    'title' => null
+    'icon' => null,
+    'description' => null,
+    'shadow' => false,
+    'dismissable' => false
+])
+
+<div
+    wire:key="{{ $id }}"
+    {{ $attributes->whereDoesntStartWith('class') }}
+    {{ $attributes->class(['alert rounded-md', 'shadow-md' => $shadow])}}
+    x-data="{ show: true }" x-show="show"
+>
+    @if($icon)
+        <x-icon :name="$icon" class="self-center" />
+    @endif
+
+    @if($title)
+        <div>
+            <div @class(["font-bold" => $description])>{{ $title }}</div>
+            <div class="text-xs">{{ $description }}</div>
+        </div>
+    @else
+        <span>{{ $slot }}</span>
+    @endif
+
+    <div class="flex items-center gap-3">
+        {{ $actions }}
+    </div>
+
+    @if($dismissible)
+        <x-button icon="o-x-mark" @click="show = false" class="btn-xs btn-circle btn-ghost static self-start end-0" />
+    @endif
+</div>
diff --git a/resources/views/components/ib-apex-chart.blade.php b/resources/views/components/ui/apex-chart.blade.php
similarity index 100%
rename from resources/views/components/ib-apex-chart.blade.php
rename to resources/views/components/ui/apex-chart.blade.php
diff --git a/resources/views/components/ui/authentication-card.blade.php b/resources/views/components/ui/authentication-card.blade.php
new file mode 100644
index 0000000..6be41cf
--- /dev/null
+++ b/resources/views/components/ui/authentication-card.blade.php
@@ -0,0 +1,9 @@
+<div class="min-h-screen flex flex-col sm:justify-center items-center pt-6 sm:pt-0">
+    <div>
+        {{ $logo }}
+    </div>
+
+    <div class="w-full sm:max-w-md mt-6 px-6 py-4 bg-base-200 shadow-md overflow-hidden sm:rounded-lg">
+        {{ $slot }}
+    </div>
+</div>
diff --git a/resources/views/components/ui/avatar.blade.php b/resources/views/components/ui/avatar.blade.php
new file mode 100644
index 0000000..ae792a0
--- /dev/null
+++ b/resources/views/components/ui/avatar.blade.php
@@ -0,0 +1,36 @@
+@props([
+    'id' => null,
+    'image' => '',
+    'alt' => '',
+    'placeholder' => '',
+    'fallbackImage' => null,
+
+    'title' => null,
+    'subtitle' => null,
+])
+
+<div class="flex items-center gap-3">
+    <div class="avatar @if(empty($image)) avatar-placeholder @endif">
+        <div {{ $attributes->class(["w-7 rounded-full", "bg-neutral text-neutral-content" => empty($image)]) }}>
+            @if(empty($image))
+                <span class="text-xs" alt="{{ $alt }}">{{ $placeholder }}</span>
+            @else
+                <img src="{{ $image }}" alt="{{ $alt }}" @if($fallbackImage) onerror="this.src='{{ $fallbackImage }}'" @endif />
+            @endif
+        </div>
+    </div>
+    @if($title || $subtitle)
+    <div>
+        @if($title)
+            <div @class(["font-semibold font-lg", is_string($title) ? '' : $title?->attributes->get('class') ]) >
+                {{ $title }}
+            </div>
+        @endif
+        @if($subtitle)
+            <div @class(["text-sm text-base-content/50", is_string($subtitle) ? '' : $subtitle?->attributes->get('class') ]) >
+                {{ $subtitle }}
+            </div>
+        @endif
+    </div>
+    @endif
+</div>
diff --git a/resources/views/components/ui/badge.blade.php b/resources/views/components/ui/badge.blade.php
new file mode 100644
index 0000000..8935352
--- /dev/null
+++ b/resources/views/components/ui/badge.blade.php
@@ -0,0 +1,13 @@
+@props([
+    'value' => null,
+])
+
+@php
+    if (isset($class)) {
+        $attributes->setAttributes(['class' => $class]);
+    }
+@endphp
+
+<div {{ $attributes->class(["badge select-none"]) }}>
+    {{ $value ?? $slot ?? '' }}
+</div>
\ No newline at end of file
diff --git a/resources/views/components/ui/button.blade.php b/resources/views/components/ui/button.blade.php
new file mode 100644
index 0000000..f18d01e
--- /dev/null
+++ b/resources/views/components/ui/button.blade.php
@@ -0,0 +1,75 @@
+@props([
+    'type' => 'button',
+    'external' => false,
+    'link' => null,
+    'label' => null,
+    'icon' => null,
+    'spinner' => null,
+    'tooltip' => null,
+    'tooltipLeft' => null,
+    'tooltipRight' => null,
+    'tooltipBottom' => null,
+    'badge' => null,
+    'badgeClasses' => null,
+])
+
+@php
+    $tooltip = $tooltip ?? $tooltipLeft ?? $tooltipRight ?? $tooltipBottom;
+    $tooltipPosition = $tooltipLeft ? 'lg:tooltip-left' : ($tooltipRight ? 'lg:tooltip-right' : ($tooltipBottom ? 'lg:tooltip-bottom' : 'lg:tooltip-top'));
+    $spinnerTarget = $spinner ?? $attributes->whereStartsWith('wire:click')->first();
+@endphp
+
+@if($link)
+    <a href="{!! $link !!}"
+@else
+    <button
+@endif
+    {{ $attributes->whereDoesntStartWith('class')->merge(['type' => $type]) }}
+    type="button" 
+    {{ $attributes->class(['btn', "!inline-flex lg:tooltip $tooltipPosition" => $tooltip]) }} 
+
+    @if($link && $external)
+        target="_blank"
+    @endif
+
+    @if($link && !$external)
+        wire:navigate
+    @endif
+
+    data-tip="{{ $tooltip }}"
+
+    @if($spinner)
+        wire:target="{{ $spinnerTarget }}"
+        wire:loading.attr="disabled"
+    @endif
+>
+
+    {{-- spinner --}}
+    @if($spinner)
+        <span wire:loading wire:target="{{ $spinnerTarget }}" class="loading loading-spinner w-5 h-5">Loading</span>
+    @endif
+    
+    {{-- icon --}}
+    @if($icon)
+        <span class="block" @if($spinner) wire:loading.class="hidden" wire:target="{{ $spinnerTarget }}" @endif>
+            <x-ui.icon :name="$icon" />
+        </span>
+    @endif
+    
+    {{-- label / slot --}}
+    @if($label)
+        <span>
+            {{ $label }}
+        </span>
+        @if(strlen($badge ?? '') > 0)
+            <span class="badge badge-sm {{ $badgeClasses }}">{{ $badge }}</span>
+        @endif
+    @else
+        {{ $slot }}
+    @endif
+    
+@if($link)
+    </a>
+@else
+    </button>
+@endif
\ No newline at end of file
diff --git a/resources/views/components/ui/card.blade.php b/resources/views/components/ui/card.blade.php
new file mode 100644
index 0000000..a508007
--- /dev/null
+++ b/resources/views/components/ui/card.blade.php
@@ -0,0 +1,22 @@
+@props([
+    'title' => '',
+    'subTitle' => '',
+    'dense' => false,
+    'expanded' => false
+])
+
+<div 
+    {{ $attributes->merge()->class(['p-5', 'shadow-sm', 'rounded-lg', 'bg-base-100']) }} 
+>
+    @if($title)
+        <h3 @class(['pb-2' => !$subTitle && !$dense, 'text-xl font-bold leading-none tracking-tight flex items-center truncate'])> {{ $title }} </h3>
+    @endif
+    
+    @if($subTitle) 
+        <h5 @class(['pb-2' => !$dense, 'text-sm text-gray-400 flex items-center truncate'])> {{ $subTitle }} </h5>
+    @endif
+
+    <div @class(['mt-2' => !$dense && !$expanded, 'mt-0' => $dense, 'mt-5' => $expanded])>
+        {{ $slot }}
+    </div>
+</div>
\ No newline at end of file
diff --git a/resources/views/components/ui/checkbox.blade.php b/resources/views/components/ui/checkbox.blade.php
new file mode 100644
index 0000000..5b781fc
--- /dev/null
+++ b/resources/views/components/ui/checkbox.blade.php
@@ -0,0 +1,62 @@
+@props([
+    'id' => null,
+    'label' => null,
+    'right' => false,
+    'tight' => false,
+    'hint' => null,
+    'hintClass' => 'label-text-alt text-gray-400 py-1 pb-0',
+
+    'errorField' => null,
+    'errorClass' => 'text-red-500 label-text-alt p-1',
+    'omitError' => false,
+    'firstErrorOnly' => false,
+])
+
+@php
+    $modelName = $attributes->whereStartsWith('wire:model')->first();
+    $errorFieldName = $errorField ?? $modelName;
+    $id = $id == $modelName ? $modelName : "{$id}{$modelName}";
+@endphp
+
+<div>
+    <label for="{{ $id }}" class="flex gap-3 items-center cursor-pointer">
+        @if($right)
+            <span @class(["flex-1" => !$tight])>
+                {{ $label }}
+
+                @if($attributes->get('required'))
+                    <span class="text-error">*</span>
+                @endif
+            </span>
+        @endif
+
+        <input
+            id="{{ $id }}"
+            type="checkbox"
+            {{ $attributes->whereDoesntStartWith('id')->merge(['class' => 'checkbox checkbox-primary']) }}  />
+
+        @if(!$right)
+            {{ $label }}
+
+            @if($attributes->get('required'))
+                <span class="text-error">*</span>
+            @endif
+        @endif
+    </label>
+
+    {{-- ERROR --}}
+    @if(!$omitError && $errors->has($errorFieldName))
+        @foreach($errors->get($errorFieldName) as $message)
+            @foreach(Arr::wrap($message) as $line)
+                <div class="{{ $errorClass }}" x-classes="text-red-500 label-text-alt p-1">{{ $line }}</div>
+                @break($firstErrorOnly)
+            @endforeach
+            @break($firstErrorOnly)
+        @endforeach
+    @endif
+
+    {{-- HINT --}}
+    @if($hint)
+        <div class="{{ $hintClass }}" x-classes="label-text-alt text-gray-400 py-1 pb-0">{{ $hint }}</div>
+    @endif
+</div>
diff --git a/resources/views/components/confirmation-modal.blade.php b/resources/views/components/ui/confirmation-modal.blade.php
similarity index 66%
rename from resources/views/components/confirmation-modal.blade.php
rename to resources/views/components/ui/confirmation-modal.blade.php
index fe108ed..b4409f5 100644
--- a/resources/views/components/confirmation-modal.blade.php
+++ b/resources/views/components/ui/confirmation-modal.blade.php
@@ -1,7 +1,14 @@
-@props(['id' => null, 'maxWidth' => null])
+@props(['key' => 'confirmation'])
 
-<x-ib-livewire-modal :id="$id" :maxWidth="$maxWidth" {{ $attributes }} :showClose="false">
-    <div class="p-2">
+<x-ui.modal
+    :key="$key"
+    box-class="max-w-xl"
+    persistent="true"
+    no-card="true"
+    {{ $attributes }}
+>
+
+    <div class="p-5">
         <div class="sm:flex sm:items-start">
             <div class="mx-auto shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-red-100 sm:mx-0 sm:h-10 sm:w-10">
                 <svg class="h-6 w-6 text-red-600 dark:text-red-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
@@ -10,18 +17,18 @@
             </div>
 
             <div class="mt-3 text-center sm:mt-0 sm:ms-4 sm:text-start">
-                <h3 class="text-lg font-medium text-gray-900 dark:text-gray-100">
+                <h3 class="text-xl font-bold text-primary-content">
                     {{ $title }}
                 </h3>
 
-                <div class="mt-4 text-sm text-gray-600 dark:text-gray-400">
+                <div class="mt-2 text-sm text-secondary-content">
                     {{ $content }}
                 </div>
             </div>
         </div>
-    </div>
 
-    <div class="flex flex-row items-center justify-end mt-3 p-2 text-end">
-        {{ $footer }}
+        <div class="flex flex-row items-center justify-center sm:justify-end mt-8 text-end">
+            {{ $footer }}
+        </div>
     </div>
-</x-ib-livewire-modal>
+</x-ui.modal>
diff --git a/resources/views/components/ui/datetime.blade.php b/resources/views/components/ui/datetime.blade.php
new file mode 100644
index 0000000..f385850
--- /dev/null
+++ b/resources/views/components/ui/datetime.blade.php
@@ -0,0 +1,261 @@
+@props([
+    'id' => null,
+    'label' => null,
+    'icon' => null,
+    'hint' => null,
+    'hintClass' => 'label-text-alt text-gray-400 py-1 pb-0',
+
+    'errorField' => null,
+    'errorClass' => 'text-red-500 label-text-alt p-1',
+    'omitError' => false,
+    'firstErrorOnly' => false,
+])
+
+@php
+    $modelName = $attributes->whereStartsWith('wire:model')->first();
+    $errorFieldName = $errorField ?? $modelName;
+    $id = $id == $modelName ? $modelName : "{$id}{$modelName}";
+@endphp
+
+<style>
+    input[type="date"]::-webkit-calendar-picker-indicator {
+        color: transparent;
+        background: transparent;
+    }
+</style>
+
+<div
+    x-cloak
+    x-data="{
+        datePickerOpen: false,
+        datePickerValue: $wire.entangle(@js($modelName)),
+        datePickerMonth: '',
+        datePickerYear: '',
+        datePickerDay: '',
+        datePickerDaysInMonth: [],
+        datePickerBlankDaysInMonth: [],
+        datePickerMonthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
+        datePickerDays: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
+        datePickerDayClicked(day) {
+            let selectedDate = new Date(this.datePickerYear, this.datePickerMonth, day);
+            this.datePickerDay = day;
+            this.datePickerValue = this.dateToValue(selectedDate);
+            this.datePickerIsSelectedDate(day);
+            this.datePickerOpen = false;
+        },
+        datePickerPreviousMonth(){
+            if (this.datePickerMonth == 0) { 
+                this.datePickerYear--; 
+                this.datePickerMonth = 12; 
+            } 
+            this.datePickerMonth--;
+            this.datePickerCalculateDays();
+        },
+        datePickerNextMonth(){
+            if (this.datePickerMonth == 11) { 
+                this.datePickerMonth = 0; 
+                this.datePickerYear++; 
+            } else { 
+                this.datePickerMonth++; 
+            }
+            this.datePickerCalculateDays();
+        },
+        datePickerIsSelectedDate(day) {
+            const d = new Date(this.datePickerYear, this.datePickerMonth, day);
+            return this.datePickerValue === this.dateToValue(d) ? true : false;
+        },
+        datePickerIsToday(day) {
+            const today = new Date();
+            const d = new Date(this.datePickerYear, this.datePickerMonth, day);
+            return today.toDateString() === d.toDateString() ? true : false;
+        },
+        datePickerCalculateDays() {
+            let daysInMonth = new Date(this.datePickerYear, this.datePickerMonth + 1, 0).getDate();
+            // find where to start calendar day of week
+            let dayOfWeek = new Date(this.datePickerYear, this.datePickerMonth).getDay();
+            let blankdaysArray = [];
+            for (var i = 1; i <= dayOfWeek; i++) {
+                blankdaysArray.push(i);
+            }
+            let daysArray = [];
+            for (var i = 1; i <= daysInMonth; i++) {
+                daysArray.push(i);
+            }
+            this.datePickerBlankDaysInMonth = blankdaysArray;
+            this.datePickerDaysInMonth = daysArray;
+        },
+        dateToValue(d) {
+            d = this.parseDate(d)
+            let formattedDate = ('0' + d.getDate()).slice(-2); 
+            let formattedMonthInNumber = ('0' + (parseInt(d.getMonth()) + 1)).slice(-2);
+            let formattedYear = d.getFullYear();
+
+            return `${formattedYear}-${formattedMonthInNumber}-${formattedDate}`;
+        },
+        parseDate(d) {
+            date = new Date();
+            let userTimezoneOffset = date.getTimezoneOffset() * 60000;
+            return new Date(Date.parse(d) + userTimezoneOffset);
+        }
+    }" 
+    x-init="
+        currentDate = new Date();
+        if (datePickerValue) {
+            
+            currentDate = parseDate(datePickerValue)
+            
+        }
+        datePickerMonth = currentDate.getMonth();
+        datePickerYear = currentDate.getFullYear();
+        datePickerDay = currentDate.getDay();
+        datePickerValue = currentDate.toISOString().slice(0, 10);
+        datePickerCalculateDays();
+    "
+>
+    {{-- STANDARD LABEL --}}
+    @if($label)
+        <label for="{{ $id }}" class="pt-0 label label-text font-semibold">
+            <span>
+                {{ $label }}
+
+                @if($attributes->get('required'))
+                    <span class="text-error">*</span>
+                @endif
+            </span>
+        </label>
+    @endif
+
+    <div class="flex-1 relative">
+        {{-- DESKTOP --}}
+        <div
+            x-ref="desktopDatePickerInput"
+            x-html="parseDate(datePickerValue).toLocaleDateString()"
+            x-on:keydown.escape="datePickerOpen=false"
+            @click="datePickerOpen=true"
+
+            {{ $attributes->class([
+                    "hidden md:block py-2 input px-4 input-primary w-full peer appearance-none",
+                    'ps-10' => ($icon),
+                    'border border-dashed' => $attributes->has('readonly') && $attributes->get('readonly') == true,
+                    'input-error' => $errors->has($errorFieldName)
+                ]) }}
+        ></div>
+
+        <div  
+            x-show="datePickerOpen"
+            x-transition:enter="ease-out duration-200"
+            x-transition:enter-start="-translate-x-2"
+            x-transition:enter-end="translate-x-0"
+            @click.away="datePickerOpen = false" 
+            class="
+                p-4
+                mt-12
+                top-0
+                left-0
+                max-w-lg
+                w-[17rem]
+                absolute
+                z-100
+                bg-base-100
+                dark:bg-base-300
+                rounded-box
+                shadow-md   
+                select-none
+            "
+        >
+            <div class="flex justify-between items-center mb-2">
+                <div>
+                    <span x-text="datePickerMonthNames[datePickerMonth]" class="text-lg font-bold"></span>
+                    <span x-text="datePickerYear" class="ml-1 text-lg font-normal text-gray-600"></span>
+                </div>
+                <div>
+                    <button @click="datePickerPreviousMonth()" type="button" class="inline-flex p-1 rounded-full transition duration-100 ease-in-out cursor-pointer focus:outline-none focus:shadow-outline hover:bg-accent/50">
+                        <x-ui.icon name="o-chevron-left" />
+                    </button>
+                    <button @click="datePickerNextMonth()" type="button" class="inline-flex p-1 rounded-full transition duration-100 ease-in-out cursor-pointer focus:outline-none focus:shadow-outline hover:bg-accent/50">
+                        <x-ui.icon name="o-chevron-right" />
+                    </button>
+                </div>
+            </div>
+            <div class="grid grid-cols-7 mb-3">
+                <template x-for="(day, index) in datePickerDays" :key="index">
+                    <div class="px-0.5">
+                        <div x-text="day" class="text-xs font-medium text-center"></div>
+                    </div>
+                </template>
+            </div>
+            <div class="grid grid-cols-7">
+                <template x-for="blankDay in datePickerBlankDaysInMonth">
+                    <div class="p-1 text-sm text-center border border-transparent"></div>
+                </template>
+                <template x-for="(day, dayIndex) in datePickerDaysInMonth" :key="dayIndex">
+                    <div class="px-0.5 mb-1 aspect-square">
+                        <div 
+                            x-text="day"
+                            @click="datePickerDayClicked(day)" 
+                            :class="{
+                                'border border-accent/50': datePickerIsToday(day) == true, 
+                                'hover:bg-neutral-800/70': datePickerIsToday(day) == false && datePickerIsSelectedDate(day) == false,
+                                'text-primary-content bg-primary hover:bg-primary/50': datePickerIsSelectedDate(day) == true
+                            }" 
+                            class="flex justify-center items-center w-7 h-7 text-sm leading-none text-center rounded-full cursor-pointer"
+                        ></div>
+                    </div>
+                </template>
+            </div>
+        </div>
+
+        {{-- MOBILE/NATIVE --}}
+        <input 
+            type="date"
+            x-model="datePickerValue"
+            placeholder="Select date"
+            id="{{ $id }}"
+            onfocus="this.showPicker?.()"
+            x-ref="mobileDatePickerInput"
+
+            {{ $attributes->class([
+                    "block md:hidden input input-primary w-full peer appearance-none",
+                    'ps-10' => ($icon),
+                    'border border-dashed' => $attributes->has('readonly') && $attributes->get('readonly') == true,
+                    'input-error' => $errors->has($errorFieldName)
+                ]) }}
+        />
+
+        {{-- ICON --}}
+        <div @click="
+                if ($refs.mobileDatePickerInput?.checkVisibility()) {
+                    $refs.mobileDatePickerInput?.showPicker()
+                    return;
+                }
+                if(datePickerOpen) {
+                    $refs.desktopDatePickerInput.focus();
+                    return;
+                }
+                datePickerOpen=!datePickerOpen;
+            "
+            class="z-60 absolute top-1/2 -translate-y-1/2 end-0 p-3 cursor-pointer text-neutral-400 hover:text-neutral-500"
+        >
+            <x-ui.icon name="o-calendar" />
+        </div>
+
+
+    </div>
+
+    {{-- ERROR --}}
+    @if(!$omitError && $errors->has($errorFieldName))
+        @foreach($errors->get($errorFieldName) as $message)
+            @foreach(Arr::wrap($message) as $line)
+                <div class="{{ $errorClass }}" x-classes="text-red-500 label-text-alt p-1">{{ $line }}</div>
+                @break($firstErrorOnly)
+            @endforeach
+            @break($firstErrorOnly)
+        @endforeach
+    @endif
+
+    {{-- HINT --}}
+    @if($hint)
+        <div class="{{ $hintClass }}" x-classes="label-text-alt text-gray-400 py-1 pb-0">{{ $hint }}</div>
+    @endif
+
+</div>
diff --git a/resources/views/components/ui/dialog-modal.blade.php b/resources/views/components/ui/dialog-modal.blade.php
new file mode 100644
index 0000000..a9ad69d
--- /dev/null
+++ b/resources/views/components/ui/dialog-modal.blade.php
@@ -0,0 +1,25 @@
+@props(['key' => 'dialog'])
+
+<x-ui.modal
+    :key="$key"
+    box-class="max-w-xl"
+    persistent="true"
+    no-card="true"
+    {{ $attributes }}
+>
+
+    <div class="p-5">
+        <div class="text-xl font-bold text-primary-content">
+            {{ $title }}
+        </div>
+
+        <div class="mt-2 text-sm text-secondary-content">
+            {{ $content }}
+        </div>
+    
+
+        <div class="flex flex-row items-center justify-end mt-8 text-end">
+            {{ $footer }}
+        </div>
+    </div>
+</x-ui.modal>
diff --git a/resources/views/components/ui/drawer.blade.php b/resources/views/components/ui/drawer.blade.php
new file mode 100644
index 0000000..6a376af
--- /dev/null
+++ b/resources/views/components/ui/drawer.blade.php
@@ -0,0 +1,52 @@
+@props([
+    'key' => 'drawer',
+    'showClose' => true,
+    'closeOnEscape' => true,
+    'title' => null,
+    'subtitle' => null
+])
+
+<div 
+    x-data="{ open: false }" 
+    x-on:toggle-{{ $key }}.window="open = !open"
+    @if($closeOnEscape)
+        @keydown.window.escape="open = false"
+    @endif
+    x-trap="open" 
+    x-bind:inert="!open"
+    class="fixed inset-0 flex justify-end z-50" 
+    x-cloak
+>
+
+    {{-- overlay --}}
+    <div @click="open = false" x-show="open" class="z-40 fixed inset-0 bg-black opacity-50"></div>
+
+    {{-- content --}}
+    <div 
+        class="transition duration-200 ease-out transition-transform translate-x-full transform z-50 md:w-3/4 xl:w-3/5" 
+        :class="{'translate-x-0': open, 'translate-x-full': !open}"
+    >
+        <x-ui.card
+            {{ $attributes->merge(['class' => 'w-full min-h-screen rounded-none px-8 overflow-y-scroll']) }} 
+        >
+            @if($title)
+                <x-slot:title>
+                    {!! strip_tags($title) !!}
+                </x-slot:title>
+            @endif
+
+            @if($subtitle)
+                <x-slot:subtitle>
+                    {!! strip_tags($subtitle) !!}
+                </x-slot:subtitle>
+            @endif
+
+            @if ($showClose)
+                <x-ui.button icon="o-x-mark" title="{{ __('Close') }}" class="btn-ghost btn-circle btn-sm absolute top-4 right-4 " @click="open = false" />
+            @endif
+
+            {{ $slot }}
+
+        </x-ui.card>
+    </div>
+</div>
\ No newline at end of file
diff --git a/resources/views/components/ui/dropdown.blade.php b/resources/views/components/ui/dropdown.blade.php
new file mode 100644
index 0000000..153e0f8
--- /dev/null
+++ b/resources/views/components/ui/dropdown.blade.php
@@ -0,0 +1,62 @@
+@props([
+    'id' => null,
+    'label' => null,
+    'icon' => 'o-chevron-down',
+
+    'trigger' => null,
+])
+
+<details 
+    x-data="{
+        dropdownOpen: false
+    }"
+    :open="dropdownOpen"
+    @click.outside="dropdownOpen = false"
+    @class(['dropdown'])
+>
+    {{-- CUSTOM TRIGGER --}}
+    @if($trigger)
+        <summary x-ref="button" @click.prevent="dropdownOpen = !dropdownOpen" {{ $trigger->attributes->class(['list-none']) }}>
+            {{ $trigger }}
+        </summary>
+    @else
+        {{-- DEFAULT TRIGGER --}}
+        <summary 
+            x-ref="button" 
+            @click.prevent="dropdownOpen = !dropdownOpen" 
+            {{ $attributes->class(["btn btn-ghost normal-case disabled:opacity-50 disabled:pointer-events-none"]) }}
+        >
+            {{ $label }}
+            <span class="transition-transform" :class="{'rotate-180': dropdownOpen }">
+                <x-ui.icon :name="$icon" />
+            </span>
+        </summary>
+    @endif
+
+    {{-- CONTENT --}}
+    <ul
+        @class([
+            'menu',
+            'absolute',
+            'top-0',
+            'p-2',
+            'shadow-lg',
+            'z-50',
+            'bg-base-100',
+            'rounded-box',
+            'w-auto',
+            'min-w-max',
+        ])
+        x-anchor.bottom-start="$refs.button"
+        @click="dropdownOpen = false"
+        x-transition:enter="ease-out duration-200"
+        x-transition:enter-start="-translate-y-2"
+        x-transition:enter-end="translate-y-0"
+        x-cloak
+    >
+        <div wire:key="dropdown-slot-{{ $id }}">
+            {{ $slot }}
+        </div>
+    </ul>
+
+</details>
\ No newline at end of file
diff --git a/resources/views/components/ui/errors.blade.php b/resources/views/components/ui/errors.blade.php
new file mode 100644
index 0000000..1798cbb
--- /dev/null
+++ b/resources/views/components/ui/errors.blade.php
@@ -0,0 +1,37 @@
+@props([
+    'id' => null,
+    'title' => null,
+    'description' => null,
+    'icon' => 'o-x-circle',
+    'only' => []
+])
+
+<div>
+    @if ($errors->any())
+        <div {{ $attributes->class(["flex justify-start alert alert-error rounded rounded-md"]) }} >
+            <div class="grid gap-3">
+                <div class="flex gap-2">
+                    @if($title)
+                        <x-icon :name="$icon" class="w-6 h-6 mt-0.5" />
+                    @endif
+                    <div>
+                        @if($title)
+                            <div class="font-bold text-lg">{{ $title }}</div>
+                        @endif
+
+                        @if($description)
+                            <div class="font-semibold">{{ $description }}</div>
+                        @endif
+                    </div>
+                </div>
+                <div>
+                    <ul class="list-disc ms-3 space-y-2 sm:ms-6 pb-3">
+                        @foreach ($errors->all() as $error)
+                            <li>{{ $error }}</li>
+                        @endforeach
+                    </ul>
+                </div>
+            </div>
+        </div>
+    @endif
+</div>
diff --git a/resources/views/components/fifty-two-week-range.blade.php b/resources/views/components/ui/fifty-two-week-range.blade.php
similarity index 100%
rename from resources/views/components/fifty-two-week-range.blade.php
rename to resources/views/components/ui/fifty-two-week-range.blade.php
diff --git a/resources/views/components/ui/file.blade.php b/resources/views/components/ui/file.blade.php
new file mode 100644
index 0000000..b56ab11
--- /dev/null
+++ b/resources/views/components/ui/file.blade.php
@@ -0,0 +1,122 @@
+@props([
+    'id' => null,
+    'label' => null,
+    'hint' => null,
+    'hintClass' => 'label-text-alt text-gray-400 py-1 pb-0',
+    'multiple' => false,
+    'clearable' => true,
+    'hideProgress' => false,
+
+    'errorField' => null,
+    'errorClass' => 'text-red-500 label-text-alt p-1',
+    'omitError' => false,
+    'firstErrorOnly' => false,
+])
+
+@php
+    $modelName = $attributes->whereStartsWith('wire:model')->first();
+    $errorFieldName = $errorField ?? $modelName;
+    $id = $id == $modelName ? $modelName : "{$id}{$modelName}";
+@endphp
+
+<div
+    class="container"
+    x-data="{
+        files: @entangle($modelName),
+        progress: 0,
+        selectFiles(e) {
+            this.files = e.target.files[0].name
+
+            $wire.upload('{{ $modelName }}', e.target.files[0], (uploadedFilename) => {
+                // Success callback...
+                this.progress = 0;
+
+            }, () => {
+                // Error callback...
+            }, (event) => {
+                
+                this.progress = event.detail.progress
+  
+            }, () => {
+                // Cancelled callback...
+            })
+        },
+        reset(){
+            this.files = null
+            this.$refs.fileInput.value = null
+        }
+    }">
+
+    {{-- STANDARD LABEL --}}
+    @if($label)
+    <label for="{{ $id }}" class="pt-0 label label-text font-semibold">
+        <span>
+            {{ $label }}
+
+            @if($attributes->get('required'))
+                <span class="text-error">*</span>
+            @endif
+        </span>
+    </label>
+    @endif
+    
+    <div {{ $attributes->class(['relative']) }}>
+
+        {{-- PROGRESS BAR  --}}
+        @if(!$hideProgress)
+            <progress
+                x-cloak
+                max="100"
+                :value="progress"
+                :class="{'hidden': !progress}"
+                class="progress h-1 absolute -mt-2 w-56">
+            </progress>
+        @endif
+        
+        <input
+            type="file"
+            x-ref="fileInput"
+            id="{{ $id }}"
+            {{ $multiple ? 'multiple="true"' : '' }}
+            @change="selectFiles"
+            {{
+                $attributes->whereDoesntStartWith(['wire:model', 'class'])->class([
+                    "file-input w-full",
+                    "!file-input-error" => $errorFieldName && $errors->has($errorFieldName) && !$omitError
+                ])
+            }}
+        >
+
+        @if($clearable)
+            <span :class="{'hidden': !files}">
+                <x-ui.button 
+                    type="reset" 
+                    @click="reset" 
+                    class="absolute top-2 right-2 btn btn-sm btn-ghost btn-circle"
+                    icon="o-x-mark"
+                ></x-ui.button> 
+            </span>
+        @endif
+    </div>
+
+    {{-- ERROR --}}
+    @if(!$omitError && $errors->has($errorFieldName))
+    @foreach($errors->get($errorFieldName) as $message)
+        @foreach(Arr::wrap($message) as $line)
+            <div class="{{ $errorClass }}" x-classes="text-error">{{ $line }}</div>
+            @break($firstErrorOnly)
+        @endforeach
+        @break($firstErrorOnly)
+    @endforeach
+    @endif
+
+    {{-- MULTIPLE --}}
+    @error($modelName.'.*')
+    <div class="text-error" x-classes="text-error">{{ $message }}</div>
+    @enderror
+
+    {{-- HINT --}}
+    @if($hint)
+    <div class="{{ $hintClass }}" x-classes="fieldset-label">{{ $hint }}</div>
+    @endif
+</div>
\ No newline at end of file
diff --git a/resources/views/components/ib-flex-spacer.blade.php b/resources/views/components/ui/flex-spacer.blade.php
similarity index 100%
rename from resources/views/components/ib-flex-spacer.blade.php
rename to resources/views/components/ui/flex-spacer.blade.php
diff --git a/resources/views/components/ib-form.blade.php b/resources/views/components/ui/form.blade.php
similarity index 87%
rename from resources/views/components/ib-form.blade.php
rename to resources/views/components/ui/form.blade.php
index 263aa08..37ade64 100644
--- a/resources/views/components/ib-form.blade.php
+++ b/resources/views/components/ui/form.blade.php
@@ -11,7 +11,7 @@
 
     @if ($actions)
         @if(!$noSeparator)
-            <x-section-border class="my-3" />
+            <x-ui.section-border class="my-3" />
         @endif
 
         <div class="flex justify-end gap-3">
diff --git a/resources/views/components/ui/gain-loss-arrow-badge.blade.php b/resources/views/components/ui/gain-loss-arrow-badge.blade.php
new file mode 100644
index 0000000..4887de8
--- /dev/null
+++ b/resources/views/components/ui/gain-loss-arrow-badge.blade.php
@@ -0,0 +1,38 @@
+@props([
+    'small' => false,
+    'percent' => null,
+    'costBasis' => null,
+    'marketValue' => null
+])
+
+@php
+    if (!is_null($percent)) {
+
+        $isUp = $percent > 0;
+
+    } else {
+
+        $isUp = $costBasis <= $marketValue;
+        $percent = $costBasis ? (($marketValue - $costBasis) / $costBasis) * 100 : 0;
+    }
+@endphp
+
+@if(!empty($percent))
+
+    <x-ui.badge
+        class="{{ $small ? 'badge-xs' : 'badge-sm' }} {{ $isUp ? 'badge-success' : 'badge-error' }} badge-outline ml-2"
+        title="{{ Number::percentage(
+            $percent,
+            $percent < 1 ? 2 : 0
+        ) }}"
+    >
+        <x-slot:value>
+            {!! $isUp ?  '&#9650;' :'&#9660;' !!}
+            {{ Number::percentage(
+                abs($percent),
+                ($percent && $small) < 1 ? 2 : 0
+            ) }}
+        </x-slot:value>
+    </x-ui.badge>
+    
+@endif
\ No newline at end of file
diff --git a/resources/views/components/ui/icon.blade.php b/resources/views/components/ui/icon.blade.php
new file mode 100644
index 0000000..1197676
--- /dev/null
+++ b/resources/views/components/ui/icon.blade.php
@@ -0,0 +1,33 @@
+@props([
+    'id' => null,
+    'name' => null,
+    'label' => null,
+])
+
+@php
+    $name = Str::of($name);
+
+    $icon = $name->contains('.') ? $name->replace('.', '-') : "heroicon-{$name}";
+
+    // Remove `w-*` and `h-*` classes, because it applies only for icon
+    $labelClasses = Str::replaceMatches('/(w-\w*)|(h-\w*)/', '', $attributes->get('class') ?? '');
+@endphp
+
+@if(strlen($label ?? '') > 0)
+    <div class="inline-flex items-center gap-1">
+@endif
+        <x-icon :name="$icon"
+            {{
+                $attributes->class([
+                    'inline',
+                    'w-5 h-5' => !Str::contains($attributes->get('class') ?? '', ['w-', 'h-'])
+                ])
+            }}
+        />
+
+@if(strlen($label ?? '') > 0)
+        <div class="{{ $labelClasses }}">
+            {{ $label }}
+        </div>
+    </div>
+@endif
\ No newline at end of file
diff --git a/resources/views/components/ui/input.blade.php b/resources/views/components/ui/input.blade.php
new file mode 100644
index 0000000..b685763
--- /dev/null
+++ b/resources/views/components/ui/input.blade.php
@@ -0,0 +1,128 @@
+@props([
+    'id' => null,
+    'label' => null,
+    'icon' => null,
+    'hint' => null,
+    'hintClass' => 'label-text-alt text-gray-400 py-1 pb-0',
+
+    'prefix' => null,
+    'suffix' => null,
+    'prepend' => null,
+    'append' => null,
+
+    'errorField' => null,
+    'errorClass' => 'text-red-500 label-text-alt p-1',
+    'omitError' => false,
+    'firstErrorOnly' => false,
+])
+
+@php
+    $modelName = $attributes->whereStartsWith('wire:model')->first();
+    $errorFieldName = $errorField ?? $modelName;
+    $id = $id == $modelName ? $modelName : "{$id}{$modelName}";
+@endphp
+
+
+<div>
+
+    {{-- STANDARD LABEL --}}
+    @if($label)
+        <label for="{{ $id }}" class="pt-0 label label-text font-semibold">
+            <span>
+                {{ $label }}
+
+                @if($attributes->get('required'))
+                    <span class="text-error">*</span>
+                @endif
+            </span>
+        </label>
+    @endif
+
+    {{-- PREFIX/SUFFIX/PREPEND/APPEND CONTAINER --}}
+    @if($prefix || $suffix || $prepend || $append)
+        <div class="flex">
+    @endif
+
+    {{-- PREFIX / PREPEND --}}
+    @if($prefix || $prepend)
+        <div
+            @class([
+                    "rounded-s-lg flex items-center",
+                    "border border-primary border-e-0 px-4" => $prefix,
+                    "border-0" => $attributes->has('disabled') && $attributes->get('disabled') == true,
+                    "border-dashed" => $attributes->has('readonly') && $attributes->get('readonly') == true,
+                    "!border-error" => $errorFieldName && $errors->has($errorFieldName) && !$omitError
+                ])
+        >
+            {{ $prepend ?? $prefix }}
+        </div>
+    @endif
+
+    <div class="flex-1 relative">
+
+        {{-- INPUT --}}
+        <input
+            id="{{ $id }}"
+            placeholder = "{{ $attributes->whereStartsWith('placeholder')->first() }} "
+
+            @if($attributes->has('autofocus') && $attributes->get('autofocus') == true)
+                autofocus
+            @endif
+
+            {{
+                $attributes
+                    ->merge(['type' => 'text'])
+                    ->class([
+                        'input input-primary w-full peer',
+                        'ps-10' => ($icon),
+                        'rounded-s-none' => $prefix || $prepend,
+                        'rounded-e-none' => $suffix || $append,
+                        'border-e-0' => $suffix,
+                        'border border-dashed' => $attributes->has('readonly') && $attributes->get('readonly') == true,
+                        'input-error' => $errorFieldName && $errors->has($errorFieldName) && !$omitError
+                ])
+            }}
+        />
+
+        {{-- ICON  --}}
+        @if($icon)
+            <x-ui.icon :name="$icon" class="z-60 absolute top-1/2 -translate-y-1/2 start-3 text-gray-400 pointer-events-none" />
+        @endif
+    </div>
+
+    {{-- SUFFIX/APPEND --}}
+    @if($suffix || $append)
+            <div
+            @class([
+                    "rounded-e-lg flex items-center",
+                    "border border-primary border-s-0" => $suffix,
+                    "border-0" => $attributes->has('disabled') && $attributes->get('disabled') == true,
+                    "border-dashed" => $attributes->has('readonly') && $attributes->get('readonly') == true,
+                    "!border-error" => $errorFieldName && $errors->has($errorFieldName) && !$omitError
+                ])
+        >
+            {{ $append ?? $suffix }}
+        </div>
+    @endif
+
+    {{-- END: PREFIX/SUFFIX/APPEND/PREPEND CONTAINER  --}}
+    @if($prefix || $suffix || $prepend || $append)
+        </div>
+    @endif
+
+    {{-- ERROR --}}
+    @if(!$omitError && $errors->has($errorFieldName))
+        @foreach($errors->get($errorFieldName) as $message)
+            @foreach(Arr::wrap($message) as $line)
+                <div class="{{ $errorClass }}" x-classes="text-red-500 label-text-alt p-1">{{ $line }}</div>
+                @break($firstErrorOnly)
+            @endforeach
+            @break($firstErrorOnly)
+        @endforeach
+    @endif
+
+    {{-- HINT --}}
+    @if($hint)
+        <div class="{{ $hintClass }}" x-classes="label-text-alt text-gray-400 py-1 pb-0">{{ $hint }}</div>
+    @endif
+</div>
\ No newline at end of file
diff --git a/resources/views/components/ui/list-item.blade.php b/resources/views/components/ui/list-item.blade.php
new file mode 100644
index 0000000..40f07b7
--- /dev/null
+++ b/resources/views/components/ui/list-item.blade.php
@@ -0,0 +1,91 @@
+@props([
+    'id' => null,
+    'item' => array(),
+    'avatar' => 'avatar',
+    'value' => 'name',
+    'subValue' => '',
+    'noSeparator' => false,
+    'noHover' => false,
+    'link' => null,
+
+    'actions' => null,
+])
+
+
+<div wire:key="{{ $id }}">
+    <div
+        {{ $attributes->class([
+                "flex justify-start items-center gap-4 px-3",
+                "hover:bg-base-200/50" => !$noHover,
+                "cursor-pointer" => $link
+            ])
+        }}
+    >
+
+        @if($link && (data_get($item, $avatar) || !is_string($avatar)))
+            <div>
+                <a href="{{ $link }}" wire:navigate>
+        @endif
+
+        {{-- AVATAR --}}
+        @if(data_get($item, $avatar))
+            <div class="py-3">
+                <div class="avatar">
+                    <div class="w-11 rounded-full">
+                        <img src="{{ data_get($item, $avatar) }}" />
+                    </div>
+                </div>
+            </div>
+        @endif
+
+        @if(!is_string($avatar))
+            <div {{ $avatar->attributes->class(["py-3"]) }}>
+                {{ $avatar }}
+            </div>
+        @endif
+
+        @if($link && (data_get($item, $avatar) || !is_string($avatar)))
+                </a>
+            </div>
+        @endif
+
+        {{-- CONTENT --}}
+        <div class="flex-1 overflow-hidden whitespace-nowrap text-ellipsis truncate w-0">
+            @if($link)
+                <a href="{{ $link }}" wire:navigate>
+            @endif
+
+            <div class="py-3">
+                <div @if(!is_string($value)) {{ $value->attributes->class(["font-semibold truncate"]) }} @else class="font-semibold truncate" @endif>
+                    {{ is_string($value) ? data_get($item, $value) : $value }}
+                </div>
+
+                <div @if(!is_string($subValue))  {{ $subValue->attributes->class(["text-gray-400 text-sm truncate"]) }} @else class="text-gray-400 text-sm truncate" @endif>
+                    {{ is_string($subValue) ? data_get($item, $subValue) : $subValue }}
+                </div>
+            </div>
+
+            @if($link)
+                </a>
+            @endif
+        </div>
+
+        {{-- ACTION --}}
+        @if($actions)
+            @if($link && !Str::of($actions)->contains([':click', '@click' , 'href']))
+                <a href="{{ $link }}" wire:navigate>
+            @endif
+                <div {{ $actions->attributes->class(["py-3 flex items-center gap-3"]) }}>
+                    {{ $actions }}
+                </div>
+
+            @if($link && !Str::of($actions)->contains([':click', '@click' , 'href']))
+                </a>
+            @endif
+        @endif
+    </div>
+
+    @if(!$noSeparator)
+        <hr class="border-base-300"/>
+    @endif
+</div>
diff --git a/resources/views/components/ui/loading.blade.php b/resources/views/components/ui/loading.blade.php
new file mode 100644
index 0000000..cc5917f
--- /dev/null
+++ b/resources/views/components/ui/loading.blade.php
@@ -0,0 +1 @@
+<span {{ $attributes->class("loading loading-spinner") }}></span>
\ No newline at end of file
diff --git a/resources/views/components/ui/logo.blade.php b/resources/views/components/ui/logo.blade.php
new file mode 100644
index 0000000..cf9228a
--- /dev/null
+++ b/resources/views/components/ui/logo.blade.php
@@ -0,0 +1,48 @@
+<a href="{{ route('dashboard') }}" title="Investbrain" alt="Investbrain Logo">
+    <svg width="100%" height="100%" id="Layer_1" class="fill-current" data-name="Layer 1" viewBox="0 0 1001 783" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" >
+        <path {{ $attributes->merge(['class' => 'text-accent']) }} d="M553.875,632.571L567.884,627.131C567.884,627.131 588.94,642.044 611.341,650.542C660.03,669.007 666.181,693.68 670.67,711.697C671.541,715.201 672.368,718.512 673.431,721.293C679.103,736.17 685.326,746.904 694.882,758.003L737.893,737.748C730.866,729.455 721.087,714.1 721.273,693.007C721.419,676.837 731.456,663.936 740.313,652.55C749.261,641.048 756.99,631.115 754.689,619.792C754.428,618.501 750.205,606.681 683.457,589.378C664.971,584.588 632.955,577.931 632.955,577.931C632.955,577.931 635.967,564.803 636.504,564.91C650.287,567.669 668.765,571.64 687.293,576.443C757.295,594.586 767.837,608.754 769.682,617.83C773.076,634.571 762.843,647.722 752.948,660.444C744.551,671.243 736.616,681.44 736.507,693.555C736.275,719.609 754.703,734.781 754.889,734.933L762.945,741.43L691.292,775.182L687.22,770.803C674.012,756.601 666.101,743.826 659.014,725.231C657.68,721.736 656.764,718.071 655.801,714.191C651.633,697.476 641.744,677.506 600.566,661.887C573.409,651.585 553.875,632.571 553.875,632.571Z"/>
+        <path {{ $attributes->merge(['class' => 'text-accent']) }} d="M469.894,617.03C491.9,625.608 537.785,632.498 578.066,616.912C606.757,605.811 625.69,585.647 634.343,556.967L635.932,544.895L650.678,549.582L650.547,550.556L649.213,560.348C639.567,592.821 617.208,616.664 584.546,629.301C557.593,639.728 525.875,641.415 498.98,637.874C484.116,635.917 475.069,632.909 464.77,628.35L469.894,617.03Z"/>
+        <path {{ $attributes->merge(['class' => 'text-accent']) }} d="M756.363,647.659C766.597,652.226 735.904,647.812 749.88,647.831C752.018,647.834 754.181,647.777 756.363,647.659ZM756.363,647.659L759.121,630.608C776.312,645.1 814.041,614.388 822.007,607.977C847.271,587.646 859.429,573.432 865.582,531.56L857.892,525.97L871.854,519.291L871.902,520.701L871.646,533.167C868.374,581.138 854.724,595.681 826.924,619.726C805.922,637.888 779.998,646.378 756.363,647.659Z"/>
+        <path {{ $attributes->merge(['class' => 'text-accent']) }} d="M278.425,160.523C277.934,160.447 277.438,160.37 276.948,160.286C277.44,160.359 277.93,160.439 278.425,160.523Z"/>
+        <path {{ $attributes->merge(['class' => 'text-accent']) }} d="M56.427,281.384L53.276,278.254C53.915,253.987 64.477,230.809 81.468,211.975C77.818,216.38 74.378,221.228 71.199,226.564C59.438,246.327 55.735,264.917 56.427,281.384ZM125.55,179.848C146.913,170.054 171.349,165.376 196.488,168.027C196.773,169.34 196.992,170.047 196.992,170.047L196.819,170.025C194.125,169.67 160.165,165.575 125.55,179.848ZM876.465,148.788C875.253,140.191 872.604,131.249 868.55,122.317C872.79,131.336 875.507,140.302 876.465,148.788ZM636.968,67.078C632.455,59.767 626.37,52.471 618.591,45.74C627.058,52.458 633.412,59.75 636.968,67.078ZM830.233,73.639C814.235,60.456 794.248,49.212 770.413,41.637C761.569,38.826 752.892,36.944 744.475,35.836C730.805,34.037 717.803,34.272 705.832,35.868C719.737,33.548 733.39,33.475 746.563,35.21C778.577,39.424 807.696,54.337 830.233,73.639Z"/>
+        <path {{ $attributes->merge(['class' => 'text-accent']) }} d="M546.485,261.415C546.455,261.429 546.424,261.444 546.394,261.458C546.389,261.461 546.389,261.461 546.385,261.46L546.485,261.415ZM546.485,261.415C547.832,260.79 549.176,260.186 550.513,259.608L546.485,261.415Z"/>
+        <path {{ $attributes->merge(['class' => 'text-accent']) }} d="M951.448,338.201C967.066,346.748 978.94,360.259 984.357,371.461C991.028,385.267 1009.88,464.746 938.38,509.182C874.197,549.074 824.465,524.364 805.506,511.387C784.609,543.131 735.375,571.199 677.333,565.042C620.575,558.985 591.016,530.312 576.286,507.76C561.52,528.554 541.685,537.599 526.615,541.516C511.159,545.534 494.383,545.742 479.342,542.424C490.897,565.908 498.729,604.571 467.806,641.145C445.634,667.37 414.398,675.189 392.099,677.128C370.311,679.025 349.702,675.811 337.482,671.143C324.069,682.794 288.704,704.331 243.88,698.43C233.085,697.009 221.742,694 210.023,688.874C158.439,666.305 147.126,623.344 154.77,594.547C111.783,593.541 77.23,581.082 51.934,557.44C20.86,528.397 4.976,481.26 9.445,431.35C14.204,378.198 55.606,354.896 74.754,346.889C60.508,328.89 30.467,280.339 64.437,223.27C98.829,165.496 163.458,161.805 188.094,162.668C186.255,144.263 189.011,101.243 245.926,69.359C313.249,31.644 373.035,54.386 397.781,70.781C414.353,45.661 452.387,10.329 510.461,7.925C585.849,4.8 622.364,35.827 637.949,55.854C660.603,36.887 713.288,16.387 772.778,35.297C839.209,56.412 875.616,104.13 883.278,143.714C947.161,162.729 985.435,206.49 988.544,264.393C990.859,307.537 971.373,327.501 951.448,338.201ZM929.36,498.056C991.957,459.153 975.932,387.913 970.382,376.422C965.636,366.6 951.481,350.075 931.943,344.8L911.518,339.288L930.807,332.122C953.179,323.814 975.727,309.291 973.33,264.596C971.652,233.374 956.575,177.653 874.439,155.23L869.539,153.891L868.907,149.406C863.81,113.255 830.649,67.872 768.052,47.976C704.505,27.778 653.597,58.332 643.204,71.132L636.222,79.733L630.312,70.164C620.597,54.426 589.582,18.173 511.669,21.398C440.094,24.362 408.415,81.914 407.103,84.363L402.557,92.834L394.883,85.976C379.908,72.608 321.954,42.965 254.369,80.828C189.472,117.183 204.179,167.969 204.337,168.478L207.359,178.33L196.014,176.705C192.739,176.258 115.819,166.267 77.965,229.863C39.999,293.638 91.82,344.913 92.351,345.421L100.424,353.227L89.31,356.328C86.907,357.008 29.915,373.837 24.63,432.853C20.503,478.949 34.782,522.122 62.831,548.336C87.022,570.947 121.342,581.965 164.831,581.071L176.905,580.826L172.295,590.588C161.421,613.62 167.914,655.605 216.409,676.818C274.503,702.221 322.493,666.638 329.535,658.577L333.699,653.813L339.597,657.183C352.785,664.72 419.879,674.98 455.506,632.841C490.702,591.211 468.011,546.744 456.297,533.124L432.423,505.365L466.09,523.416C481.09,531.455 502.99,533.478 521.89,528.564C536.577,524.747 556.747,514.997 569.395,490.245L576.355,476.635L583.311,490.646C593.267,510.709 618.898,545.364 678.656,551.649C737.765,557.918 782.891,523.943 796.055,497.816L800.455,489.081L808.318,496.037C816.887,503.614 862.973,539.314 929.36,498.056Z"/>
+        <path {{ $attributes->merge(['class' => 'text-accent']) }} d="M164.45,581.093C168.821,580.604 195.946,573.542 211.278,553.997C221.78,540.606 224.635,523.998 219.76,504.639C219.76,504.639 247.605,532.462 221.626,564.658C202.884,586.185 171.934,594.399 165.717,594.554L164.791,581.073C164.703,581.077 164.591,581.078 164.45,581.093ZM164.45,581.093C164.448,581.093 164.447,581.094 164.445,581.094C164.447,581.094 164.448,581.093 164.45,581.093Z"/>
+        <path {{ $attributes->merge(['class' => 'text-accent']) }} d="M213.575,553.555C222.582,551.317 231.34,551.047 239.325,552.226C255.233,554.572 268.058,562.655 273.619,572.298C273.619,572.298 245.37,554.286 218.136,566.552L213.575,553.555Z"/>
+        <path {{ $attributes->merge(['class' => 'text-accent']) }} d="M310.41,312.188C362.408,280.533 430.339,286.541 475.605,326.802L464.987,336.16C425.111,300.696 365.213,295.443 319.316,323.38C275.107,350.295 256.595,417.442 280.48,464.26C307.052,516.356 357.867,539.991 394.332,536.42C394.332,536.42 358.776,552.43 324.184,531.648C299.807,517 279.907,495.504 266.63,469.474C239.543,416.376 259.999,342.877 310.41,312.188Z"/>
+        <path {{ $attributes->merge(['class' => 'text-accent']) }} d="M330.494,520.536C338.379,526.429 342.731,534.458 344.7,543.023C348.021,570.08 326.463,580.957 326.463,580.957C333.323,569.603 338.064,541.076 322.267,529.275L330.494,520.536Z"/>
+        <path {{ $attributes->merge(['class' => 'text-accent']) }} d="M170.498,451.168C205.064,437.661 243.653,440.477 276.359,458.882L268.492,470.196C240.229,454.292 206.893,451.865 177.027,463.541C153.301,472.81 139.19,488.122 137.509,498.456C137.509,498.456 134.627,468.393 170.498,451.168Z"/>
+        <path {{ $attributes->merge(['class' => 'text-accent']) }} d="M122.051,418.399C124.266,425.291 153.678,451.572 184.056,447.87L186.251,459.326C180.771,459.993 175.279,459.883 169.892,459.174C162.413,458.189 155.13,456.047 148.357,453.205C119.151,440.422 122.051,418.399 122.051,418.399Z"/>
+        <path {{ $attributes->merge(['class' => 'text-accent']) }} d="M83.89,343.578C93.152,340.443 119.954,335.902 149.393,342.543C189.622,353.407 200.664,388.305 200.664,388.305C157.717,337.275 90.386,355.973 89.732,356.197L83.89,343.578Z"/>
+        <path {{ $attributes->merge(['class' => 'text-accent']) }} d="M403.057,462.599C412.109,479.736 430.231,504.115 465.183,522.924L466.14,523.442L458.465,534.863L457.586,534.391C419.225,513.745 399.276,486.879 389.295,467.98C380.508,451.336 378.406,434.828 379.826,419.97C384.383,385.186 414.727,373.954 414.727,373.954C402.573,387.065 383.727,425.985 403.057,462.599Z"/>
+        <path {{ $attributes->merge(['class' => 'text-accent']) }} d="M322.397,408.686C322.397,408.686 360.323,391.713 392.009,422.14L382.306,429.591C369.382,416.512 339.485,407.613 322.397,408.686Z"/>
+        <path {{ $attributes->merge(['class' => 'text-accent']) }} d="M690.853,274.028C735.995,311.348 753.013,373.417 740.587,407.967C734.08,426.056 723.599,439.419 712.073,449.263C685.57,471.905 649.16,462.799 649.16,462.799C651.515,462.516 707.46,455.197 726.054,403.494C736.835,373.524 720.838,316.972 680.654,283.744C656.633,263.884 614.846,244.873 552.154,267.086C489.758,289.191 475.391,326.522 474.322,353.951C472.725,395.045 499.768,434.915 514.438,442.054C514.438,442.054 481.579,436.735 467.588,400.693C461.928,385.953 458.458,369.521 459.1,353.048C460.315,321.737 476.396,279.231 546.1,254.536C616.21,229.702 663.52,251.425 690.853,274.028Z"/>
+        <path {{ $attributes->merge(['class' => 'text-accent']) }} d="M574.041,405.452C577.929,399.868 582.591,394.925 588.017,390.626C622.566,366.135 666.154,382.688 666.154,382.688C627.495,382.845 600.885,392.975 587.077,412.802C566.225,442.734 580.371,485.117 583.223,490.479L569.482,495.902C565.551,488.513 549.669,440.434 574.041,405.452Z"/>
+        <path {{ $attributes->merge(['class' => 'text-accent']) }} d="M586.976,325.57C586.976,325.57 612.868,328.978 618.672,355.583C621.052,372.019 615.594,386.416 603.3,396.116L594.44,387.377C606.107,378.168 607.013,365.603 605.724,356.686C603.595,342.023 594.518,329.351 586.976,325.57Z"/>
+        <path {{ $attributes->merge(['class' => 'text-accent']) }} d="M708.183,440.658C738.696,458.976 721.687,492.93 721.687,492.93C725.772,471.083 707.178,453.368 701.816,450.565L708.183,440.658Z"/>
+        <path {{ $attributes->merge(['class' => 'text-accent']) }} d="M793.227,434.541L805.895,427.418C827.426,456.566 813.55,497.025 809.929,503.784L796.126,497.678C798.539,493.179 810.551,457.997 793.227,434.541Z"/>
+        <path {{ $attributes->merge(['class' => 'text-accent']) }} d="M843.106,432.778C872.723,432.517 895.844,420.562 906.531,399.983C906.531,399.983 907.929,428.423 880.172,440.043C869.358,444.009 857.092,446.148 843.754,446.269C837.448,446.323 831.171,445.926 825.002,445.114C790.398,440.559 759.118,422.884 743.733,398.136C712.965,348.644 746.651,293.716 782.802,273.093C802.223,262.012 823.22,255.668 842.44,254.262C876.032,253.772 883.4,276.414 883.4,276.414C864.944,262.029 824.51,265.578 791.345,284.501C760.84,301.905 731.064,350.173 757.023,391.933C772.169,416.297 807.583,433.1 843.106,432.778Z"/>
+        <path {{ $attributes->merge(['class' => 'text-accent']) }} d="M901.023,427.592C919.082,437.647 914.375,459.502 914.375,459.502C914.382,455.074 911.352,449.929 905.845,445.02C898.256,438.251 889.946,435.226 888.088,435.21C888.281,435.213 882.328,424.936 882.328,424.936C886.457,422.572 892.743,423.469 901.023,427.592Z"/>
+        <path {{ $attributes->merge(['class' => 'text-accent']) }} d="M841.501,320.927C869.016,346.791 923.886,334.774 930.727,332.154L937.161,344.56C930.833,346.984 903.788,353.308 876.093,349.661C844.437,342.756 841.501,320.927 841.501,320.927Z"/>
+        <path {{ $attributes->merge(['class' => 'text-accent']) }} d="M856.8,381.78C856.8,381.78 854.677,356.846 873.976,346.331C881.356,342.487 889.96,339.571 899.7,338.12L902.276,349.522C873.542,353.801 859.967,372.495 856.8,381.78Z"/>
+        <path {{ $attributes->merge(['class' => 'text-accent']) }} d="M609.849,376.237C641.704,348.782 649.339,320.22 649.339,320.22C651.29,328.519 647.387,350.181 634.449,367.575C629.624,374.059 623.544,379.948 616.045,384.331L609.849,376.237Z"/>
+        <path {{ $attributes->merge(['class' => 'text-accent']) }} d="M834.92,234.947C840.865,227.575 848.327,221.775 857.035,217.633C881.755,204.76 908.313,222.518 908.313,222.518C888.901,219.963 862.264,221.245 845.624,241.87L834.92,234.947Z"/>
+        <path {{ $attributes->merge(['class' => 'text-accent']) }} d="M831.928,192.93C831.928,192.93 855.516,211.969 848.036,239.116C840.815,259.861 823.515,271.361 810.178,275.615L804.608,262.904C806.453,262.317 849.598,247.868 831.928,192.93Z"/>
+        <path {{ $attributes->merge(['class' => 'text-accent']) }} d="M730.919,99.579C730.919,99.579 763.085,113.201 772.811,151.075C776.7,170.409 776.278,191.455 771.605,214.455C761.626,263.558 702.305,281.445 679.251,280.632L679.359,267.156C693.228,267.644 747.798,255.006 756.611,211.647C765.902,165.932 757.739,130.323 730.919,99.579Z"/>
+        <path {{ $attributes->merge(['class' => 'text-accent']) }} d="M762.546,160.453C800.164,134.33 864.452,138.777 878.343,142.312L874.583,155.268C864.309,152.659 804.878,148.468 772.188,171.172L762.546,160.453Z"/>
+        <path {{ $attributes->merge(['class' => 'text-accent']) }} d="M630.258,70.076L643.679,64.083C644.1,64.79 673.076,114.431 662.623,161.021C654.783,197.124 613.774,203.603 613.774,203.603C683.262,160.803 630.799,70.977 630.258,70.076Z"/>
+        <path {{ $attributes->merge(['class' => 'text-accent']) }} d="M659.485,165.881C663.907,186.681 682.077,207.853 695.622,213.847C695.622,213.847 651.903,202.29 646.659,167.659L659.485,165.881Z"/>
+        <path {{ $attributes->merge(['class' => 'text-accent']) }} d="M539.576,186.699C541.122,210.599 554.444,240.07 576.078,247.622L570.893,260.15C542.825,250.352 526.242,215.953 524.367,187.035C523.494,173.554 526.287,151.23 536.041,131.967C553.129,100.656 581.582,110.001 581.582,110.001C548.902,118.029 538.098,163.918 539.576,186.699Z"/>
+        <path {{ $attributes->merge(['class' => 'text-accent']) }} d="M493.292,103.391C493.292,103.391 525.2,108.011 535.526,135.513C538.424,143.235 540.253,152.053 540.204,161.981L527.145,161.553C527.336,122.786 493.632,103.579 493.292,103.391Z"/>
+        <path {{ $attributes->merge(['class' => 'text-accent']) }} d="M276.948,160.286C277.399,160.303 311.64,161.895 336.502,187.86C344.788,196.516 352.036,207.878 356.639,222.792C374.898,281.945 349.413,306.144 319.144,323.482C309.497,329.013 295.604,330.674 280.619,328.701C269.215,327.2 257.176,323.595 245.876,317.989C231.133,310.674 218.952,300.706 209.701,288.689C189.323,255.458 204.276,225.968 204.276,225.968C204.379,274.859 234.842,297.268 252.991,306.273C276.57,317.97 300.259,318.002 310.581,312.087C335.503,297.81 358.45,279.395 341.951,225.95C326.56,176.089 276.948,160.286 276.948,160.286Z"/>
+        <path {{ $attributes->merge(['class' => 'text-accent']) }} d="M351.881,137.831C351.881,137.831 334.475,159.829 340.948,195.549L328.057,197.016C320.399,154.765 351.881,137.831 351.881,137.831Z"/>
+        <path {{ $attributes->merge(['class' => 'text-accent']) }} d="M153.949,295.541C153.949,295.541 171.351,271.232 201.075,276.773C207.935,278.053 215.116,280.367 222.406,284.126L216.118,294.07C184.328,277.698 154.249,295.363 153.949,295.541Z"/>
+        <path {{ $attributes->merge(['class' => 'text-accent']) }} d="M197.109,163.312C203.351,163.568 225.129,169.866 245.94,182.735C292.963,211.559 273.952,244.742 273.952,244.742C272.306,198.284 202.893,177.207 196.827,176.78L197.109,163.312Z"/>
+        <path {{ $attributes->merge(['class' => 'text-accent']) }} d="M405.259,76.415C409.176,79.606 443.528,109.023 443.781,158.317C444.017,204.496 406.987,221.615 406.987,221.615C407.205,221.492 428.805,207.829 428.547,157.937C428.324,114.494 398.54,88.97 395.144,86.2L405.259,76.415Z"/>
+        <path {{ $attributes->merge(['class' => 'text-accent']) }} d="M442.447,165.707C445.65,183.47 472.051,205.798 482.678,207.829C482.678,207.829 438.374,205.199 429.554,167.162L442.447,165.707Z"/>
+        <path {{ $attributes->merge(['class' => 'text-accent']) }} d="M528.269,208.508L543.276,206.633C543.59,208.225 550.613,245.979 521.528,275.478C495.28,302.101 458.033,314.248 418.869,309.091C417.654,308.932 416.445,308.757 415.226,308.561C378.701,302.768 354.675,288.29 347.06,276.512L360.223,270.105C364.706,277.043 384.206,290.018 417.431,295.288C452.627,300.856 486.324,290.348 509.913,266.423C534.272,241.715 528.331,208.838 528.269,208.508Z"/>
+        <path {{ $attributes->merge(['class' => 'text-accent']) }} d="M346.454,612.287C346.454,612.287 364.459,630.137 350.49,655.895C346.095,662.684 342.024,666.615 341.627,666.989L330.334,657.619C330.525,657.439 349.385,639.196 346.454,612.287Z"/>
+        <path {{ $attributes->merge(['class' => 'text-accent']) }} d="M746.169,21.499C756.017,22.795 765.878,25.001 775.478,28.052C846.582,50.652 881.597,100.292 890.828,137.976C955.354,158.86 994.038,204.652 997.236,264.281C999.012,297.296 988.628,322.18 966.359,338.423C979.244,347.991 988.032,359.715 992.343,368.627C996.839,377.939 1002.72,402.821 999.332,429.929C996.187,455.119 983.953,490.419 943.534,515.538C921.02,529.53 898.079,537.216 875.214,538.444C874.524,557.481 866.669,577.821 852.635,596.528C833.067,622.623 803.096,642.513 769.991,651.49C766.899,656.306 763.357,660.861 760.17,664.955C752.191,675.212 745.299,684.072 745.21,693.867C745.015,715.994 760.064,728.832 760.639,729.311L768.69,735.812C770.809,737.518 771.894,740.002 771.599,742.476C771.308,744.951 769.679,747.105 767.227,748.26L695.574,782.012C693.919,782.79 692.07,783.039 690.288,782.805C688.153,782.524 686.117,781.546 684.646,779.964L680.573,775.585C666.603,760.562 658.245,747.077 650.775,727.481C649.287,723.582 648.322,719.717 647.301,715.615C643.246,699.342 639.415,683.975 602.531,669.984C582.529,662.395 566.583,652.959 555.043,641.893C536.815,644.647 517.346,644.794 498.397,642.299C492.15,641.477 486.064,640.365 480.225,638.984C478.528,641.351 476.724,643.657 474.834,645.894C450.844,674.272 417.216,682.715 393.226,684.799C381.934,685.782 370.071,685.527 358.921,684.059C351.917,683.137 345.364,681.766 339.649,680.041C319.088,696.008 283.075,711.345 242.877,706.053C230.564,704.432 218.283,700.97 206.372,695.761C181.07,684.694 162.338,667.791 152.203,646.89C145.306,632.663 142.634,616.673 144.507,601.785C139.806,601.472 135.2,601.017 130.725,600.428C96.286,595.894 67.686,583.183 45.707,562.646C12.903,531.987 -3.897,482.581 0.767,430.49C5.257,380.339 40.511,354.902 62.285,343.855C46.313,320.624 24.457,273.681 56.708,219.503C89.53,164.361 147.812,155.406 179.02,154.885C179.027,132.85 187.435,92.873 241.101,62.81C273.272,44.788 306.984,37.939 341.311,42.462C365.525,45.65 384.1,53.896 395.041,59.951C402.448,50.197 414.871,36.551 433.253,24.573C456.287,9.566 482.031,1.374 509.768,0.225C523.796,-0.356 537.288,0.189 549.873,1.846C595.648,7.874 623.192,27.2 639.177,44.655C661.749,29.219 700.506,15.487 746.169,21.499ZM745.165,29.122C697.38,22.831 657.024,39.885 637.949,55.854C625.287,39.581 598.795,16.044 548.865,9.469C537.348,7.953 524.59,7.339 510.461,7.925C452.387,10.329 414.353,45.661 397.781,70.781C385.798,62.844 365.594,53.414 340.307,50.085C313.364,46.538 280.651,49.905 245.926,69.359C189.011,101.247 186.254,144.267 188.094,162.668C163.458,161.805 98.829,165.496 64.437,223.27C30.466,280.339 60.508,328.89 74.754,346.889C55.606,354.896 14.204,378.198 9.445,431.35C4.976,481.26 20.86,528.397 51.934,557.44C72.538,576.699 99.287,588.534 131.729,592.805C139.117,593.778 146.795,594.358 154.77,594.547C147.126,623.344 158.439,666.305 210.023,688.874C221.738,693.999 233.085,697.009 243.88,698.43C288.704,704.331 324.069,682.794 337.482,671.143C343.311,673.373 351.058,675.269 359.925,676.436C369.639,677.715 380.709,678.122 392.095,677.127C414.398,675.189 445.634,667.37 467.806,641.145C470.947,637.429 473.669,633.693 476.048,629.954C483.187,631.956 491.044,633.576 499.401,634.676C517.749,637.092 538.341,637.065 558.132,633.497C566.971,643.025 581.569,653.745 605.736,662.914C646.914,678.533 651.633,697.476 655.797,714.19C656.764,718.071 657.68,721.736 659.01,725.23C666.101,743.826 674.012,756.601 687.22,770.803L691.292,775.182L762.945,741.43L754.889,734.933C754.703,734.781 736.275,719.609 736.507,693.555C736.616,681.44 744.547,671.243 752.948,660.444C756.865,655.411 760.818,650.309 763.97,644.946C800.832,635.856 828.982,613.927 845.338,592.12C860.499,571.901 867.745,550.109 866.404,530.89C873.884,531.027 881.855,530.414 890.261,528.779C905.055,525.902 921.196,519.861 938.38,509.182C1009.87,464.746 991.028,385.267 984.357,371.461C978.94,360.259 967.066,346.748 951.448,338.201C971.373,327.501 990.859,307.537 988.544,264.393C985.435,206.49 947.161,162.729 883.274,143.713C875.616,104.13 839.209,56.412 772.778,35.297C763.372,32.308 754.136,30.303 745.165,29.122Z"/>
+    </svg>
+    <span class="sr-only">Investbrain</span>
+</a>
\ No newline at end of file
diff --git a/resources/views/components/ui/menu-item.blade.php b/resources/views/components/ui/menu-item.blade.php
new file mode 100644
index 0000000..5f7ebf2
--- /dev/null
+++ b/resources/views/components/ui/menu-item.blade.php
@@ -0,0 +1,79 @@
+@props([
+    'id' => null,
+    'title' => null,
+    'icon' => null,
+    'spinner' => null,
+    'link' => null,
+    'route' => null,
+    'external' => false,
+    'noWireNavigate' => false,
+    'badge' => null,
+    'badgeClasses' => null,
+    'badge' => false,
+    'separator' => false,
+    'enabled' => true,
+])
+
+@aware(['activateByRoute' => false, 'activeBgColor' => 'bg-neutral text-neutral-content'])
+
+@php
+    $spinnerTarget = $spinner == true ? $attributes->whereStartsWith('wire:click')->first() : $spinner;
+@endphp
+
+@if (!$enabled) 
+    {{-- DISABLED --}}
+@else
+    {{-- ENABLED --}}
+    <li 
+        title="{{ $title }}" 
+        {{ $attributes->class(["my-0.5 hover:text-inherit rounded-md"]) }}
+    >
+        <a
+            @if($link)
+                href="{{ $link }}"
+
+                @if($activateByRoute)
+                    wire:current="{{ $activeBgColor }}"
+                @endif
+
+                @if($external)
+                    target="_blank"
+                @endif
+
+                @if(!$external && !$noWireNavigate)
+                    {{ $attributes->wire('navigate')->value() ? $attributes->wire('navigate') : 'wire:navigate' }}
+                @endif
+            @endif
+
+            @if($spinner)
+                wire:target="{{ $spinnerTarget }}"
+                wire:loading.attr="disabled"
+            @endif
+        >
+            {{-- SPINNER --}}
+            @if($spinner)
+                <span wire:loading wire:target="{{ $spinnerTarget }}" class="loading loading-spinner w-5 h-5"></span>
+            @endif
+
+            @if($icon)
+                <span class="block -mt-0.5" @if($spinner) wire:loading.class="hidden" wire:target="{{ $spinnerTarget }}" @endif>
+                    <x-ui.icon :name="$icon" />
+                </span>
+            @endif
+
+            @if($title || $slot->isNotEmpty())
+            <span class="whitespace-nowrap">
+                @if($title)
+                    {{ $title }}
+
+                    @if($badge)
+                        <span class="badge badge-sm ml-2 {{ $badgeClasses }}">{{ $badge }}</span>
+                    @endif
+                @else
+                    {{ $slot }}
+                @endif
+            </span>
+            @endif
+        </a>
+    </li>
+@endif
diff --git a/resources/views/components/ui/menu.blade.php b/resources/views/components/ui/menu.blade.php
new file mode 100644
index 0000000..03cb66d
--- /dev/null
+++ b/resources/views/components/ui/menu.blade.php
@@ -0,0 +1,28 @@
+@props([
+    'title' => null,
+    'icon' => null,
+    'separator' => false, 
+    'activateByRoute' => false, 
+    'activeBgColor' => 'bg-base-100'
+])
+
+<ul {{ $attributes->class(["menu rounded-md"]) }} >
+    @if($title)
+        <li class="menu-title text-inherit uppercase">
+            <div class="flex items-center gap-2">
+
+                @if($icon)
+                    <x-ui.icon :name="$icon" class="w-4 h-4 inline-flex"  />
+                @endif
+
+                {{ $title }}
+            </div>
+        </li>
+    @endif
+
+    @if($separator)
+        <hr class="mb-3"/>
+    @endif
+
+    {{ $slot }}
+</ul>
\ No newline at end of file
diff --git a/resources/views/components/ui/modal.blade.php b/resources/views/components/ui/modal.blade.php
new file mode 100644
index 0000000..544f2b0
--- /dev/null
+++ b/resources/views/components/ui/modal.blade.php
@@ -0,0 +1,116 @@
+@props([
+    'key' => 'modal',
+    'title' => null,
+    'subtitle' => null,
+    'persistent' => false,
+    'withoutTrapFocus' => false,
+    'boxClass' => '',
+    'noCard' => false,
+    'shortcut' => null,
+    'noTeleport' => false,
+])
+
+@if(!$noTeleport)
+<template x-teleport="body">
+@endif
+    <dialog
+        x-data="{ 
+            @if (!empty($attributes->whereStartsWith('wire:model')->first()))
+                init(){
+                    this.$watch('wireModelValue', value => value ? this.show() : this.close())
+                },
+                wireModelValue: $wire.entangle('{{ $attributes->whereStartsWith('wire:model')->first() }}').live,
+            @endif
+            open: false,
+            close() {
+                this.open = false;
+                this.$el.close()
+            },
+            cancel() {
+                @if($persistent)
+                    this.$refs.modalContent.classList.add('wiggle')
+                    this.$refs.modalContent.addEventListener('animationend', (e) => {
+                        this.$refs.modalContent.classList.remove('wiggle')
+                    })
+                @else
+                    this.close()
+                @endif
+            },
+            show() {
+                this.open = true;
+                @if($persistent)
+                    this.$el.showModal();
+                @else
+                    this.$el.show();
+                @endif
+            }
+        }"
+
+        @close="close()"
+        :open="open"
+
+        {{ 
+            $attributes->filter(
+                fn ($value, $key) => !Str::startsWith($key, 'wire:model')
+            )->class(["modal duration-50 z-50"]) 
+        }}
+
+        id="{{ $key }}"
+
+        x-on:toggle-{{ $key }}.window="open ? close() : show();"
+
+        @if($shortcut)
+            @keydown.window.prevent.{{ $shortcut }}="show();"
+        @endif
+
+        @keydown.escape.prevent.stop="cancel()"
+
+        @if(!$withoutTrapFocus)
+            x-trap="open" 
+            x-bind:inert="!open"
+        @endif
+    >
+        {{-- BACKDROP --}}
+        <div 
+            @click.prevent.stop="cancel()" 
+            class="absolute inset-0 w-full h-full bg-base-300/50"
+            x-show="open"
+        ></div>
+        
+        {{-- MODAL CONTENT --}}
+        <div x-ref="modalContent" class="modal-box overflow-y-visible p-0 {{ $boxClass }}">
+
+            @if(!$noCard)
+                <x-ui.card     
+                    :title="$title"
+                    :subtitle="$subtitle"
+                    expanded="true"
+                >
+        
+                @if (!$persistent && !$noCard)
+                    <x-ui.button 
+                        icon="o-x-mark" 
+                        title="{{ __('Close') }}"
+                        class="absolute top-4 right-4 btn-ghost btn-circle btn-sm z-10" 
+                        @click="close()" 
+                        tabindex="-999"
+                    />
+                @endif
+                    
+                    {{ $slot }}
+
+                </x-ui.card>
+
+            @else 
+
+                {{ $slot }}
+
+            @endif
+
+        </div>
+        
+    </dialog>
+
+@if(!$noTeleport)
+</template> 
+@endif
\ No newline at end of file
diff --git a/resources/views/components/ui/progress.blade.php b/resources/views/components/ui/progress.blade.php
new file mode 100644
index 0000000..3acf7a6
--- /dev/null
+++ b/resources/views/components/ui/progress.blade.php
@@ -0,0 +1,14 @@
+@props([
+    'value' => 0,
+    'max' => 100,
+    'indeterminate' => null,
+])
+
+<progress
+    {{ $attributes->class("progress") }}
+
+    @if(!$indeterminate)
+        value="{{ $value }}"
+        max="{{ $max }}"
+    @endif
+></progress>
\ No newline at end of file
diff --git a/resources/views/components/section-border.blade.php b/resources/views/components/ui/section-border.blade.php
similarity index 73%
rename from resources/views/components/section-border.blade.php
rename to resources/views/components/ui/section-border.blade.php
index 9512464..9bf8cef 100644
--- a/resources/views/components/section-border.blade.php
+++ b/resources/views/components/ui/section-border.blade.php
@@ -1,5 +1,5 @@
 
 <div {{ $attributes->class(['my-6' => !$attributes->has('class'), 'h-4 sm:h-auto' => $attributes->has('hide-on-mobile')]) }}>
 
-    <hr class="{{ $attributes->has('hide-on-mobile') ? 'hidden sm:block' : '' }} border-t border-gray-200 dark:border-gray-700" />
+    <hr class="{{ $attributes->has('hide-on-mobile') ? 'hidden sm:block' : '' }} border-t border-gray-200/50 dark:border-gray-700/50" />
 </div>
\ No newline at end of file
diff --git a/resources/views/components/ui/select.blade.php b/resources/views/components/ui/select.blade.php
new file mode 100644
index 0000000..895210e
--- /dev/null
+++ b/resources/views/components/ui/select.blade.php
@@ -0,0 +1,112 @@
+@props([
+    'id' => null,
+    'label' => null,
+    'icon' => null,
+    'hint' => null,
+    'hintClass' => 'label-text-alt text-gray-400 ps-1 mt-2',
+    'placeholder' => null,
+    'optionValue' => 'id',
+    'optionLabel' => 'name',
+    'options' => array(),
+
+    'prepend' => null,
+    'append' => null,
+
+    'errorField' => null,
+    'errorClass' => 'text-red-500 label-text-alt p-1',
+    'omitError' => false,
+    'firstErrorOnly' => false,
+])
+
+@php
+    $modelName = $attributes->whereStartsWith('wire:model')->first();
+    $errorFieldName = $errorField ?? $modelName;
+    $id = $id == $modelName ? $modelName : "{$id}{$modelName}";
+@endphp
+
+<div>
+
+    {{-- STANDARD LABEL --}}
+    @if($label)
+        <label for="{{ $id }}" class="pt-0 label label-text font-semibold">
+            <span>
+                {{ $label }}
+
+                @if($attributes->get('required'))
+                    <span class="text-error">*</span>
+                @endif
+            </span>
+        </label>
+    @endif
+
+    {{-- PREPEND/APPEND CONTAINER --}}
+    @if($prepend || $append)
+        <div class="flex">
+    @endif
+
+    {{-- PREPEND --}}
+    @if($prepend)
+        <div class="rounded-s-lg flex items-center bg-base-200">
+            {{ $prepend }}
+        </div>
+    @endif
+
+    <div class="relative flex-1">
+        <select
+            id="{{ $id }}"
+            {{ $attributes->whereDoesntStartWith('class') }}
+            {{ $attributes->class([
+                    'select select-primary w-full font-normal',
+                    'ps-10' => ($icon),
+                    'rounded-s-none' => $prepend,
+                    'rounded-e-none' => $append,
+                    'border border-dashed' => $attributes->has('readonly') && $attributes->get('readonly') == true,
+                    'select-error' => $errors->has($errorFieldName)
+                ])
+            }}
+
+        >
+            @if($placeholder)
+                <option value="">{{ $placeholder }}</option>
+            @endif
+
+            @foreach ($options as $option)
+                <option value="{{ data_get($option, $optionValue) }}" @if(data_get($option, 'disabled')) disabled @endif>{{ data_get($option, $optionLabel) }}</option>
+            @endforeach
+        </select>
+
+        {{-- ICON --}}
+        @if($icon)
+            <x-ui.icon :name="$icon" class="z-60 absolute pointer-events-none top-1/2 -translate-y-1/2 start-3 text-gray-400" />
+        @endif
+
+    </div>
+
+    {{-- APPEND --}}
+    @if($append)
+        <div class="rounded-e-lg flex items-center bg-base-200">
+            {{ $append }}
+        </div>
+    @endif
+
+    {{-- END: APPEND/PREPEND CONTAINER  --}}
+    @if($prepend || $append)
+        </div>
+    @endif
+
+    {{-- ERROR --}}
+    @if(!$omitError && $errors->has($errorFieldName))
+        @foreach($errors->get($errorFieldName) as $message)
+            @foreach(Arr::wrap($message) as $line)
+                <div class="text-red-500 label-text-alt p-1" x-classes="text-red-500 label-text-alt p-1">{{ $line }}</div>
+                @break($firstErrorOnly)
+            @endforeach
+            @break($firstErrorOnly)
+        @endforeach
+    @endif
+
+    {{-- HINT --}}
+    @if($hint)
+        <div class="{{ $hintClass }}" x-classes="label-text-alt text-gray-400 ps-1 mt-2">{{ $hint }}</div>
+    @endif
+</div>
\ No newline at end of file
diff --git a/resources/views/components/ui/spotlight.blade.php b/resources/views/components/ui/spotlight.blade.php
new file mode 100644
index 0000000..513a0fb
--- /dev/null
+++ b/resources/views/components/ui/spotlight.blade.php
@@ -0,0 +1,147 @@
+@props([
+    'id' => null,
+    'shortcut' => "meta.g",
+    'searchText' => "Search ...",
+    'noResultsText' => "Nothing found.",
+    'url' => null,
+    'fallbackAvatar' => null,
+])
+
+@php
+    $url = $url ?? route('spotlight', absolute: false);
+@endphp
+
+<div x-data="{
+    loading: false,
+    value: '',
+    results: [],
+    maxDebounce: 250,
+    debounceTimer: null,
+    controller: new AbortController(),
+    query: '',
+    searchedWithNoResults: false,
+    init(){
+        this.$watch('value', value => {
+            this.loading = true
+
+            this.debounce(() => this.search(), this.maxDebounce)
+        })
+    },
+    debounce(fn, waitTime) {
+        clearTimeout(this.debounceTimer)
+        this.debounceTimer = setTimeout(() => fn(), waitTime)
+    },
+    async search() {
+
+        if (this.value == '') {
+            this.results = [];
+            this.loading = false
+            return
+        }
+
+        try {
+            this.controller?.abort()
+            this.controller = new AbortController();
+
+            let response = await fetch(`{{$url}}?search=${this.value}&${this.query}`, { signal: this.controller.signal })
+            this.results = await response.json()
+        } catch(e) {
+            console.log(e)
+            return
+        }
+
+        this.loading = false
+
+        Object.keys(this.results).length
+            ? this.searchedWithNoResults = false
+            : this.searchedWithNoResults = true
+    }
+}">
+    <x-ui.modal
+        key="spotlight"
+        class="backdrop-blur-sm shadow-xl"
+        box-class="absolute top-10 lg:top-24 w-full lg:max-w-3xl "
+        no-card="true"
+        shortcut="slash"
+        @keydown.up="$focus.wrap().previous()"
+        @keydown.down="$focus.wrap().next()"
+    >
+        <div class="relative">
+
+            {{-- CLOSE --}}
+            <x-ui.button 
+                title="{{ __('Close') }} (esc)"
+                class="absolute top-1/2 -translate-y-1/2 right-4 btn btn-ghost hover:bg-transparent border-none shadow-none btn-xs select-none z-50" 
+                @click="close()" 
+                @focus="$focus.lastFocused().focus()"
+            >
+                <kbd class="kbd kbd-sm">ESC</kbd>
+            </x-ui.button>
+
+            {{-- INPUT --}}
+            <x-ui.input
+                id="{{ $id }}"
+                icon="o-magnifying-glass"
+                x-model="value"
+                placeholder=" {{ $searchText }}"
+                class="text-xl flex w-full input my-2 py-6 border-none outline-none shadow-none border-transparent focus:shadow-none focus:outline-none focus:border-transparent"
+                @focus="$el.focus()"
+                autofocus
+                tabindex="1"
+            />
+
+            {{-- PROGRESS --}}
+            <x-ui.progress 
+                x-show="loading"
+                class="z-60 absolute left-0 bottom-0 w-full progress progress-secondary h-[2px]" 
+                indeterminate="true"
+            />
+        </div>
+
+        {{-- NO RESULTS --}}
+        <template x-if="searchedWithNoResults && value != ''">
+            <div class="bg-base-100 text-base-content/50 p-4 spotlight-element">{{ $noResultsText }}</div>
+        </template>
+
+        {{-- RESULTS --}}
+        <div 
+            @click="close()"
+            @keydown.enter="close()"
+        >
+            <template x-for="(item, index) in results" :key="index">
+
+                {{-- ITEM --}}
+                <a x-bind:href="item.link" class="spotlight-element" wire:navigate tabindex="0">
+                    <div class="p-4 bg-base-100 hover:bg-base-200 rounded-md">
+                        <div class="flex gap-3 items-center">
+
+                            {{-- ICON --}}
+                            <template x-if="item.icon">
+                                <div x-html="item.icon"></div>
+                            </template>
+
+                            {{-- AVATAR --}}
+                            <template x-if="item.avatar && !item.icon">
+                                <div>
+                                    <img :src="item.avatar" class="rounded-full w-11 h-11" @if($fallbackAvatar) onerror="this.src='{{ $fallbackAvatar }}'" @endif />
+                                </div>
+                            </template>
+                            <div class="flex-1 overflow-hidden whitespace-nowrap text-ellipsis truncate w-0">
+
+                                {{-- NAME --}}
+                                <div x-text="item.name" class="font-semibold truncate"></div>
+
+                                {{-- DESCRIPTION --}}
+                                <template x-if="item.description">
+                                    <div x-text="item.description" class="text-base-content/50 text-sm truncate"></div>
+                                </template>
+                            </div>
+                        </div>
+                    </div>
+                </a>
+            </template>
+            <div x-show="results.length" class="mb-3"></div>
+        </div>
+
+    </x-ui.modal>
+</div>
diff --git a/resources/views/components/ib-textarea.blade.php b/resources/views/components/ui/textarea.blade.php
similarity index 97%
rename from resources/views/components/ib-textarea.blade.php
rename to resources/views/components/ui/textarea.blade.php
index a1a7396..d12fc99 100644
--- a/resources/views/components/ib-textarea.blade.php
+++ b/resources/views/components/ui/textarea.blade.php
@@ -7,7 +7,7 @@
 ])
 
 <div {{ $attributes->class([]) }}>
-    <!-- STANDARD LABEL -->
+    {{-- STANDARD LABEL --}}
     @if($label)
         <label for="{{ $uuid }}" class="pt-0 label label-text font-semibold">
             <span>
@@ -52,7 +52,7 @@
         @endforeach
     @endif
 
-    <!-- HINT -->
+    {{-- HINT --}}
     @if($hint)
         <div x-classes="label-text-alt text-gray-400 py-1 pb-0">{{ $hint }}</div>
     @endif
diff --git a/resources/views/components/ui/theme-selector.blade.php b/resources/views/components/ui/theme-selector.blade.php
new file mode 100644
index 0000000..c8b3db8
--- /dev/null
+++ b/resources/views/components/ui/theme-selector.blade.php
@@ -0,0 +1,42 @@
+@props([
+    'id' => null,
+    'darkTheme' => 'dark',
+    'lightTheme' => 'light',
+    'hidden' => false,
+])
+
+<div class="{{ $hidden ? 'hidden' : '' }}">
+    <label
+        for="{{ $id }}"
+        x-data="{
+            theme: $persist(window.matchMedia('(prefers-color-scheme: dark)').matches ? '{{ $darkTheme }}' : '{{ $lightTheme }}').as('theme'),
+            init() {
+                if (this.theme == '{{ $darkTheme }}') {
+                    this.$refs.sun.classList.add('swap-off');
+                    this.$refs.moon.classList.add('swap-on');
+                } else {
+                    this.$refs.sun.classList.add('swap-on');
+                    this.$refs.moon.classList.add('swap-off');
+                }
+                
+                this.setToggle()
+            },
+            setToggle() {
+                document.documentElement.setAttribute('data-theme', this.theme)
+                this.$dispatch('theme-changed', this.theme)
+            },
+            toggle() {
+                this.theme = this.theme == '{{ $lightTheme }}' ? '{{ $darkTheme }}' : '{{ $lightTheme }}'
+                this.setToggle()
+            }
+        }"
+        {{ $attributes->class(["swap swap-rotate"]) }}
+    >
+        <input id="{{ $id }}" type="checkbox" class="theme-controller opacity-0" @click="toggle()" :value="theme" />
+        <x-ui.icon x-ref="sun" name="o-sun" x-cloak />
+        <x-ui.icon x-ref="moon" name="o-moon" x-cloak />
+    </label>
+</div>
+<script>
+    document.documentElement.setAttribute("data-theme", localStorage.getItem("theme")?.replaceAll("\"", ""))
+</script>
\ No newline at end of file
diff --git a/resources/views/components/ui/toast.blade.php b/resources/views/components/ui/toast.blade.php
new file mode 100644
index 0000000..98a4d41
--- /dev/null
+++ b/resources/views/components/ui/toast.blade.php
@@ -0,0 +1,59 @@
+@props([
+    'position' => 'toast-top toast-end'
+])
+
+<div>
+    @persist('toast')
+    <div
+        x-cloak
+        x-data="{ show: false, timer: '', toast: ''}"
+        @toast.window="
+            clearTimeout(timer);
+            toast = $event.detail.toast
+            setTimeout(() => show = true, 100);
+            timer = setTimeout(() => show = false, $event.detail.toast.timeout);
+    ">
+        <div
+            class="toast rounded-md fixed cursor-pointer z-[999]"
+            :class="toast.position || '{{ $position }}'"
+            x-show="show"
+            x-classes="alert alert-success alert-warning alert-error alert-info top-10 end-10 toast toast-top toast-bottom toast-center toast-end toast-middle toast-start"
+            @click="show = false"
+        >
+            <div class="alert gap-2" :class="toast.css">
+                <div x-html="toast.icon"></div>
+                <div class="grid">
+                    <div x-html="toast.title" class="font-bold"></div>
+                    <div x-html="toast.description" class="text-xs"></div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <script>
+        window.toast = function(payload){
+            window.dispatchEvent(new CustomEvent('toast', {detail: payload}))
+        }
+
+        document.addEventListener('livewire:init', () => {
+            Livewire.hook('request', ({fail}) => {
+                fail(({status, content, preventDefault}) => {
+                    try {
+                        let result = JSON.parse(content);
+
+                        if (result?.toast && typeof window.toast === "function") {
+                            window.toast(result);
+                        }
+
+                        if ((result?.prevent_default ?? false) === true) {
+                            preventDefault();
+                        }
+                    } catch (e) {
+                        console.log(e)
+                    }
+                })
+            })
+        })
+    </script>
+    @endpersist
+</div>
\ No newline at end of file
diff --git a/resources/views/components/ui/toggle.blade.php b/resources/views/components/ui/toggle.blade.php
new file mode 100644
index 0000000..89b40bc
--- /dev/null
+++ b/resources/views/components/ui/toggle.blade.php
@@ -0,0 +1,60 @@
+@props([
+    'id' => null,
+    'label' => null,
+    'right' => false,
+    'hint' => null,
+    'hintClass' => 'label-text-alt text-gray-400 py-1 pb-0',
+    'tight' => false,
+    
+    'errorField' => null,
+    'errorClass' => 'text-red-500 label-text-alt p-1',
+    'omitError' => false,
+    'firstErrorOnly' => false,
+])
+
+@php
+    $modelName = $attributes->whereStartsWith('wire:model')->first();
+    $errorFieldName = $errorField ?? $modelName;
+    $id = $id == $modelName ? $modelName : "{$id}{$modelName}";
+@endphp
+
+<div>
+    <label for="{{ $id }}" class="flex items-center gap-3 cursor-pointer font-semibold">
+
+        @if($right)
+            <span @class(["flex-1" => !$tight])>
+                {{ $label}}
+
+                @if($attributes->get('required'))
+                    <span class="text-error">*</span>
+                @endif
+            </span>
+        @endif
+
+        <input id="{{ $id }}" type="checkbox" {{ $attributes->whereDoesntStartWith('class') }} {{ $attributes->class(['toggle toggle-primary']) }}  />
+
+        @if(!$right)
+            {{ $label}}
+
+            @if($attributes->get('required'))
+                <span class="text-error">*</span>
+            @endif
+        @endif
+    </label>
+
+    {{-- ERROR --}}
+    @if(!$omitError && $errors->has($errorFieldName))
+        @foreach($errors->get($errorFieldName) as $message)
+            @foreach(Arr::wrap($message) as $line)
+                <div class="{{ $errorClass }}" x-classes="text-red-500 label-text-alt p-1">{{ $line }}</div>
+                @break($firstErrorOnly)
+            @endforeach
+            @break($firstErrorOnly)
+        @endforeach
+    @endif
+
+    {{-- HINT --}}
+    @if($hint)
+        <div class="{{ $hintClass }}" x-classes="label-text-alt text-gray-400 py-1 pb-0">{{ $hint }}</div>
+    @endif
+</div>
\ No newline at end of file
diff --git a/resources/views/components/ib-toolbar.blade.php b/resources/views/components/ui/toolbar.blade.php
similarity index 100%
rename from resources/views/components/ib-toolbar.blade.php
rename to resources/views/components/ui/toolbar.blade.php
diff --git a/resources/views/dashboard.blade.php b/resources/views/dashboard.blade.php
index b2d5c4c..5fe72b4 100644
--- a/resources/views/dashboard.blade.php
+++ b/resources/views/dashboard.blade.php
@@ -1,102 +1,84 @@
-@use('App\Models\Currency')
+<x-layouts.app>
 
-<x-app-layout>
+        <x-ui.toolbar title="{{ __('Dashboard') }}"></x-ui.toolbar>
+    
+        @livewire('portfolio-performance-chart', [
+            'name' => 'dashboard'
+        ])
 
-    @livewire('portfolio-performance-chart', [
-        'name' => 'dashboard'
-    ])
-
-    <div class="grid sm:grid-cols-5 gap-5">
-        <x-card class="col-span-5 sm:col-span-1 bg-slate-100 dark:bg-base-200 rounded-lg">
-            <div class="text-sm text-gray-400 whitespace-nowrap truncate">{{ __('Market Gain/Loss') }}</div>
-            <div class="font-black text-xl"> {{ Number::currency($metrics->get('total_market_gain_dollars', 0)) }} </div>
-        </x-card>
-        
-        <x-card class="col-span-5 sm:col-span-1 bg-slate-100 dark:bg-base-200 rounded-lg">
-            <div class="text-sm text-gray-400 whitespace-nowrap truncate">{{ __('Total Cost Basis') }}</div>
-            <div class="font-black text-xl"> {{ Number::currency($metrics->get('total_cost_basis', 0)) }} </div>
-        </x-card>
-        
-        <x-card class="col-span-5 sm:col-span-1 bg-slate-100 dark:bg-base-200 rounded-lg">
-            <div class="text-sm text-gray-400 whitespace-nowrap truncate">{{ __('Total Market Value') }}</div>
-            <div class="font-black text-xl"> {{ Number::currency($metrics->get('total_market_value', 0)) }} </div>
-        </x-card>
-        
-        <x-card class="col-span-5 sm:col-span-1 bg-slate-100 dark:bg-base-200 rounded-lg">
-            <div class="text-sm text-gray-400 whitespace-nowrap truncate">{{ __('Realized Gain/Loss') }}</div>
-            <div class="font-black text-xl"> {{ Number::currency($metrics->get('realized_gain_dollars', 0)) }} </div>
-        </x-card>
-
-        <x-card class="col-span-5 sm:col-span-1 bg-slate-100 dark:bg-base-200 rounded-lg">
-            <div class="text-sm text-gray-400 whitespace-nowrap truncate">{{ __('Dividends Earned') }}</div>
-            <div class="font-black text-xl"> {{ Number::currency($metrics->get('total_dividends_earned', 0)) }} </div>
-        </x-card>
+        <div class="grid sm:grid-cols-5 gap-5">
+            <x-ui.card dense="true" sub-title="{{ __('Market Gain/Loss') }}" class="col-span-5 sm:col-span-1">
+                <div class="font-black text-xl"> {{ Number::currency($metrics->get('total_market_gain_dollars', 0)) }} </div>
+            </x-ui.card>
             
-    </div>
-
-    <div class="mt-6 grid md:grid-cols-7 gap-5">
-
-        <x-ib-card title="{{ __('My portfolios') }}" class="md:col-span-4">
-
-            @if ($user->portfolios->isEmpty())
-                <div class="flex justify-center items-center h-[100px] mb-8">
-                    
-                    <x-button label="{{ __('Import / Export Data') }}" class="btn-primary btn-outline mr-6" link="{{ route('import-export') }}" />
-                    <span>{{ __('or') }}</span>
-                    <x-button label="{{ __('Create your first portfolio!') }}" class="btn-primary ml-6" link="{{ route('portfolio.create') }}" />
-                    
-                </div>
-            @endif
+            <x-ui.card dense="true" sub-title="{{ __('Total Cost Basis') }}" class="col-span-5 sm:col-span-1">
+                <div class="font-black text-xl"> {{ Number::currency($metrics->get('total_cost_basis', 0)) }} </div>
+            </x-ui.card>
             
-            @foreach($user->portfolios as $portfolio)
-                <x-list-item :item="$portfolio" link="{{ route('portfolio.show', ['portfolio' => $portfolio->id]) }}">
-                    <x-slot:value>
-                        {{ $portfolio->title }}
-                        @if($portfolio->wishlist)
-                            <x-badge value="{{ __('Wishlist') }}" class="badge-secondary badge-sm ml-2" />
-                        @endif
-                    </x-slot:value>
-                </x-list-item>
-            @endforeach
+            <x-ui.card dense="true" sub-title="{{ __('Total Market Value') }}" class="col-span-5 sm:col-span-1">
+                <div class="font-black text-xl"> {{ Number::currency($metrics->get('total_market_value', 0)) }} </div>
+            </x-ui.card>
+            
+            <x-ui.card dense="true" sub-title="{{ __('Realized Gain/Loss') }}" class="col-span-5 sm:col-span-1">
+                <div class="font-black text-xl"> {{ Number::currency($metrics->get('realized_gain_dollars', 0)) }} </div>
+            </x-ui.card>
 
-        </x-ib-card>
-
-        @if (!$user->transactions->isEmpty())
-        <x-ib-card title="{{ __('Recent activity') }}" class="md:col-span-3">
+            <x-ui.card dense="true" sub-title="{{ __('Dividends Earned') }}" class="col-span-5 sm:col-span-1">
+                <div class="font-black text-xl"> {{ Number::currency($metrics->get('total_dividends_earned', 0)) }} </div>
+            </x-ui.card>
                 
-            @livewire('transactions-list', [
-                'transactions' => $user->transactions,
-                'showPortfolio' => true,
-                'paginate' => false
-            ])
+        </div>
 
-        </x-ib-card>
-        @endif
+        <div class="mt-6 grid md:grid-cols-7 gap-5">
 
-        @if (!$user->portfolios->isEmpty())
-        <x-ib-card title="{{ __('Top performers') }}" class="md:col-span-3">
+            <x-ui.card title="{{ __('My portfolios') }}" class="md:col-span-4">
 
-            @livewire('top-performers-list', [
-                'holdings' => $user->holdings
-            ])
+                @if ($user->portfolios->isEmpty())
+                    <div class="flex justify-center items-center h-[100px] mb-8">
+                        
+                        <x-ui.button label="{{ __('Import / Export Data') }}" class="btn-primary btn-outline mr-6" link="{{ route('import-export') }}" />
+                        <span>{{ __('or') }}</span>
+                        <x-ui.button label="{{ __('Create your first portfolio!') }}" class="btn-primary ml-6" link="{{ route('portfolio.create') }}" />
+                        
+                    </div>
+                @endif
+                
+                @foreach($user->portfolios as $portfolio)
+                    <x-ui.list-item no-separator :item="$portfolio" link="{{ route('portfolio.show', ['portfolio' => $portfolio->id]) }}">
+                        <x-slot:value>
+                            {{ $portfolio->title }}
+                            @if($portfolio->wishlist)
+                                <x-ui.badge value="{{ __('Wishlist') }}" class="badge-secondary badge-outline badge-sm ml-2" />
+                            @endif
+                        </x-slot:value>
+                    </x-ui.list-item>
+                @endforeach
 
-        </x-ib-card>
-        @endif
+            </x-ui.card>
 
-        {{-- @if (!$user->portfolios->isEmpty())
-        <x-ib-card title="{{ __('Top headlines') }}" class="md:col-span-3">
-         
-            @php
-                $users = App\Models\User::take(3)->get();
-            @endphp
-            
-            @foreach($users as $user)
-                <x-list-item no-separator :item="$user" avatar="profile_photo_url" link="/docs/installation" />
-            @endforeach
+            @if (!$user->transactions->isEmpty())
+            <x-ui.card title="{{ __('Recent activity') }}" class="md:col-span-3">
+                    
+                @livewire('transactions-list', [
+                    'transactions' => $user->transactions,
+                    'showPortfolio' => true,
+                    'paginate' => false
+                ])
 
-        </x-ib-card>
-        @endif --}}
+            </x-ui.card>
+            @endif
 
+            @if (!$user->portfolios->isEmpty())
+            <x-ui.card title="{{ __('Top performers') }}" class="md:col-span-3">
+
+                @livewire('top-performers-list', [
+                    'holdings' => $user->holdings
+                ])
+
+            </x-ui.card>
+            @endif
+
+        </div>
     </div>
     
-</x-app-layout>
\ No newline at end of file
+</x-layouts.app>
\ No newline at end of file
diff --git a/resources/views/holding/holding-dividends-list.blade.php b/resources/views/holding/holding-dividends-list.blade.php
index 7e8f908..6ad2c40 100644
--- a/resources/views/holding/holding-dividends-list.blade.php
+++ b/resources/views/holding/holding-dividends-list.blade.php
@@ -20,7 +20,7 @@ new class extends Component
 <div>
     @foreach ($holding->dividends->take(5) as $dividend)
 
-    <x-list-item :item="$dividend">
+    <x-ui.list-item :item="$dividend" no-separator>
         <x-slot:value>
         
             @php
@@ -35,7 +35,7 @@ new class extends Component
         <x-slot:sub-value>
             <span title="{{ __('Ex Dividend Date') }}">{{ $dividend->date->format('F d, Y') }}</span>
         </x-slot:sub-value>
-    </x-list-item>
+    </x-ui.list-item>
 
     @endforeach
 </div>
\ No newline at end of file
diff --git a/resources/views/holding/holding-market-data.blade.php b/resources/views/holding/holding-market-data.blade.php
index 8f53ff4..670366b 100644
--- a/resources/views/holding/holding-market-data.blade.php
+++ b/resources/views/holding/holding-market-data.blade.php
@@ -21,7 +21,7 @@ new class extends Component
     <div class="font-bold text-2xl py-1 flex items-center">
         {{ Number::currency($holding->market_data->market_value ?? 0, $holding->market_data->currency) }} 
         
-        <x-gain-loss-arrow-badge 
+        <x-ui.gain-loss-arrow-badge 
             :cost-basis="$holding->average_cost_basis"
             :market-value="$holding->market_data->market_value_base"
         />
diff --git a/resources/views/holding/holding-options-form.blade.php b/resources/views/holding/holding-options-form.blade.php
index d923c51..3d1bfb7 100644
--- a/resources/views/holding/holding-options-form.blade.php
+++ b/resources/views/holding/holding-options-form.blade.php
@@ -1,19 +1,17 @@
 <?php
 
 use App\Models\Holding;
-use Illuminate\Support\Collection;
-use Livewire\Attributes\{Computed};
+use App\Traits\Toast;
 use Livewire\Volt\Component;
-use Mary\Traits\Toast;
-use Illuminate\Validation\Rule;
 
-new class extends Component {
+new class extends Component
+{
     use Toast;
 
     // props
     public Holding $holding;
 
-    public Bool $reinvest_dividends = false;
+    public bool $reinvest_dividends = false;
 
     // methods
     public function rules()
@@ -24,9 +22,9 @@ new class extends Component {
         ];
     }
 
-    public function mount() 
+    public function mount()
     {
-        
+
         $this->reinvest_dividends = $this->holding?->reinvest_dividends ?? false;
     }
 
@@ -41,9 +39,9 @@ new class extends Component {
 }; ?>
 
 <div class="" x-data="{ }"> {{-- grid lg:grid-cols-4 gap-10 --}}
-    <x-ib-form wire:submit="save" class=""> {{-- col-span-3 --}}
+    <x-ui.form wire:submit="save" class=""> {{-- col-span-3 --}}
 
-        <x-toggle 
+        <x-ui.toggle 
             label="{{ __('Reinvest Dividends') }}" 
             wire:model="reinvest_dividends" 
             right 
@@ -52,7 +50,7 @@ new class extends Component {
 
         <x-slot:actions>
 
-            <x-button 
+            <x-ui.button 
                 label="{{ __('Save') }}" 
                 type="submit" 
                 icon="o-paper-airplane" 
@@ -60,6 +58,6 @@ new class extends Component {
                 spinner="save"
             />
         </x-slot:actions>
-    </x-ib-form>
+    </x-ui.form>
 
 </div>
\ No newline at end of file
diff --git a/resources/views/holding/holdings-table.blade.php b/resources/views/holding/holdings-table.blade.php
deleted file mode 100644
index f4e93b3..0000000
--- a/resources/views/holding/holdings-table.blade.php
+++ /dev/null
@@ -1,103 +0,0 @@
-<?php
-
-use App\Models\Portfolio;
-use Illuminate\Support\Collection;
-use Livewire\Volt\Component;
-use App\Models\Currency; 
-
-new class extends Component
-{
-    // props
-    public Portfolio $portfolio;
-
-    public array $sortBy = ['column' => 'symbol', 'direction' => 'asc'];
-
-    public array $headers;
-
-    public function mount()
-    {
-        $this->headers = [
-            ['key' => 'symbol', 'label' => __('Symbol')],
-            ['key' => 'market_data_name', 'label' => __('Name'), 'sortable' => true, 'class' => 'hidden md:table-cell'],
-            ['key' => 'quantity', 'label' => __('Quantity')],
-            ['key' => 'average_cost_basis', 'label' => __('Average Cost Basis')],
-            ['key' => 'total_cost_basis', 'label' => __('Total Cost Basis'), 'class' => 'hidden md:table-cell'],
-            ['key' => 'market_data_market_value', 'label' => __('Market Value')],
-            ['key' => 'total_market_value', 'label' => __('Total Market Value'), 'class' => 'hidden md:table-cell'],
-            ['key' => 'market_gain_dollars', 'label' => __('Market Gain/Loss')],
-            ['key' => 'market_gain_percent', 'label' => __('Market Gain/Loss'), 'class' => 'hidden md:table-cell'],
-            ['key' => 'realized_gain_dollars', 'label' => __('Realized Gain/Loss')],
-            ['key' => 'dividends_earned', 'label' => __('Dividends Earned')],
-            ['key' => 'market_data_fifty_two_week_low', 'label' => __('52 week low'), 'class' => 'hidden md:table-cell'],
-            ['key' => 'market_data_fifty_two_week_high', 'label' => __('52 week high'), 'class' => 'hidden md:table-cell'],
-            ['key' => 'num_transactions', 'label' => __('Number of Transactions')],
-            ['key' => 'market_data_updated_at', 'label' => __('Last Refreshed')],
-        ];
-    }
-
-    public function holdings(): Collection
-    {
-
-        $holdings = $this->portfolio
-            ->holdings()
-            ->withCount(['transactions as num_transactions' => function ($query) {
-                return $query->whereRaw('transactions.symbol = holdings.symbol');
-            }])
-            ->orderBy(...array_values($this->sortBy))
-                        // ->where('holdings.quantity', '>', 0)
-            ->get();
-
-        return $holdings;
-    }
-
-    public function goToHolding($holding)
-    {
-        return $this->redirect(route('holding.show', ['portfolio' => $holding['portfolio_id'], 'symbol' => $holding['symbol']]));
-    }
-}; ?>
-
-
-<x-table 
-    :headers="$headers" 
-    :rows="$this->holdings()" 
-    :sort-by="$sortBy"
-    @row-click="$wire.goToHolding($event.detail)"
->
-    @scope('cell_average_cost_basis', $row)
-        {{ Number::currency($row->average_cost_basis ?? 0, $row->market_data->currency) }}
-    
-    @endscope
-    @scope('cell_total_cost_basis', $row)
-        {{ Number::currency($row->total_cost_basis ?? 0, $row->market_data->currency) }}
-    @endscope
-    @scope('cell_realized_gain_dollars', $row)
-        {{ Number::currency($row->realized_gain_dollars ?? 0, $row->market_data->currency) }}
-    @endscope
-    @scope('cell_market_gain_dollars', $row)
-        {{ Number::currency($row->market_gain_dollars ?? 0, $row->market_data->currency) }}
-    @endscope
-    @scope('cell_market_gain_percent', $row)
-        <x-gain-loss-arrow-badge 
-            :cost-basis="$row->average_cost_basis"
-            :market-value="$row->market_data->market_value"  
-        />
-    @endscope
-    @scope('cell_market_data_market_value', $row)
-        {{ Number::currency($row->market_data_market_value ?? 0, $row->market_data->currency) }}
-    @endscope
-    @scope('cell_market_data_fifty_two_week_low', $row)
-        {{ Number::currency($row->market_data_fifty_two_week_low ?? 0, $row->market_data->currency) }}
-    @endscope
-    @scope('cell_market_data_fifty_two_week_high', $row)
-        {{ Number::currency($row->market_data_fifty_two_week_high ?? 0, $row->market_data->currency) }}
-    @endscope
-    @scope('cell_total_market_value', $row)
-        {{ Number::currency($row->total_market_value ?? 0, $row->market_data->currency) }}
-    @endscope
-    @scope('cell_dividends_earned', $row)
-        {{ Number::currency($row->dividends_earned ?? 0, $row->market_data->currency) }}
-    @endscope
-    @scope('cell_market_data_updated_at', $row)
-        {{ \Carbon\Carbon::parse($row->market_data_updated_at)->diffForHumans() }}
-    @endscope
-</x-table>
diff --git a/resources/views/holding/show.blade.php b/resources/views/holding/show.blade.php
index ec18c9d..f07a383 100644
--- a/resources/views/holding/show.blade.php
+++ b/resources/views/holding/show.blade.php
@@ -1,9 +1,9 @@
 @use('App\Models\Currency')
 
-<x-app-layout>
+<x-layouts.app>
     <div x-data>  
 
-        <x-ib-alpine-modal 
+        <x-ui.modal 
             key="create-transaction"
             title="{{ __('Create Transaction') }}"
         >
@@ -12,9 +12,9 @@
                 'symbol' => $holding->market_data->symbol, 
             ])
 
-        </x-ib-alpine-modal>
+        </x-ui.modal>
 
-        <x-ib-alpine-modal 
+        <x-ui.modal 
             key="holding-options"
             title="{{ __('Holding Options') }}"
         >
@@ -22,9 +22,9 @@
                 'holding' => $holding
             ])
 
-        </x-ib-alpine-modal>
+        </x-ui.modal>
 
-        <x-ib-toolbar>
+        <x-ui.toolbar>
             <x-slot:title>
                 <a href="{{ route('portfolio.show', ['portfolio' => $portfolio->id]) }}" title="{{ __('Portfolio') }}">
                     {{ $portfolio->title }}
@@ -33,30 +33,30 @@
             </x-slot:title>
 
             @can('fullAccess', $portfolio)
-            <x-button 
+            <x-ui.button 
                 title="{{ __('Holding options') }}" 
                 icon="o-pencil" 
                 class="btn-circle btn-ghost btn-sm text-secondary" 
                 @click="$dispatch('toggle-holding-options')"
             />
             @else
-            <x-icon name="o-eye" class="text-secondary w-4" title="{{ __('Read only') }}" />
+            <x-ui.icon name="o-eye" class="text-secondary w-4" title="{{ __('Read only') }}" />
             @endcan
 
-            <x-ib-flex-spacer />
+            <x-ui.flex-spacer />
             
             @can('fullAccess', $portfolio)
-            <x-button 
+            <x-ui.button 
                 label="{{ __('Create transaction') }}" 
                 class="btn-sm btn-primary whitespace-nowrap" 
                 @click="$dispatch('toggle-create-transaction')"
             />
             @endcan
-        </x-ib-toolbar>
+        </x-ui.toolbar>
 
         <div class="mt-6 grid md:grid-cols-9 gap-5">
 
-            <x-ib-card class="md:col-span-5">
+            <x-ui.card class="md:col-span-5">
                 <x-slot:title>
 
                     {{ $holding->market_data->symbol }} 
@@ -65,9 +65,9 @@
 
                 @livewire('holding-market-data', ['holding' => $holding])
 
-            </x-ib-card>
+            </x-ui.card>
 
-            <x-ib-card title="{{ __('Fundamentals') }}" class="md:col-span-4">
+            <x-ui.card title="{{ __('Fundamentals') }}" class="md:col-span-4">
 
                 @if(!empty($holding->market_data->market_cap))
                 <p>
@@ -100,7 +100,7 @@
                 <p>
                     <span class="font-bold">{{ __('52 week') }}: </span>
 
-                    <x-fifty-two-week-range :market-data="$holding->market_data" />
+                    <x-ui.fifty-two-week-range :market-data="$holding->market_data" />
                 </p>
 
                 @if(!empty($holding->market_data->dividend_yield))
@@ -120,9 +120,9 @@
                 </p>
                 @endif
                 
-            </x-ib-card>
+            </x-ui.card>
 
-            <x-ib-card title="{{ __('Recent activity') }}" class="md:col-span-3">
+            <x-ui.card title="{{ __('Recent activity') }}" class="md:col-span-3">
 
                 @livewire('transactions-list', [
                     'portfolio' => $holding->portfolio,
@@ -130,9 +130,9 @@
                     'shouldGoToHolding' => false
                 ])
 
-            </x-ib-card>
+            </x-ui.card>
 
-            <x-ib-card title="{{ __('Dividends') }}" class="md:col-span-3">
+            <x-ui.card title="{{ __('Dividends') }}" class="md:col-span-3">
 
                 @if($holding->dividends->isEmpty())
                     <div class="flex justify-center items-center h-full pb-10 text-secondary">
@@ -144,9 +144,9 @@
 
                 @livewire('holding-dividends-list', ['holding' => $holding])
 
-            </x-ib-card>
+            </x-ui.card>
 
-            <x-ib-card title="{{ __('Splits') }}" class="md:col-span-3">
+            <x-ui.card title="{{ __('Splits') }}" class="md:col-span-3">
 
                 @if($holding->splits->isEmpty())
                     <div class="flex justify-center items-center h-full pb-10 text-secondary">
@@ -158,7 +158,7 @@
 
                 @foreach ($holding->splits->take(5) as $split)
 
-                    <x-list-item :item="$split">
+                    <x-ui.list-item :item="$split" no-separator>
                         <x-slot:value>
         
                         1:{{ $split->split_amount }}
@@ -167,17 +167,17 @@
                         <x-slot:sub-value>
                             <span title="{{ __('Distribution Date') }}">{{ $split->date->format('F d, Y') }}</span>
                         </x-slot:sub-value>
-                    </x-list-item>
+                    </x-ui.list-item>
                 
                 @endforeach
 
-            </x-ib-card>
+            </x-ui.card>
 
             @if(config('services.ai_chat_enabled'))
             {{-- // todo: add to system prompt:
                     // Additionally, here is some recent news about {$this->holding->symbol}:
                     // And their latest SEC filings: --}}
-            @livewire('ai-chat-window', [
+            @livewire('ui.ai-chat-window', [
                 'chatable' => $holding,
                 'suggested_prompts' => [
                     [
@@ -228,4 +228,4 @@
         </div>
 
     </div>
-</x-app-layout>
+</x-layouts.app>
diff --git a/resources/views/import-export.blade.php b/resources/views/import-export.blade.php
deleted file mode 100644
index 67e4f6e..0000000
--- a/resources/views/import-export.blade.php
+++ /dev/null
@@ -1,34 +0,0 @@
-<x-app-layout>
-
-        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
-            
-            @livewire('import-portfolios-field')
-
-            <x-section-border hide-on-mobile />
-        </div>
-
-        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
-            <x-forms.action-section>
-                <x-slot name="title">
-                    {{ __('Export') }}
-                </x-slot>
-            
-                <x-slot name="description">
-                    {{ __('Download all of your portfolios and transactions.') }}
-                </x-slot>
-            
-                <x-slot name="content">
-                    
-                    <div class="col-span-6 sm:col-span-4">
-                        @livewire('export-portfolios-button')
-                        
-                    </div>
-            
-                </x-slot>
-        
-            </x-forms.form-section>
-
-
-        </div>
- 
-</x-app-layout>
\ No newline at end of file
diff --git a/resources/views/profile/export-portfolios-button.blade.php b/resources/views/import-export/export-portfolios-button.blade.php
similarity index 56%
rename from resources/views/profile/export-portfolios-button.blade.php
rename to resources/views/import-export/export-portfolios-button.blade.php
index d36fb63..d2b169e 100644
--- a/resources/views/profile/export-portfolios-button.blade.php
+++ b/resources/views/import-export/export-portfolios-button.blade.php
@@ -1,32 +1,33 @@
 <?php
 
-use Livewire\Volt\Component;
-use Mary\Traits\Toast;
-use Maatwebsite\Excel\Facades\Excel;
 use App\Exports\BackupExport;
+use App\Traits\Toast;
 use Illuminate\Support\Facades\RateLimiter;
+use Livewire\Volt\Component;
+use Maatwebsite\Excel\Facades\Excel;
 
-new class extends Component {
+new class extends Component
+{
     use Toast;
 
     // props
-    
+
     // methods
-    public function export() 
-    {        
-        if (!RateLimiter::attempt('export:'.auth()->user()->id, $perMinute = 3, fn()=>null)) {
+    public function export()
+    {
+        if (! RateLimiter::attempt('export:'.auth()->user()->id, $perMinute = 3, fn () => null)) {
 
             $this->error(__('Hang on! You\'re doing that too much.'));
+
             return;
         }
 
-        return Excel::download(new BackupExport, now()->format('Y_m_d') . '_investbrain_backup.xlsx');
+        return Excel::download(new BackupExport, now()->format('Y_m_d').'_investbrain_backup.xlsx');
     }
-
 }; ?>
 
 <div>
-    <x-button type="submit" @click="$wire.export" spinner="export">
+    <x-ui.button type="submit" @click="$wire.export" spinner="export">
         {{ __('Download Export') }}
-    </x-button>
+    </x-ui.button>
 </div>
\ No newline at end of file
diff --git a/resources/views/profile/import-portfolios-field.blade.php b/resources/views/import-export/import-portfolios-field.blade.php
similarity index 85%
rename from resources/views/profile/import-portfolios-field.blade.php
rename to resources/views/import-export/import-portfolios-field.blade.php
index da60734..5f107bf 100644
--- a/resources/views/profile/import-portfolios-field.blade.php
+++ b/resources/views/import-export/import-portfolios-field.blade.php
@@ -2,11 +2,11 @@
 
 use App\Exports\BackupExport;
 use App\Models\BackupImport as BackupImportModel;
+use App\Traits\Toast;
 use Livewire\Attributes\Rule;
 use Livewire\Volt\Component;
 use Livewire\WithFileUploads;
 use Maatwebsite\Excel\Facades\Excel;
-use Mary\Traits\Toast;
 
 new class extends Component
 {
@@ -95,10 +95,10 @@ new class extends Component
     <x-slot:form>
         
         <div class="col-span-6 sm:col-span-4">
-            <x-file wire:model="file" label="{{ __('Select a file') }}" hint="" accept=".xlsx" required />
+            <x-ui.file wire:model="file" label="{{ __('Select a file') }}" hint="" accept=".xlsx" required />
         </div>
 
-        <x-dialog-modal wire:model.live="importStatusDialog" persistent>
+        <x-ui.dialog-modal wire:model.live="importStatusDialog" persistent>
             <x-slot name="title">
 
                 @if($backupImport?->status)
@@ -111,7 +111,7 @@ new class extends Component
             </x-slot>
             <x-slot name="content">
                 @if($backupImport?->status != 'failed')
-                <x-progress 
+                <x-ui.progress 
                     :indeterminate="$backupImport?->status == 'pending'"
                     class="progress-primary h-3"
                     value="{{ $percent }}"
@@ -119,18 +119,18 @@ new class extends Component
                 />
                 @endif
             </x-slot>
-
+            
             <x-slot name="footer">
                 @if($backupImport?->status == 'failed')
 
-                    <x-button wire:click="$toggle('importStatusDialog')"> {{ __('Try again') }} </x-button>
+                    <x-ui.button wire:click="$toggle('importStatusDialog')"> {{ __('Try again') }} </x-ui.button>
                 @else
                     <div wire:poll="checkImportStatus" class="text-gray-400 text-sm">{{ __('Your import will continue in the background') }}</div>
-                    <x-ib-flex-spacer />
-                    <x-button wire:click="$toggle('importStatusDialog')"> {{ __('Close') }} </x-button>
+                    <x-ui.flex-spacer />
+                    <x-ui.button wire:click="$toggle('importStatusDialog')"> {{ __('Dismiss') }} </x-ui.button>
                 @endif
             </x-slot>
-        </x-dialog-modal>
+        </x-ui.dialog-modal>
 
     </x-slot:form>
 
@@ -140,9 +140,9 @@ new class extends Component
             {{ __('Saved.') }}
         </x-forms.action-message>
   
-        <x-button type="submit" wire:loading.attr="disabled" spinner="import">
+        <x-ui.button type="submit" wire:loading.attr="disabled" spinner="import">
             {{ __('Import') }}
-        </x-button>
+        </x-ui.button>
     </x-slot>
 </x-forms.form-section>
 
diff --git a/resources/views/import-export/show.blade.php b/resources/views/import-export/show.blade.php
new file mode 100644
index 0000000..7a8486b
--- /dev/null
+++ b/resources/views/import-export/show.blade.php
@@ -0,0 +1,32 @@
+<x-layouts.app>
+
+    <div class="max-w-7xl mx-auto py-10 sm:px-6 lg:px-8">
+        
+        @livewire('import-portfolios-field')
+
+        <x-ui.section-border hide-on-mobile />
+
+        <x-forms.action-section>
+            <x-slot name="title">
+                {{ __('Export') }}
+            </x-slot>
+        
+            <x-slot name="description">
+                {{ __('Download all of your portfolios and transactions.') }}
+            </x-slot>
+        
+            <x-slot name="content">
+                
+                <div class="col-span-6 sm:col-span-4">
+                    @livewire('export-portfolios-button')
+                    
+                </div>
+        
+            </x-slot>
+    
+        </x-forms.form-section>
+
+
+    </div>
+ 
+</x-layouts.app>
\ No newline at end of file
diff --git a/resources/views/layouts/main-layout.blade.php b/resources/views/layouts/main-layout.blade.php
deleted file mode 100644
index f1bdc21..0000000
--- a/resources/views/layouts/main-layout.blade.php
+++ /dev/null
@@ -1,25 +0,0 @@
-<!DOCTYPE html>
-<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
-    <head>
-        <meta charset="utf-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-        <meta name="csrf-token" content="{{ csrf_token() }}">
-        <link rel="icon" href="{{ asset('favicon.svg') }}">
-
-        <title>{{ config('app.name', 'Investbrain') }}</title>
-
-        <link rel="preconnect" href="https://fonts.bunny.net">
-        <link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />
-
-        @vite(['resources/css/app.css', 'resources/js/app.js'])
-
-        @livewireStyles
-    </head>
-
-    <body {{ $attributes?->merge(['class']) }}>
-
-        @yield('body', $body ?? '')
-
-        @livewireScripts
-    </body>
-</html>
\ No newline at end of file
diff --git a/resources/views/policy.blade.php b/resources/views/policy.blade.php
index ec1963f..b264e8a 100644
--- a/resources/views/policy.blade.php
+++ b/resources/views/policy.blade.php
@@ -1,13 +1,13 @@
-<x-guest-layout>
-    <div class="pt-4 bg-gray-100 dark:bg-gray-900">
+<x-layouts.guest>
+    <div class="my-22">
         <div class="min-h-screen flex flex-col items-center pt-6 sm:pt-0">
             <div class="w-24 mb-10">
-                <x-glyph-only-logo />
+                <x-ui.logo />
             </div>
 
-            <div class="w-full sm:max-w-2xl mt-6 p-6 bg-white dark:bg-gray-800 shadow-md overflow-hidden sm:rounded-lg prose dark:prose-invert">
+            <div class="w-full sm:max-w-2xl mt-6 p-6 overflow-hidden sm:rounded-lg prose dark:prose-invert">
                 {!! $policy !!}
             </div>
         </div>
     </div>
-</x-guest-layout>
+</x-layouts.guest>
diff --git a/resources/views/portfolio/create.blade.php b/resources/views/portfolio/create.blade.php
index 87f74c3..7f6e737 100644
--- a/resources/views/portfolio/create.blade.php
+++ b/resources/views/portfolio/create.blade.php
@@ -1,8 +1,8 @@
-<x-app-layout>
+<x-layouts.app>
     <div>  
 
-        <x-ib-toolbar title="{{ __('Create Portfolio') }}" />
+        <x-ui.toolbar title="{{ __('Create Portfolio') }}" />
 
         @livewire('manage-portfolio-form')
     </div>
-</x-app-layout>
+</x-layouts.app>
diff --git a/resources/views/portfolio/manage-portfolio-form.blade.php b/resources/views/portfolio/manage-portfolio-form.blade.php
index 7dc9e20..0357472 100644
--- a/resources/views/portfolio/manage-portfolio-form.blade.php
+++ b/resources/views/portfolio/manage-portfolio-form.blade.php
@@ -1,33 +1,34 @@
 <?php
 
 use App\Models\Portfolio;
-use Illuminate\Support\Collection;
+use App\Traits\Toast;
+use App\Traits\WithTrimStrings;
 use Livewire\Attributes\Rule;
 use Livewire\Volt\Component;
-use Mary\Traits\Toast;
-use App\Traits\WithTrimStrings;
 
-new class extends Component {
+new class extends Component
+{
     use Toast;
     use WithTrimStrings;
 
     // props
     public ?Portfolio $portfolio;
-    public Bool $hideCancel = false;
+
+    public bool $hideCancel = false;
 
     #[Rule('required|min:5')]
-    public String $title;
+    public string $title;
 
     #[Rule('sometimes|nullable')]
-    public ?String $notes;
+    public ?string $notes;
 
     #[Rule('sometimes|nullable|boolean')]
-    public Bool $wishlist = false;
+    public bool $wishlist = false;
 
-    public Bool $confirmingPortfolioDeletion = false;
+    public bool $confirmingPortfolioDeletion = false;
 
     // methods
-    public function mount() 
+    public function mount()
     {
         if (isset($this->portfolio)) {
 
@@ -49,7 +50,7 @@ new class extends Component {
 
     public function save()
     {
-        $portfolio = (new Portfolio())->fill($this->validate());
+        $portfolio = (new Portfolio)->fill($this->validate());
 
         $portfolio->save();
 
@@ -68,24 +69,24 @@ new class extends Component {
 
 <div class="w-full md:w-3/4">
 
-    <x-ib-form wire:submit="{{ $portfolio ? 'update' : 'save' }}" >
-        <x-input label="{{ __('Title') }}" wire:model="title" required />
+    <x-ui.form wire:submit="{{ $portfolio ? 'update' : 'save' }}" >
+        <x-ui.input label="{{ __('Title') }}" wire:model="title" required />
 
-        <x-ib-textarea class="mt-1" label="{{ __('Notes') }}" wire:model="notes" rows="4" />
+        <x-ui.textarea class="mt-1" label="{{ __('Notes') }}" wire:model="notes" rows="4" />
 
         @if (isset($this->portfolio))
         @livewire('share-portfolio-form', ['portfolio' => $portfolio])
         @endif
 
-        <x-toggle label="{{ __('Wishlist') }}" wire:model="wishlist" >
+        <x-ui.toggle label="{{ __('Wishlist') }}" wire:model="wishlist" >
             <x-slot:hint>
                 {{ __('Treat this portfolio as a "wishlist" (holdings will be excluded from realized gains, unrealized gains, and dividends)') }}
             </x-slot:hint>
-        </x-toggle>
+        </x-ui.toggle>
 
         <x-slot:actions>
             @if ($portfolio)
-                <x-button 
+                <x-ui.button 
                     wire:click="$toggle('confirmingPortfolioDeletion')" 
                     wire:loading.attr="disabled"
                     class="btn  text-error" 
@@ -95,13 +96,13 @@ new class extends Component {
             @endif
 
             @if (!$hideCancel)
-                <x-button label="{{ __('Cancel') }}" link="/dashboard" />
+                <x-ui.button label="{{ __('Cancel') }}" link="/dashboard" />
             @endif
-            <x-button label="{{ $portfolio ? __('Update') : __('Create') }}" type="submit" icon="o-paper-airplane" class="btn-primary" spinner="save" />
+            <x-ui.button label="{{ $portfolio ? __('Update') : __('Create') }}" type="submit" icon="o-paper-airplane" class="btn-primary" spinner="save" />
         </x-slot:actions>
-    </x-ib-form>
+    </x-ui.form>
 
-    <x-confirmation-modal wire:model.live="confirmingPortfolioDeletion">
+    <x-ui.confirmation-modal wire:model.live="confirmingPortfolioDeletion">
         <x-slot name="title">
             {{ __('Delete Portfolio') }}
         </x-slot>
@@ -111,13 +112,13 @@ new class extends Component {
         </x-slot>
 
         <x-slot name="footer">
-            <x-button class="btn-outline" wire:click="$toggle('confirmingPortfolioDeletion')" wire:loading.attr="disabled">
+            <x-ui.button class="btn-outline" wire:click="$toggle('confirmingPortfolioDeletion')" wire:loading.attr="disabled">
                 {{ __('Cancel') }}
             </x-secondary-button>
 
-            <x-button class="ms-3 btn-error text-white" wire:click="delete" wire:loading.attr="disabled">
+            <x-ui.button class="ms-3 btn-error text-white" wire:click="delete" wire:loading.attr="disabled">
                 {{ __('Delete Portfolio') }}
-            </x-button>
+            </x-ui.button>
         </x-slot>
-    </x-confirmation-modal>
+    </x-ui.confirmation-modal>
 </div>
\ No newline at end of file
diff --git a/resources/views/portfolio/portfolio-performance-chart.blade.php b/resources/views/portfolio/portfolio-performance-chart.blade.php
index e24b7f0..fb0ffe6 100644
--- a/resources/views/portfolio/portfolio-performance-chart.blade.php
+++ b/resources/views/portfolio/portfolio-performance-chart.blade.php
@@ -2,9 +2,10 @@
 
 use App\Models\DailyChange;
 use App\Models\Portfolio;
+use Livewire\Attributes\Lazy;
 use Livewire\Volt\Component;
 
-new class extends Component
+new #[Lazy] class extends Component
 {
     // props
     public ?Portfolio $portfolio = null;
@@ -31,6 +32,13 @@ new class extends Component
         $this->chartSeries = $this->generatePerformanceData();
     }
 
+    public function placeholder()
+    {
+        return <<<'HTML'
+        <div class="skeleton h-[395px] mb-5"></div>
+        HTML;
+    }
+
     public function generatePerformanceData()
     {
         $filterMethod = collect($this->scopeOptions)->where('id', $this->scope)->first();
@@ -116,7 +124,7 @@ new class extends Component
     }
 }; ?>
 
-<x-card class="bg-slate-100 dark:bg-base-200 rounded-lg mb-6">
+<x-ui.card class="mb-6">
     <div class="flex flex-col md:flex-row md:justify-between mb-2">
                     
         <div class="flex flex-col md:flex-row items-start md:items-center">
@@ -128,15 +136,15 @@ new class extends Component
         </div>
         
         <div class="flex items-center" x-data="{ loading: false }">
-            {{-- <x-button title="{{ __('Reset chart') }}" icon="o-arrow-path" class="btn-ghost btn-sm btn-circle mr-2" id="chart-reset-zoom-{{ $name }}" /> --}}
+            {{-- <x-ui.button title="{{ __('Reset chart') }}" icon="o-arrow-path" class="btn-ghost btn-sm btn-circle mr-2" id="chart-reset-zoom-{{ $name }}" /> --}}
 
-            <x-loading x-show="loading" x-cloak class="text-gray-400 ml-2" />
+            <x-ui.loading x-show="loading" x-cloak class="text-gray-400 ml-2" />
 
-            <x-dropdown title="{{ __('Choose time period') }}" label="{{ $scope }}" class="btn-xs md:btn-sm btn-outline" x-bind:disabled="loading">
+            <x-ui.dropdown title="{{ __('Choose time period') }}" label="{{ $scope }}" class="btn-xs md:btn-sm btn-outline" x-bind:disabled="loading">
                     
                 @foreach($scopeOptions as $option)
 
-                    <x-menu-item 
+                    <x-ui.menu-item 
                         title="{{ $option['name'] }}" 
                         @click="
                             timeout = setTimeout(() => { loading = true }, 200);
@@ -156,7 +164,7 @@ new class extends Component
     <div
         class="h-[280px] mb-5"
     >
-        <x-ib-apex-chart :series-data="$chartSeries" :name="$name" />
+        <x-ui.apex-chart :series-data="$chartSeries" :name="$name" />
     </div>
 
-</x-card>
\ No newline at end of file
+</x-ui.card>
\ No newline at end of file
diff --git a/resources/views/portfolio/share-portfolio-form.blade.php b/resources/views/portfolio/share-portfolio-form.blade.php
index 6f2a55c..b50f4bf 100644
--- a/resources/views/portfolio/share-portfolio-form.blade.php
+++ b/resources/views/portfolio/share-portfolio-form.blade.php
@@ -1,15 +1,13 @@
 <?php
 
 use App\Models\Portfolio;
-use App\Models\User;
+use App\Traits\Toast;
 use App\Traits\WithTrimStrings;
 use Livewire\Attributes\Rule;
 use Livewire\Volt\Component;
-use Illuminate\Support\Collection;
-use Mary\Traits\Toast;
-
-new class extends Component {
 
+new class extends Component
+{
     use Toast;
     use WithTrimStrings;
 
@@ -23,18 +21,20 @@ new class extends Component {
     public int $fullAccess = 0;
 
     public array $permissions;
+
     public bool $confirmingAccessDeletion = false;
+
     public ?string $deletingAccessFor = null;
 
     // methods
     public function mount()
     {
-        if (!$this->portfolio) {
+        if (! $this->portfolio) {
             $this->permissions = [
                 auth()->user()->id => [
                     'owner' => true,
-                    'full_access' => false
-                ]
+                    'full_access' => false,
+                ],
             ];
 
         } else {
@@ -43,8 +43,8 @@ new class extends Component {
                 return [
                     $user->id => [
                         'owner' => $user->pivot->owner ?? 0,
-                        'full_access' => $user->pivot->full_access ?? 0
-                    ]
+                        'full_access' => $user->pivot->full_access ?? 0,
+                    ],
                 ];
             })->toArray();
         }
@@ -65,13 +65,13 @@ new class extends Component {
     {
         $this->authorize('fullAccess', $this->portfolio);
 
-        if (!$confirmed) {
+        if (! $confirmed) {
             $this->deletingAccessFor = $userId;
             $this->confirmingAccessDeletion = true;
 
             return;
         }
-        
+
         unset($this->permissions[$userId]);
 
         $this->portfolio->unShare($userId);
@@ -101,7 +101,6 @@ new class extends Component {
         $this->emailAddress = '';
         $this->fullAccess = false;
     }
-
 }; ?>
 
 <div class="">
@@ -109,9 +108,9 @@ new class extends Component {
         <span>{{ __('People with access') }}</span>
     </label>
 
-    <div class="border-primary border rounded-sm px-2 py-5 mb-2 max-h-[20rem] overflow-y-scroll">
+    <div class="border-primary border rounded-md px-2 py-5 mb-2 max-h-[20rem] overflow-y-scroll">
         @if ($portfolio?->owner)
-        <x-list-item 
+        <x-ui.list-item 
             :item="$portfolio->owner" 
             avatar="profile_photo_url" 
             no-separator
@@ -129,11 +128,11 @@ new class extends Component {
             <x-slot:sub-value>
                 {{ __('Owner') }}
             </x-slot:sub-value>
-        </x-list-item>
+        </x-ui.list-item>
         @endif
 
         @foreach (collect($portfolio?->users)->where('pivot.owner', '!=', 1) as $user)
-            <x-list-item 
+            <x-ui.list-item 
                 :item="$user" 
                 avatar="profile_photo_url" 
                 no-separator
@@ -154,26 +153,26 @@ new class extends Component {
                 </x-slot:sub-value>
                 <x-slot:actions>
                     @if (auth()->user()->id != $user->id) 
-                    <x-select 
+                    <x-ui.select 
                         class="select select-ghost border-none focus:outline-none focus:ring-0"
                         :options="[['id' => 0, 'name' => __('Read only')], ['id' => 1, 'name' => __('Full access')]]"
                         wire:model.live.number="permissions.{{ $user->id }}.full_access"
                     />
                     
-                    <x-button 
+                    <x-ui.button 
                         class="btn-sm btn-ghost btn-circle" 
                         wire:click="deleteUser('{{ $user->id }}')"
                         spinner="deleteUser('{{ $user->id }}')"
                         title="{{ __('Remove Access') }}"
                     >
-                        <x-icon name="o-x-mark" class="w-4" />
-                    </x-button>      
+                        <x-ui.icon name="o-x-mark" class="w-4" />
+                    </x-ui.button>      
                     @endif
                 </x-slot:actions>
-            </x-list-item>
+            </x-ui.list-item>
         @endforeach
 
-        <x-confirmation-modal wire:model.live="confirmingAccessDeletion">
+        <x-ui.confirmation-modal wire:model.live="confirmingAccessDeletion">
             <x-slot:title>
                 {{ __('Remove Access') }}
             </x-slot:title>
@@ -183,24 +182,24 @@ new class extends Component {
             </x-slot>
     
             <x-slot name="footer">
-                <x-button class="btn-outline" wire:click="$toggle('confirmingAccessDeletion')" wire:loading.attr="disabled">
+                <x-ui.button class="btn-outline" wire:click="$toggle('confirmingAccessDeletion')" wire:loading.attr="disabled">
                     {{ __('Cancel') }}
                 </x-secondary-button>
     
-                <x-button class="ms-3 btn-error text-white" wire:click="deleteUser('{{ $this->deletingAccessFor }}', true)" spinner="deleteUser" wire:loading.attr="disabled">
+                <x-ui.button class="ms-3 btn-error text-white" wire:click="deleteUser('{{ $this->deletingAccessFor }}', true)" spinner="deleteUser" wire:loading.attr="disabled">
                     {{ __('Remove Access') }}
-                </x-button>
+                </x-ui.button>
             </x-slot>
-        </x-confirmation-modal>
+        </x-ui.confirmation-modal>
 
-        <x-ib-alpine-modal 
+        <x-ui.modal 
             key="add-user-modal"
             title="{{ __('Share Portfolio') }}"
         >
             <div class="" x-data="{  }">
-                <x-ib-form wire:submit="addUser" class="">
+                <x-ui.form wire:submit="addUser" class="">
             
-                    <x-input 
+                    <x-ui.input 
                         label="Email" 
                         icon="o-envelope" 
                         placeholder="{{ __('Type an email address to share portfolio') }}"
@@ -209,7 +208,7 @@ new class extends Component {
                         required
                     />
                 
-                    <x-toggle 
+                    <x-ui.toggle 
                         class="mt-2"
                         label="{{ __('Grant full access') }}" 
                         wire:model="fullAccess" 
@@ -219,7 +218,7 @@ new class extends Component {
                     
                     <x-slot:actions>
                     
-                        <x-button 
+                        <x-ui.button 
                             label="{{ __('Share') }}" 
                             title="{{ __('Share Portfolio') }}"
                             type="submit" 
@@ -228,14 +227,14 @@ new class extends Component {
                             spinner="addUser"
                         />
                     </x-slot:actions>
-                </x-ib-form>
+                </x-ui.form>
         
             </div>
             
-        </x-ib-alpine-modal>
+        </x-ui.modal>
 
-        <x-button class="btn-sm block mt-4" @click="$dispatch('toggle-add-user-modal')">
+        <x-ui.button class="btn-sm block mt-4" @click="$dispatch('toggle-add-user-modal')">
             {{ __('Add People') }}
-        </x-button>
+        </x-ui.button>
     </div>
 </div>
\ No newline at end of file
diff --git a/resources/views/portfolio/show.blade.php b/resources/views/portfolio/show.blade.php
index 58a79bd..d6518d7 100644
--- a/resources/views/portfolio/show.blade.php
+++ b/resources/views/portfolio/show.blade.php
@@ -1,9 +1,9 @@
 @use('App\Models\Currency')
 
-<x-app-layout>
+<x-layouts.app>
     <div x-data>
 
-        <x-ib-alpine-modal 
+        <x-ui.modal 
             key="create-transaction"
             title="{{ __('Create Transaction') }}"
         >
@@ -11,9 +11,9 @@
                 'portfolio' => $portfolio, 
             ])
 
-        </x-ib-alpine-modal>
+        </x-ui.modal>
 
-        <x-ib-drawer 
+        <x-ui.drawer 
             key="manage-portfolio"
             title="{{ __('Manage Portfolio') }}"
         >
@@ -22,41 +22,41 @@
                 'hideCancel' => true
             ])
 
-        </x-ib-drawer>
+        </x-ui.drawer>
 
-        <x-ib-toolbar :title="$portfolio->title">
+        <x-ui.toolbar :title="$portfolio->title">
 
             @if($portfolio->wishlist)
-            <x-badge value="{{ __('Wishlist') }}" title="{{ __('Wishlist') }}" class="badge-secondary mr-3" />
+            <x-ui.badge value="{{ __('Wishlist') }}" title="{{ __('Wishlist') }}" class="badge-secondary badge-outline mr-3" />
             @endif
 
             @if(auth()->user()->id !== $portfolio->owner_id)
-            <x-badge value="{{ $portfolio->owner->name }}" title="{{ __('Owner').': '.$portfolio->owner->name }}" class="badge-secondary badge-outline mr-3" />
+            <x-ui.badge value="{{ $portfolio->owner->name }}" title="{{ __('Owner').': '.$portfolio->owner->name }}" class="badge-secondary badge-outline mr-3" />
             @endif
 
             @can('fullAccess', $portfolio)
-            <x-button 
+            <x-ui.button 
                 title="{{ __('Manage Portfolio') }}" 
                 icon="o-pencil" 
                 class="btn-circle btn-ghost btn-sm text-secondary" 
                 @click="$dispatch('toggle-manage-portfolio')"
             />
             @else
-            <x-icon name="o-eye" class="text-secondary w-4" title="{{ __('Read only') }}" />
+            <x-ui.icon name="o-eye" class="text-secondary w-4" title="{{ __('Read only') }}" />
             @endcan
 
-            <x-ib-flex-spacer />
+            <x-ui.flex-spacer />
             
             @can('fullAccess', $portfolio)
             <div>
-                <x-button 
+                <x-ui.button 
                     label="{{ __('Create Transaction') }}" 
                     class="btn-sm btn-primary whitespace-nowrap" 
                     @click="$dispatch('toggle-create-transaction')"
                 />
             </div>
             @endcan
-        </x-ib-toolbar>
+        </x-ui.toolbar>
 
         @livewire('portfolio-performance-chart', [
             'name' => 'portfolio-'.$portfolio->id,
@@ -65,36 +65,31 @@
 
         <div class="grid sm:grid-cols-5 gap-5">
 
-            <x-card class="col-span-5 sm:col-span-1 bg-slate-100 dark:bg-base-200 rounded-lg">
-                <div class="text-sm text-gray-400 whitespace-nowrap truncate">{{ __('Market Gain/Loss') }}</div>
+            <x-ui.card dense="true" sub-title="{{ __('Market Gain/Loss') }}" class="col-span-5 sm:col-span-1">
                 <div class="font-black text-xl"> {{ Number::currency($metrics->get('total_market_gain_dollars', 0)) }} </div>
-            </x-card>
+            </x-ui.card>
             
-            <x-card class="col-span-5 sm:col-span-1 bg-slate-100 dark:bg-base-200 rounded-lg">
-                <div class="text-sm text-gray-400 whitespace-nowrap truncate">{{ __('Total Cost Basis') }}</div>
+            <x-ui.card dense="true" sub-title="{{ __('Total Cost Basis') }}" class="col-span-5 sm:col-span-1">
                 <div class="font-black text-xl"> {{ Number::currency($metrics->get('total_cost_basis', 0)) }} </div>
-            </x-card>
+            </x-ui.card>
             
-            <x-card class="col-span-5 sm:col-span-1 bg-slate-100 dark:bg-base-200 rounded-lg">
-                <div class="text-sm text-gray-400 whitespace-nowrap truncate">{{ __('Total Market Value') }}</div>
+            <x-ui.card dense="true" sub-title="{{ __('Total Market Value') }}" class="col-span-5 sm:col-span-1">
                 <div class="font-black text-xl"> {{ Number::currency($metrics->get('total_market_value', 0)) }} </div>
-            </x-card>
+            </x-ui.card>
             
-            <x-card class="col-span-5 sm:col-span-1 bg-slate-100 dark:bg-base-200 rounded-lg">
-                <div class="text-sm text-gray-400 whitespace-nowrap truncate">{{ __('Realized Gain/Loss') }}</div>
+            <x-ui.card dense="true" sub-title="{{ __('Realized Gain/Loss') }}" class="col-span-5 sm:col-span-1">
                 <div class="font-black text-xl"> {{ Number::currency($metrics->get('realized_gain_dollars', 0)) }} </div>
-            </x-card>
+            </x-ui.card>
 
-            <x-card class="col-span-5 sm:col-span-1 bg-slate-100 dark:bg-base-200 rounded-lg">
-                <div class="text-sm text-gray-400 whitespace-nowrap truncate">{{ __('Dividends Earned') }}</div>
+            <x-ui.card dense="true" sub-title="{{ __('Dividends Earned') }}" class="col-span-5 sm:col-span-1">
                 <div class="font-black text-xl"> {{ Number::currency($metrics->get('total_dividends_earned', 0)) }} </div>
-            </x-card>
+            </x-ui.card>
                 
         </div>
 
         <div class="mt-6 grid md:grid-cols-7 gap-5">
 
-            <x-ib-card title="{{ __('Holdings') }}" class="md:col-span-4 overflow-scroll">
+            <x-ui.card title="{{ __('Holdings') }}" class="md:col-span-4">
 
                 @if($portfolio->holdings->isEmpty())
                     <div class="flex justify-center items-center h-full pb-10 text-secondary">
@@ -104,14 +99,14 @@
 
                 @else
 
-                    @livewire('holdings-table', [
-                        'portfolio' => $portfolio
-                    ])
+                @livewire('datatables.holdings-table', [
+                    'portfolio' => $portfolio
+                ])
 
                 @endif
-            </x-ib-card>
+            </x-ui.card>
 
-            <x-ib-card title="{{ __('Recent activity') }}" class="md:col-span-3">
+            <x-ui.card title="{{ __('Recent activity') }}" class="md:col-span-3">
 
                 @if($portfolio->transactions->isEmpty())
                     <div class="flex justify-center items-center h-full pb-10 text-secondary">
@@ -126,9 +121,9 @@
                     'transactions' => $portfolio->transactions
                 ])
 
-            </x-ib-card>
+            </x-ui.card>
 
-            <x-ib-card title="{{ __('Top performers') }}" class="md:col-span-3">
+            <x-ui.card title="{{ __('Top performers') }}" class="md:col-span-3">
 
                 @if($portfolio->holdings->isEmpty())
                     <div class="flex justify-center items-center h-full pb-10 text-secondary">
@@ -142,22 +137,22 @@
                     'holdings' => $portfolio->holdings
                 ])
 
-            </x-ib-card>
+            </x-ui.card>
 
-            {{-- <x-ib-card title="{{ __('Top headlines') }}" class="md:col-span-3">
+            {{-- <x-ui.card title="{{ __('Top headlines') }}" class="md:col-span-3">
             
                 @php
                     $users = App\Models\User::take(3)->get();
                 @endphp
                 
                 @foreach($users as $user)
-                    <x-list-item no-separator :item="$user" avatar="profile_photo_url" link="/docs/installation" />
+                    <x-ui.list-item no-separator :item="$user" avatar="profile_photo_url" link="/docs/installation" />
                 @endforeach
 
-            </x-ib-card> --}}
+            </x-ui.card> --}}
 
             @if(config('services.ai_chat_enabled'))
-            @livewire('ai-chat-window', [
+            @livewire('ui.ai-chat-window', [
                 'chatable' => $portfolio,
                 'suggested_prompts' => [
                     [
@@ -184,4 +179,4 @@
 
         </div>
     </div>
-</x-app-layout>
\ No newline at end of file
+</x-layouts.app>
\ No newline at end of file
diff --git a/resources/views/portfolio/top-performers-list.blade.php b/resources/views/portfolio/top-performers-list.blade.php
index 415efdb..b6a6d68 100644
--- a/resources/views/portfolio/top-performers-list.blade.php
+++ b/resources/views/portfolio/top-performers-list.blade.php
@@ -1,17 +1,15 @@
 <?php
 
-use App\Models\Portfolio;
-use App\Models\Transaction;
 use Illuminate\Support\Collection;
 use Livewire\Volt\Component;
 
-new class extends Component {
-
+new class extends Component
+{
     // props
     public Collection $holdings;
 
     // methods
-    
+
 }; ?>
 
 <div class="">
@@ -23,7 +21,7 @@ new class extends Component {
                     ->take(5) 
         as $holding
     )
-        <x-list-item 
+        <x-ui.list-item 
             no-separator 
             :item="$holding" 
             link="{{ route('holding.show', [
@@ -36,7 +34,7 @@ new class extends Component {
 
                 {{ $holding->market_data?->name }} ({{ $holding->symbol }})
 
-                <x-gain-loss-arrow-badge 
+                <x-ui.gain-loss-arrow-badge 
                     :cost-basis="$holding->average_cost_basis"
                     :market-value="$holding->market_data->market_value"
                 />
@@ -45,6 +43,6 @@ new class extends Component {
             <x-slot:sub-value>
                 {{ $holding->portfolio->title }}
             </x-slot:sub-value>
-        </x-list-item>
+        </x-ui.list-item>
     @endforeach
 </div>
\ No newline at end of file
diff --git a/resources/views/profile/delete-user-form.blade.php b/resources/views/profile/delete-user-form.blade.php
index 88158b6..8f246ad 100644
--- a/resources/views/profile/delete-user-form.blade.php
+++ b/resources/views/profile/delete-user-form.blade.php
@@ -1,3 +1,76 @@
+<?php
+
+use Illuminate\Contracts\Auth\StatefulGuard;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Auth;
+use Illuminate\Support\Facades\Hash;
+use Illuminate\Validation\ValidationException;
+use Livewire\Volt\Component;
+
+new class extends Component
+{
+    /**
+     * Indicates if user deletion is being confirmed.
+     *
+     * @var bool
+     */
+    public $confirmingUserDeletion = false;
+
+    /**
+     * The user's current password.
+     *
+     * @var string
+     */
+    public $password = '';
+
+    /**
+     * Confirm that the user would like to delete their account.
+     *
+     * @return void
+     */
+    public function confirmUserDeletion()
+    {
+        $this->resetErrorBag();
+
+        $this->password = '';
+
+        $this->dispatch('confirming-delete-user');
+
+        $this->confirmingUserDeletion = true;
+    }
+
+    /**
+     * Delete the current user.
+     *
+     * @return \Illuminate\Routing\Redirector|\Illuminate\Http\RedirectResponse
+     */
+    public function deleteUser(Request $request, StatefulGuard $auth)
+    {
+        $this->resetErrorBag();
+
+        if (! Hash::check($this->password, Auth::user()->password)) {
+            throw ValidationException::withMessages([
+                'password' => [__('This password does not match our records.')],
+            ]);
+        }
+
+        $user = Auth::user()->fresh();
+
+        $user->deleteProfilePhoto();
+        $user->tokens->each->delete();
+        $user->delete();
+
+        $auth->logout();
+
+        if ($request->hasSession()) {
+            $request->session()->invalidate();
+            $request->session()->regenerateToken();
+        }
+
+        return redirect('/');
+    }
+}; ?>
+
 <x-forms.action-section>
     <x-slot name="title">
         {{ __('Delete Account') }}
@@ -13,13 +86,13 @@
         </div>
 
         <div class="mt-5">
-            <x-button class="btn-error text-white" wire:click="confirmUserDeletion" wire:loading.attr="disabled">
+            <x-ui.button class="btn-error text-white" wire:click="confirmUserDeletion" wire:loading.attr="disabled">
                 {{ __('Delete Account') }}
-            </x-button>
+            </x-ui.button>
         </div>
 
-        <!-- Delete User Confirmation Modal -->
-        <x-dialog-modal wire:model.live="confirmingUserDeletion">
+        {{-- Delete User Confirmation Modal --}}
+        <x-ui.dialog-modal wire:model.live="confirmingUserDeletion">
             <x-slot name="title">
                 {{ __('Delete Account') }}
             </x-slot>
@@ -28,7 +101,7 @@
                 {{ __('Are you sure you want to delete your account? Once your account is deleted, all of its resources and data will be permanently deleted. Please enter your password to confirm you would like to permanently delete your account.') }}
 
                 <div class="mt-4" x-data="{}" x-on:confirming-delete-user.window="setTimeout(() => $refs.password.focus(), 250)">
-                    <x-input type="password" class="mt-1 block w-3/4"
+                    <x-ui.input type="password" class="mt-1 block w-3/4"
                                 autocomplete="current-password"
                                 placeholder="{{ __('Password') }}"
                                 x-ref="password"
@@ -39,14 +112,14 @@
             </x-slot>
 
             <x-slot name="footer">
-                <x-button class="btn-outline" wire:click="$toggle('confirmingUserDeletion')" wire:loading.attr="disabled">
+                <x-ui.button class="btn-outline" wire:click="$toggle('confirmingUserDeletion')" wire:loading.attr="disabled">
                     {{ __('Cancel') }}
-                </x-button>
+                </x-ui.button>
 
-                <x-button class="ms-3 btn-error text-white" wire:click="deleteUser" wire:loading.attr="disabled">
+                <x-ui.button class="ms-3 btn-error text-white" wire:click="deleteUser" wire:loading.attr="disabled">
                     {{ __('Delete Account') }}
-                </x-button>
+                </x-ui.button>
             </x-slot>
-        </x-dialog-modal>
+        </x-ui.dialog-modal>
     </x-slot>
 </x-forms.action-section>
diff --git a/resources/views/profile/localization-form.blade.php b/resources/views/profile/localization-form.blade.php
index 2e3bffd..9036e06 100644
--- a/resources/views/profile/localization-form.blade.php
+++ b/resources/views/profile/localization-form.blade.php
@@ -54,6 +54,7 @@ new class extends Component
         // $this->js('window.location.reload();');
     }
 }; ?>
+
 <x-forms.form-section submit="updateProfileInformation">
     <x-slot name="title">
         {{ __('Locale Options') }}
@@ -66,7 +67,7 @@ new class extends Component
     <x-slot name="form">
 
         <div class="col-span-6 sm:col-span-4">
-            <x-select 
+            <x-ui.select 
                 label="{{ __('Locale') }}"
                 class="select block mt-1 w-full"
                 :options="config('app.available_locales')"
@@ -75,12 +76,13 @@ new class extends Component
                 placeholder="Choose a locale"
                 wire:model="locale"
                 id="locale"
+                required
             />
             
         </div>
 
         <div class="col-span-6 sm:col-span-4">
-            <x-select 
+            <x-ui.select 
                 label="{{ __('Display Currency') }}"
                 class="select block mt-1 w-full"
                 :options="$currencies"
@@ -89,6 +91,7 @@ new class extends Component
                 placeholder="Choose a display currency"
                 wire:model="display_currency"
                 id="display_currency"
+                required
             />
             
         </div>
@@ -100,8 +103,8 @@ new class extends Component
             {{ __('Saved.') }}
         </x-forms.action-message>
 
-        <x-button type="submit">
+        <x-ui.button type="submit">
             {{ __('Save') }}
-        </x-button>
+        </x-ui.button>
     </x-slot>
 </x-forms.form-section>
diff --git a/resources/views/profile/logout-other-browser-sessions-form.blade.php b/resources/views/profile/logout-other-browser-sessions-form.blade.php
deleted file mode 100644
index 8abc0cf..0000000
--- a/resources/views/profile/logout-other-browser-sessions-form.blade.php
+++ /dev/null
@@ -1,97 +0,0 @@
-<x-forms.action-section>
-    <x-slot name="title">
-        {{ __('Browser Sessions') }}
-    </x-slot>
-
-    <x-slot name="description">
-        {{ __('Manage and log out your active sessions on other browsers and devices.') }}
-    </x-slot>
-
-    <x-slot name="content">
-        <div class="max-w-xl text-sm text-gray-600 dark:text-gray-400">
-            {{ __('If necessary, you may log out of all of your other browser sessions across all of your devices. Some of your recent sessions are listed below; however, this list may not be exhaustive. If you feel your account has been compromised, you should also update your password.') }}
-        </div>
-
-        @if (count($this->sessions) > 0)
-            <div class="mt-5 space-y-6">
-                <!-- Other Browser Sessions -->
-                @foreach ($this->sessions as $session)
-                    <div class="flex items-center">
-                        <div>
-                            @if ($session->agent->isDesktop())
-                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 text-gray-500">
-                                    <path stroke-linecap="round" stroke-linejoin="round" d="M9 17.25v1.007a3 3 0 01-.879 2.122L7.5 21h9l-.621-.621A3 3 0 0115 18.257V17.25m6-12V15a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 15V5.25m18 0A2.25 2.25 0 0018.75 3H5.25A2.25 2.25 0 003 5.25m18 0V12a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 12V5.25" />
-                                </svg>
-                            @else
-                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8 text-gray-500">
-                                    <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 1.5H8.25A2.25 2.25 0 006 3.75v16.5a2.25 2.25 0 002.25 2.25h7.5A2.25 2.25 0 0018 20.25V3.75a2.25 2.25 0 00-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3 18.75h3" />
-                                </svg>
-                            @endif
-                        </div>
-
-                        <div class="ms-3">
-                            <div class="text-sm text-gray-600 dark:text-gray-400">
-                                {{ $session->agent->platform() ? $session->agent->platform() : __('Unknown') }} - {{ $session->agent->browser() ? $session->agent->browser() : __('Unknown') }}
-                            </div>
-
-                            <div>
-                                <div class="text-xs text-gray-500">
-                                    {{ $session->ip_address }},
-
-                                    @if ($session->is_current_device)
-                                        <span class="text-green-500 font-semibold">{{ __('This device') }}</span>
-                                    @else
-                                        {{ __('Last active') }} {{ $session->last_active }}
-                                    @endif
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                @endforeach
-            </div>
-        @endif
-
-        <div class="flex items-center mt-5">
-            <x-button type="submit" wire:click="confirmLogout" wire:loading.attr="disabled">
-                {{ __('Log Out Other Browser Sessions') }}
-            </x-button>
-
-            <x-forms.action-message class="ms-3" on="loggedOut">
-                {{ __('Done.') }}
-            </x-forms.action-message>
-        </div>
-
-        <!-- Log Out Other Devices Confirmation Modal -->
-        <x-dialog-modal wire:model.live="confirmingLogout">
-            <x-slot name="title">
-                {{ __('Log Out Other Browser Sessions') }}
-            </x-slot>
-
-            <x-slot name="content">
-                {{ __('Please enter your password to confirm you would like to log out of your other browser sessions across all of your devices.') }}
-
-                <div class="mt-4" x-data="{}" x-on:confirming-logout-other-browser-sessions.window="setTimeout(() => $refs.password.focus(), 250)">
-                    <x-input type="password" class="mt-1 block w-3/4"
-                                autocomplete="current-password"
-                                placeholder="{{ __('Password') }}"
-                                x-ref="password"
-                                wire:model="password"
-                                wire:keydown.enter="logoutOtherBrowserSessions" />
-
-                </div>
-            </x-slot>
-
-            <x-slot name="footer">
-                <x-button class="btn-outline" wire:click="$toggle('confirmingLogout')" wire:loading.attr="disabled">
-                    {{ __('Cancel') }}
-                </x-button>
-
-                <x-button type="submit" class="ms-3"
-                            wire:click="logoutOtherBrowserSessions"
-                            wire:loading.attr="disabled">
-                    {{ __('Log Out Other Browser Sessions') }}
-                </x-button>
-            </x-slot>
-        </x-dialog-modal>
-    </x-slot>
-</x-forms.action-section>
diff --git a/resources/views/profile/show.blade.php b/resources/views/profile/show.blade.php
index 94c29fb..61010dd 100644
--- a/resources/views/profile/show.blade.php
+++ b/resources/views/profile/show.blade.php
@@ -1,46 +1,39 @@
-<x-app-layout>
+<x-layouts.app>
 
-    <div>
-        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
-            @if (Laravel\Fortify\Features::canUpdateProfileInformation())
-                @livewire('profile.update-profile-information-form')
 
-                <x-section-border hide-on-mobile />
-            @endif
-            
-            <div class="mt-10 sm:mt-0">
-                @livewire('localization-form')
-            </div>
+    <div class="max-w-7xl mx-auto py-10 sm:px-6 lg:px-8">
+        @if (Laravel\Fortify\Features::canUpdateProfileInformation())
+            @livewire('update-profile-information-form')
 
-            <x-section-border hide-on-mobile />
-            
-            @if (Laravel\Fortify\Features::enabled(Laravel\Fortify\Features::updatePasswords()))
-                <div class="mt-10 sm:mt-0">
-                    @livewire('profile.update-password-form')
-                </div>
-
-                <x-section-border hide-on-mobile />
-            @endif
-
-            @if (Laravel\Fortify\Features::canManageTwoFactorAuthentication())
-                <div class="mt-10 sm:mt-0">
-                    @livewire('profile.two-factor-authentication-form')
-                </div>
-
-                <x-section-border hide-on-mobile />
-            @endif
-
-            <div class="mt-10 sm:mt-0">
-                @livewire('profile.logout-other-browser-sessions-form')
-            </div>
-
-            @if (Laravel\Jetstream\Jetstream::hasAccountDeletionFeatures())
-                <x-section-border hide-on-mobile />
-
-                <div class="mt-10 sm:mt-0">
-                    @livewire('profile.delete-user-form')
-                </div>
-            @endif
+            <x-ui.section-border hide-on-mobile />
+        @endif
+        
+        <div class="mt-10 sm:mt-0">
+            @livewire('localization-form')
         </div>
+
+        <x-ui.section-border hide-on-mobile />
+        
+        @if (Laravel\Fortify\Features::enabled(Laravel\Fortify\Features::updatePasswords()))
+            <div class="mt-10 sm:mt-0">
+                @livewire('update-password-form')
+            </div>
+
+            <x-ui.section-border hide-on-mobile />
+        @endif
+
+        @if (Laravel\Fortify\Features::canManageTwoFactorAuthentication())
+            <div class="mt-10 sm:mt-0">
+                @livewire('two-factor-authentication-form')
+            </div>
+
+            <x-ui.section-border hide-on-mobile />
+        @endif
+
+        <div class="mt-10 sm:mt-0">
+            @livewire('delete-user-form')
+        </div>
+
     </div>
-</x-app-layout>
+    
+</x-layouts.app>
diff --git a/resources/views/profile/two-factor-authentication-form.blade.php b/resources/views/profile/two-factor-authentication-form.blade.php
index fadacfe..225b022 100644
--- a/resources/views/profile/two-factor-authentication-form.blade.php
+++ b/resources/views/profile/two-factor-authentication-form.blade.php
@@ -1,3 +1,168 @@
+<?php
+
+use Illuminate\Support\Facades\Auth;
+use Laravel\Fortify\Actions\ConfirmTwoFactorAuthentication;
+use Laravel\Fortify\Actions\DisableTwoFactorAuthentication;
+use Laravel\Fortify\Actions\EnableTwoFactorAuthentication;
+use Laravel\Fortify\Actions\GenerateNewRecoveryCodes;
+use Livewire\Volt\Component;
+use Laravel\Fortify\Features;
+use App\Traits\ConfirmsPasswords;
+
+new class extends Component
+{
+    use ConfirmsPasswords;
+    
+    /**
+     * Indicates if two factor authentication QR code is being displayed.
+     *
+     * @var bool
+     */
+    public $showingQrCode = false;
+
+    /**
+     * Indicates if the two factor authentication confirmation input and button are being displayed.
+     *
+     * @var bool
+     */
+    public $showingConfirmation = false;
+
+    /**
+     * Indicates if two factor authentication recovery codes are being displayed.
+     *
+     * @var bool
+     */
+    public $showingRecoveryCodes = false;
+
+    /**
+     * The OTP code for confirming two factor authentication.
+     *
+     * @var string|null
+     */
+    public $code;
+
+    /**
+     * Mount the component.
+     *
+     * @return void
+     */
+    public function mount()
+    {
+        if (Features::optionEnabled(Features::twoFactorAuthentication(), 'confirm') &&
+            is_null(Auth::user()->two_factor_confirmed_at)) {
+            app(DisableTwoFactorAuthentication::class)(Auth::user());
+        }
+    }
+
+    /**
+     * Enable two factor authentication for the user.
+     *
+     * @return void
+     */
+    public function enableTwoFactorAuthentication(EnableTwoFactorAuthentication $enable)
+    {
+        if (Features::optionEnabled(Features::twoFactorAuthentication(), 'confirmPassword')) {
+            $this->ensurePasswordIsConfirmed();
+        }
+
+        $enable(Auth::user());
+
+        $this->showingQrCode = true;
+
+        if (Features::optionEnabled(Features::twoFactorAuthentication(), 'confirm')) {
+            $this->showingConfirmation = true;
+        } else {
+            $this->showingRecoveryCodes = true;
+        }
+    }
+
+    /**
+     * Confirm two factor authentication for the user.
+     *
+     * @return void
+     */
+    public function confirmTwoFactorAuthentication(ConfirmTwoFactorAuthentication $confirm)
+    {
+        if (Features::optionEnabled(Features::twoFactorAuthentication(), 'confirmPassword')) {
+            $this->ensurePasswordIsConfirmed();
+        }
+
+        $confirm(Auth::user(), $this->code);
+
+        $this->showingQrCode = false;
+        $this->showingConfirmation = false;
+        $this->showingRecoveryCodes = true;
+    }
+
+    /**
+     * Display the user's recovery codes.
+     *
+     * @return void
+     */
+    public function showRecoveryCodes()
+    {
+        if (Features::optionEnabled(Features::twoFactorAuthentication(), 'confirmPassword')) {
+            $this->ensurePasswordIsConfirmed();
+        }
+
+        $this->showingRecoveryCodes = true;
+    }
+
+    /**
+     * Generate new recovery codes for the user.
+     *
+     * @return void
+     */
+    public function regenerateRecoveryCodes(GenerateNewRecoveryCodes $generate)
+    {
+        if (Features::optionEnabled(Features::twoFactorAuthentication(), 'confirmPassword')) {
+            $this->ensurePasswordIsConfirmed();
+        }
+
+        $generate(Auth::user());
+
+        $this->showingRecoveryCodes = true;
+    }
+
+    /**
+     * Disable two factor authentication for the user.
+     *
+     * @return void
+     */
+    public function disableTwoFactorAuthentication(DisableTwoFactorAuthentication $disable)
+    {
+        if (Features::optionEnabled(Features::twoFactorAuthentication(), 'confirmPassword')) {
+            $this->ensurePasswordIsConfirmed();
+        }
+
+        $disable(Auth::user());
+
+        $this->showingQrCode = false;
+        $this->showingConfirmation = false;
+        $this->showingRecoveryCodes = false;
+    }
+
+    /**
+     * Get the current user of the application.
+     *
+     * @return mixed
+     */
+    public function getUserProperty()
+    {
+        return Auth::user();
+    }
+
+    /**
+     * Determine if two factor authentication is enabled.
+     *
+     * @return bool
+     */
+    public function getEnabledProperty()
+    {
+        return ! empty($this->user->two_factor_secret);
+    }
+}; ?>
+
 <x-forms.action-section>
     <x-slot name="title">
         {{ __('Two Factor Authentication') }}
@@ -8,7 +173,7 @@
     </x-slot>
 
     <x-slot name="content">
-        <h3 class="text-lg font-medium text-gray-900 dark:text-gray-100">
+        <h3 class="text-lg font-medium">
             @if ($this->enabled)
                 @if ($showingConfirmation)
                     {{ __('Finish enabling two factor authentication.') }}
@@ -20,7 +185,7 @@
             @endif
         </h3>
 
-        <div class="mt-3 max-w-xl text-sm text-gray-600 dark:text-gray-400">
+        <div class="mt-3 max-w-xl text-sm">
             <p>
                 {{ __('When two factor authentication is enabled, you will be prompted for a secure, random token during authentication. You may retrieve this token from your phone\'s Google Authenticator application.') }}
             </p>
@@ -52,7 +217,7 @@
                     <div class="mt-4">
           
 
-                        <x-input id="code" label="{{ __('Code') }}" type="text" name="code" class="block mt-1 w-1/2" inputmode="numeric" autofocus autocomplete="one-time-code"
+                        <x-ui.input id="code" label="{{ __('Code') }}" type="text" name="code" class="block mt-1 w-1/2" inputmode="numeric" autofocus autocomplete="one-time-code"
                             wire:model="code"
                             wire:keydown.enter="confirmTwoFactorAuthentication" />
 
@@ -67,7 +232,7 @@
                     </p>
                 </div>
 
-                <div class="grid gap-1 max-w-xl mt-4 px-4 py-4 font-mono text-sm bg-gray-100 dark:bg-gray-900 dark:text-gray-100 rounded-lg">
+                <div class="grid gap-1 max-w-xl mt-4 px-4 py-4 font-mono text-sm bg-base-100 dark:text-gray-100 rounded-lg">
                     @foreach (json_decode(decrypt($this->user->two_factor_recovery_codes), true) as $code)
                         <div>{{ $code }}</div>
                     @endforeach
@@ -78,42 +243,42 @@
         <div class="mt-5">
             @if (! $this->enabled)
                 <x-forms.confirms-password wire:then="enableTwoFactorAuthentication">
-                    <x-button type="button" wire:loading.attr="disabled">
+                    <x-ui.button type="button" wire:loading.attr="disabled">
                         {{ __('Enable') }}
-                    </x-button>
+                    </x-ui.button>
                 </x-forms.confirms-password>
             @else
                 @if ($showingRecoveryCodes)
                     <x-forms.confirms-password wire:then="regenerateRecoveryCodes">
-                        <x-button class="btn-outline" class="me-3">
+                        <x-ui.button class="btn-outline" class="me-3">
                             {{ __('Regenerate Recovery Codes') }}
-                        </x-button>
+                        </x-ui.button>
                     </x-forms.confirms-password>
                 @elseif ($showingConfirmation)
                     <x-forms.confirms-password wire:then="confirmTwoFactorAuthentication">
-                        <x-button type="button" class="me-3" wire:loading.attr="disabled">
+                        <x-ui.button type="button" class="me-3" wire:loading.attr="disabled">
                             {{ __('Confirm') }}
-                        </x-button>
+                        </x-ui.button>
                     </x-forms.confirms-password>
                 @else
                     <x-forms.confirms-password wire:then="showRecoveryCodes">
-                        <x-button class="btn-outline" class="me-3">
+                        <x-ui.button class="btn-outline" class="me-3">
                             {{ __('Show Recovery Codes') }}
-                        </x-button>
+                        </x-ui.button>
                     </x-forms.confirms-password>
                 @endif
 
                 @if ($showingConfirmation)
                     <x-forms.confirms-password wire:then="disableTwoFactorAuthentication">
-                        <x-button class="btn-outline" wire:loading.attr="disabled">
+                        <x-ui.button class="btn-outline" wire:loading.attr="disabled">
                             {{ __('Cancel') }}
-                        </x-button>
+                        </x-ui.button>
                     </x-forms.confirms-password>
                 @else
                     <x-forms.confirms-password wire:then="disableTwoFactorAuthentication">
-                        <x-button class="btn-error text-white" wire:loading.attr="disabled">
+                        <x-ui.button class="btn-error text-white" wire:loading.attr="disabled">
                             {{ __('Disable') }}
-                        </x-button>
+                        </x-ui.button>
                     </x-forms.confirms-password>
                 @endif
 
diff --git a/resources/views/profile/update-password-form.blade.php b/resources/views/profile/update-password-form.blade.php
index 61147a7..8dae36e 100644
--- a/resources/views/profile/update-password-form.blade.php
+++ b/resources/views/profile/update-password-form.blade.php
@@ -1,3 +1,59 @@
+<?php
+
+use Illuminate\Support\Facades\Auth;
+use Laravel\Fortify\Contracts\UpdatesUserPasswords;
+use Livewire\Volt\Component;
+
+new class extends Component
+{
+    /**
+     * The component's state.
+     *
+     * @var array
+     */
+    public $state = [
+        'current_password' => '',
+        'password' => '',
+        'password_confirmation' => '',
+    ];
+
+    /**
+     * Update the user's password.
+     *
+     * @return void
+     */
+    public function updatePassword(UpdatesUserPasswords $updater)
+    {
+        $this->resetErrorBag();
+
+        $updater->update(Auth::user(), $this->state);
+
+        if (request()->hasSession()) {
+            request()->session()->put([
+                'password_hash_'.Auth::getDefaultDriver() => Auth::user()->getAuthPassword(),
+            ]);
+        }
+
+        $this->state = [
+            'current_password' => '',
+            'password' => '',
+            'password_confirmation' => '',
+        ];
+
+        $this->dispatch('saved');
+    }
+
+    /**
+     * Get the current user of the application.
+     *
+     * @return mixed
+     */
+    public function getUserProperty()
+    {
+        return Auth::user();
+    }
+}; ?>
+
 <x-forms.form-section submit="updatePassword">
     <x-slot name="title">
         {{ __('Update Password') }}
@@ -11,19 +67,19 @@
 
         <div class="col-span-6 sm:col-span-4">
             
-            <x-input id="current_password" label="{{ __('Current Password') }}" type="password" class="mt-1 block w-full" wire:model="state.current_password" error-field="current_password" autocomplete="current-password" />
+            <x-ui.input id="current_password" label="{{ __('Current Password') }}" type="password" class="mt-1 block w-full" wire:model="state.current_password" error-field="current_password" autocomplete="current-password" />
             
         </div>
 
         <div class="col-span-6 sm:col-span-4">
             
-            <x-input id="password" label="{{ __('New Password') }}"  type="password" class="mt-1 block w-full" wire:model="state.password" error-field="password" autocomplete="new-password" />
+            <x-ui.input id="password" label="{{ __('New Password') }}"  type="password" class="mt-1 block w-full" wire:model="state.password" error-field="password" autocomplete="new-password" />
             
         </div>
 
         <div class="col-span-6 sm:col-span-4">
             
-            <x-input id="password_confirmation" label="{{ __('Confirm Password') }}" type="password" class="mt-1 block w-full" wire:model="state.password_confirmation" error-field="password_confirmation" autocomplete="new-password" />
+            <x-ui.input id="password_confirmation" label="{{ __('Confirm Password') }}" type="password" class="mt-1 block w-full" wire:model="state.password_confirmation" error-field="password_confirmation" autocomplete="new-password" />
             
         </div>
     </x-slot>
@@ -33,8 +89,8 @@
             {{ __('Saved.') }}
         </x-forms.action-message>
 
-        <x-button type="submit">
+        <x-ui.button type="submit">
             {{ __('Save') }}
-        </x-button>
+        </x-ui.button>
     </x-slot>
 </x-forms.form-section>
diff --git a/resources/views/profile/update-profile-information-form.blade.php b/resources/views/profile/update-profile-information-form.blade.php
index a98ee87..3dde286 100644
--- a/resources/views/profile/update-profile-information-form.blade.php
+++ b/resources/views/profile/update-profile-information-form.blade.php
@@ -1,3 +1,109 @@
+<?php
+
+use Illuminate\Support\Facades\Auth;
+use Laravel\Fortify\Contracts\UpdatesUserProfileInformation;
+use Livewire\Volt\Component;
+use Livewire\WithFileUploads;
+
+new class extends Component
+{
+    use WithFileUploads;
+
+    /**
+     * The component's state.
+     *
+     * @var array
+     */
+    public $state = [];
+
+    /**
+     * The new avatar for the user.
+     *
+     * @var mixed
+     */
+    public $photo;
+
+    /**
+     * Determine if the verification email was sent.
+     *
+     * @var bool
+     */
+    public $verificationLinkSent = false;
+
+    /**
+     * Prepare the component.
+     *
+     * @return void
+     */
+    public function mount()
+    {
+        $user = Auth::user();
+
+        $this->state = array_merge([
+            'email' => $user->email,
+        ], $user->withoutRelations()->toArray());
+    }
+
+    /**
+     * Update the user's profile information.
+     *
+     * @return \Illuminate\Http\RedirectResponse|null
+     */
+    public function updateProfileInformation(UpdatesUserProfileInformation $updater)
+    {
+        $this->resetErrorBag();
+
+        $updater->update(
+            Auth::user(),
+            $this->photo
+                ? array_merge($this->state, ['photo' => $this->photo])
+                : $this->state
+        );
+
+        if (isset($this->photo)) {
+            return redirect()->route('profile.show');
+        }
+
+        $this->dispatch('saved');
+
+        $this->dispatch('refresh-navigation-menu');
+    }
+
+    /**
+     * Delete user's profile photo.
+     *
+     * @return void
+     */
+    public function deleteProfilePhoto()
+    {
+        Auth::user()->deleteProfilePhoto();
+
+        $this->dispatch('refresh-navigation-menu');
+    }
+
+    /**
+     * Sent the email verification.
+     *
+     * @return void
+     */
+    public function sendEmailVerification()
+    {
+        Auth::user()->sendEmailVerificationNotification();
+
+        $this->verificationLinkSent = true;
+    }
+
+    /**
+     * Get the current user of the application.
+     *
+     * @return mixed
+     */
+    public function getUserProperty()
+    {
+        return Auth::user();
+    }
+}; ?>
+
 <x-forms.form-section submit="updateProfileInformation">
     <x-slot name="title">
         {{ __('Profile Information') }}
@@ -9,63 +115,61 @@
 
     <x-slot name="form">
         
-        <!-- Profile Photo -->
-        @if (Laravel\Jetstream\Jetstream::managesProfilePhotos())
-            <div x-data="{photoName: null, photoPreview: null}" class="col-span-6 sm:col-span-4">
+        {{-- Profile Photo --}}
+        <div x-data="{photoName: null, photoPreview: null}" class="col-span-6 sm:col-span-4">
 
-                <!-- Profile Photo File Input -->
-                <input type="file" id="photo" class="hidden"
-                            wire:model.live="photo"
-                            x-ref="photo"
-                            x-on:change="
-                                    photoName = $refs.photo.files[0].name;
-                                    const reader = new FileReader();
-                                    reader.onload = (e) => {
-                                        photoPreview = e.target.result;
-                                    };
-                                    reader.readAsDataURL($refs.photo.files[0]);
-                            " />
+            {{-- Profile Photo File Input --}}
+            <input type="file" id="photo" class="hidden"
+                        wire:model.live="photo"
+                        x-ref="photo"
+                        x-on:change="
+                                photoName = $refs.photo.files[0].name;
+                                const reader = new FileReader();
+                                reader.onload = (e) => {
+                                    photoPreview = e.target.result;
+                                };
+                                reader.readAsDataURL($refs.photo.files[0]);
+                        " />
 
-                <label for="photo" class="pt-0 label label-text font-semibold">
-                    <span>{{ __('Photo') }} </span>
-                </label>
+            <label for="photo" class="pt-0 label label-text font-semibold">
+                <span>{{ __('Photo') }} </span>
+            </label>
 
-                <!-- Current Profile Photo -->
-                <div class="mt-2" x-show="! photoPreview">
-                    <img src="{{ $this->user->profile_photo_url }}" alt="{{ $this->user->name }}" class="rounded-full h-20 w-20 object-cover">
-                </div>
-
-                <!-- New Profile Photo Preview -->
-                <div class="mt-2" x-show="photoPreview" style="display: none;">
-                    <span class="block rounded-full w-20 h-20 bg-cover bg-no-repeat bg-center"
-                          x-bind:style="'background-image: url(\'' + photoPreview + '\');'">
-                    </span>
-                </div>
-
-                <x-button class="btn-outline" class="mt-2 me-2" type="button" x-on:click.prevent="$refs.photo.click()">
-                    {{ __('Select A New Photo') }}
-                </x-button>
-
-                @if ($this->user->profile_photo_path)
-                    <x-button class="btn-outline" type="button" class="mt-2" wire:click="deleteProfilePhoto">
-                        {{ __('Remove Photo') }}
-                    </x-button>
-                @endif
-
-                @if ($errors->has('photo') && is_array($errors->get('photo')))
-                    <p class="text-sm text-red-600 dark:text-red-400">{{ $errors->get('photo')[0] }}</p>
-                @endif
+            {{-- Current Profile Photo --}}
+            <div class="mt-2" x-show="! photoPreview">
+                <img src="{{ $this->user->profile_photo_url }}" alt="{{ $this->user->name }}" class="rounded-full h-20 w-20 object-cover">
             </div>
-        @endif
 
-        <!-- Name -->
-        <div class="col-span-6 sm:col-span-4">
-            <x-input id="name" label="{{ __('Name') }}" type="text" class="mt-1 block w-full" wire:model="state.name" error-field="name" required autocomplete="name" />
+            {{-- New Profile Photo Preview --}}
+            <div class="mt-2" x-show="photoPreview" style="display: none;">
+                <span class="block rounded-full w-20 h-20 bg-cover bg-no-repeat bg-center"
+                        x-bind:style="'background-image: url(\'' + photoPreview + '\');'">
+                </span>
+            </div>
+
+            <x-ui.button class="btn-outline" class="mt-2 me-2" type="button" x-on:click.prevent="$refs.photo.click()">
+                {{ __('Select A New Photo') }}
+            </x-ui.button>
+
+            @if ($this->user->profile_photo_path)
+                <x-ui.button class="btn-outline" type="button" class="mt-2" wire:click="deleteProfilePhoto">
+                    {{ __('Remove Photo') }}
+                </x-ui.button>
+            @endif
+
+            @if ($errors->has('photo') && is_array($errors->get('photo')))
+                <p class="text-sm text-red-600 dark:text-red-400">{{ $errors->get('photo')[0] }}</p>
+            @endif
         </div>
 
-        <!-- Email -->
+        {{-- Name --}}
         <div class="col-span-6 sm:col-span-4">
-            <x-input id="email" label="{{ __('Email') }}" type="email" class="mt-1 block w-full" wire:model="state.email" error-field="email" required autocomplete="username" />
+            <x-ui.input id="name" label="{{ __('Name') }}" type="text" class="mt-1 block w-full" wire:model="state.name" error-field="name" required autocomplete="name" />
+        </div>
+
+        {{-- Email --}}
+        <div class="col-span-6 sm:col-span-4">
+            <x-ui.input id="email" label="{{ __('Email') }}" type="email" class="mt-1 block w-full" wire:model="state.email" error-field="email" required autocomplete="username" />
 
             @if (
                 ! config('investbrain.self_hosted')
@@ -94,8 +198,8 @@
             {{ __('Saved.') }}
         </x-forms.action-message>
 
-        <x-button type="submit" spinner="photo" wire:loading.attr="disabled" wire:target="photo">
+        <x-ui.button type="submit" spinner="photo" wire:loading.attr="disabled" wire:target="photo">
             {{ __('Save') }}
-        </x-button>
+        </x-ui.button>
     </x-slot>
 </x-forms.form-section>
diff --git a/resources/views/terms.blade.php b/resources/views/terms.blade.php
index 356f5a9..713df16 100644
--- a/resources/views/terms.blade.php
+++ b/resources/views/terms.blade.php
@@ -1,13 +1,13 @@
-<x-guest-layout>
-    <div class="pt-4 bg-gray-100 dark:bg-gray-900">
+<x-layouts.guest>
+    <div class="my-22">
         <div class="min-h-screen flex flex-col items-center pt-6 sm:pt-0">
             <div class="w-24 mb-10">
-                <x-glyph-only-logo />
+                <x-ui.logo />
             </div>
 
-            <div class="w-full sm:max-w-2xl mt-6 p-6 bg-white dark:bg-gray-800 shadow-md overflow-hidden sm:rounded-lg prose dark:prose-invert">
+            <div class="w-full sm:max-w-2xl mt-6 p-6 overflow-hidden sm:rounded-lg prose dark:prose-invert">
                 {!! $terms !!}
             </div>
         </div>
     </div>
-</x-guest-layout>
+</x-layouts.guest>
diff --git a/resources/views/transaction/index.blade.php b/resources/views/transaction/index.blade.php
index 31cdd76..bcddb6e 100644
--- a/resources/views/transaction/index.blade.php
+++ b/resources/views/transaction/index.blade.php
@@ -1,28 +1,27 @@
-<x-app-layout>
+<x-layouts.app>
     <div x-data>  
 
-        <x-ib-alpine-modal 
+        <x-ui.modal 
             key="create-transaction"
             title="{{ __('Create Transaction') }}"
         >
             @livewire('manage-transaction-form')
 
-        </x-ib-alpine-modal>
+        </x-ui.modal>
 
-        <x-ib-toolbar title="{{ __('All Transactions') }}">
+        <x-ui.toolbar title="{{ __('All Transactions') }}">
 
-            <x-ib-flex-spacer />
+            <x-ui.flex-spacer />
             
             <div>
-                <x-button 
+                <x-ui.button 
                     label="{{ __('Create Transaction') }}" 
                     class="btn-sm btn-primary whitespace-nowrap " 
                     @click="$dispatch('toggle-create-transaction')"
                 />
             </div>
-        </x-ib-toolbar>
-
-        @livewire('transactions-table')
+        </x-ui.toolbar>
 
+        @livewire('datatables.transactions-table')
     </div>
-</x-app-layout>
+</x-layouts.app>
diff --git a/resources/views/transaction/manage-transaction-form.blade.php b/resources/views/transaction/manage-transaction-form.blade.php
index 2bbc15d..621e2f2 100644
--- a/resources/views/transaction/manage-transaction-form.blade.php
+++ b/resources/views/transaction/manage-transaction-form.blade.php
@@ -6,10 +6,10 @@ use App\Models\Portfolio;
 use App\Models\Transaction;
 use App\Rules\QuantityValidationRule;
 use App\Rules\SymbolValidationRule;
+use App\Traits\Toast;
 use App\Traits\WithTrimStrings;
 use Illuminate\Support\Collection;
 use Livewire\Volt\Component;
-use Mary\Traits\Toast;
 
 new class extends Component
 {
@@ -133,11 +133,11 @@ new class extends Component
 }; ?>
 
 <div class="" x-data="{ transaction_type: @entangle('transaction_type') }">
-    <x-ib-form wire:submit="{{ $transaction ? 'update' : 'save' }}" class="">
+    <x-ui.form wire:submit="{{ $transaction ? 'update' : 'save' }}" class="">
 
         @if(empty($portfolio))
 
-            <x-select 
+            <x-ui.select 
                 label="{{ __('Portfolio') }}" 
                 wire:model="portfolio_id" 
                 required 
@@ -147,19 +147,19 @@ new class extends Component
             />
         @endif
 
-        <x-input label="{{ __('Symbol') }}" wire:model="symbol" required />
+        <x-ui.input label="{{ __('Symbol') }}" wire:model="symbol" required />
 
-        <x-select label="{{ __('Transaction Type') }}" :options="[
+        <x-ui.select label="{{ __('Transaction Type') }}" :options="[
             ['id' => 'BUY', 'name' => 'Buy'], 
             ['id' => 'SELL', 'name' => 'Sell']
         ]" wire:model.live="transaction_type" />
         
-        <x-datetime label="{{ __('Transaction Date') }}" wire:model="date" required />
+        <x-ui.datetime label="{{ __('Transaction Date') }}" wire:model="date" required />
         
-        <x-input label="{{ __('Quantity') }}" type="number" step="any" wire:model="quantity" required />
+        <x-ui.input label="{{ __('Quantity') }}" type="number" step="any" wire:model="quantity" required />
         
         @if($transaction_type == 'SELL')
-            <x-input 
+            <x-ui.input 
                 label="{{ __('Sale Price') }}" 
                 wire:model.number="sale_price" 
                 required 
@@ -168,7 +168,7 @@ new class extends Component
             >
                 <x-slot:prepend>
                     
-                    <x-select 
+                    <x-ui.select 
                         class="rounded-e-none border-e-0 bg-base-200"
                         icon="o-banknotes"
                         :options="$currencies"
@@ -178,9 +178,9 @@ new class extends Component
                         id="currency"
                     />
                 </x-slot:prepend>
-            </x-input>
+            </x-ui.input>
         @else
-            <x-input 
+            <x-ui.input 
                 label="{{ __('Cost Basis') }}" 
                 wire:model.number="cost_basis" 
                 required 
@@ -189,7 +189,7 @@ new class extends Component
             >
                 <x-slot:prepend>
 
-                    <x-select 
+                    <x-ui.select 
                         class="rounded-e-none border-e-0 bg-base-200"
                         icon="o-banknotes"
                         :options="$currencies"
@@ -200,12 +200,12 @@ new class extends Component
                     />
                 </x-slot:prepend>
              
-            </x-input>
+            </x-ui.input>
         @endif
 
         <x-slot:actions>
             @if ($transaction)
-                <x-button 
+                <x-ui.button 
                     wire:click="$toggle('confirmingTransactionDeletion')" 
                     wire:loading.attr="disabled"
                     class="btn text-error" 
@@ -214,7 +214,7 @@ new class extends Component
                 />
             @endif
 
-            <x-button 
+            <x-ui.button 
                 label="{{ $transaction ? __('Update') : __('Create') }}" 
                 type="submit" 
                 icon="o-paper-airplane" 
@@ -222,9 +222,9 @@ new class extends Component
                 spinner="{{ $transaction ? 'update' : 'save' }}"
             />
         </x-slot:actions>
-    </x-ib-form>
+    </x-ui.form>
 
-    <x-confirmation-modal wire:model.live="confirmingTransactionDeletion">
+    <x-ui.confirmation-modal wire:model.live="confirmingTransactionDeletion">
         <x-slot name="title">
             {{ __('Delete Transaction') }}
         </x-slot>
@@ -234,13 +234,13 @@ new class extends Component
         </x-slot>
 
         <x-slot name="footer">
-            <x-button class="btn-outline" wire:click="$toggle('confirmingTransactionDeletion')" wire:loading.attr="disabled">
+            <x-ui.button class="btn-outline" wire:click="$toggle('confirmingTransactionDeletion')" wire:loading.attr="disabled">
                 {{ __('Cancel') }}
-            </x-secondary-button>
+            </x-ui.button>
 
-            <x-button class="ms-3 btn-error text-white" wire:click="delete" wire:loading.attr="disabled">
+            <x-ui.button class="ms-3 btn-error text-white" wire:click="delete" wire:loading.attr="disabled">
                 {{ __('Delete Transaction') }}
-            </x-button>
+            </x-ui.button>
         </x-slot>
-    </x-confirmation-modal>
+    </x-ui.confirmation-modal>
 </div>
\ No newline at end of file
diff --git a/resources/views/transaction/transactions-list.blade.php b/resources/views/transaction/transactions-list.blade.php
index c2620ba..44274ed 100644
--- a/resources/views/transaction/transactions-list.blade.php
+++ b/resources/views/transaction/transactions-list.blade.php
@@ -2,11 +2,11 @@
 
 use App\Models\Portfolio;
 use App\Models\Transaction;
+use App\Traits\Toast;
 use Illuminate\Support\Collection;
 use Livewire\Volt\Component;
-use Mary\Traits\Toast;
 
-new class extends Component
+new class extends Component 
 {
     use Toast;
 
@@ -47,7 +47,7 @@ new class extends Component
 
     public function goToHolding($holding)
     {
-        return $this->redirect(route('holding.show', ['portfolio' => $holding['portfolio_id'], 'symbol' => $holding['symbol']]));
+        return $this->redirect(route('holding.show', ['portfolio' => $holding['portfolio_id'], 'symbol' => $holding['symbol']]), navigate: true);
     }
 
     public function updateOffset($amount = 0)
@@ -60,7 +60,7 @@ new class extends Component
 
     @foreach($transactions->sortByDesc('date')->slice($offset)->take($perPage) as $transaction)
 
-        <x-list-item 
+        <x-ui.list-item 
             no-separator 
             :item="$transaction" 
             class="cursor-pointer"
@@ -69,7 +69,7 @@ new class extends Component
             @click="
                 if ($wire.shouldGoToHolding) {
 
-                    $wire.goToHolding({{ $transaction }})
+                    $wire.goToHolding(JSON.parse('{{ json_encode($transaction->only(['portfolio_id', 'symbol'])) }}'))
                     
                     return;
                 }
@@ -81,7 +81,7 @@ new class extends Component
             "
         >
             <x-slot:value class="flex items-center">
-                <x-badge 
+                <x-ui.badge 
                     :value="$transaction->split
                         ? 'SPLIT'
                         : ($transaction->reinvested_dividend
@@ -100,7 +100,7 @@ new class extends Component
                     $transaction->market_data?->currency
                 ) }})
 
-                <x-loading x-show="loading" x-cloak class="text-gray-400 ml-2" />
+                <x-ui.loading x-show="loading" x-cloak class="text-gray-400 ml-2" />
             </x-slot:value>
             <x-slot:sub-value>
                 @if($showPortfolio)
@@ -109,7 +109,7 @@ new class extends Component
                 @endif
                 <span title="{{ __('Transaction Date') }}">{{ $transaction->date->format('F j, Y') }} </span>
             </x-slot:sub-value>
-        </x-list-item>
+        </x-ui.list-item>
 
     @endforeach
 
@@ -118,30 +118,30 @@ new class extends Component
             
             <span>
                 @if($offset > 0)
-                <x-button 
+                <x-ui.button 
                     class="btn btn-sm btn-ghost text-secondary"
                     wire:click="updateOffset(-{{ $perPage }})"
                 >
                     {!! __('pagination.previous') !!}
-                </x-button>
+                </x-ui.button>
                 @endif
             </span>
 
             <span>
                 @if(count($transactions) - $offset >  $offset)
-                <x-button 
+                <x-ui.button 
                     class="btn btn-sm btn-ghost text-secondary"
                     wire:click="updateOffset({{ $perPage }})"
                 >
                     {!! __('pagination.next') !!}
-                </x-button>
+                </x-ui.button>
                 @endif
             </span>
             
         </div>
     @endif
 
-    <x-ib-alpine-modal 
+    <x-ui.modal 
         key="manage-transaction"
         title="{{ __('Manage Transaction') }}"
     >
@@ -150,5 +150,5 @@ new class extends Component
             'transaction' => $editingTransaction, 
         ], key($editingTransaction?->id.rand()))
 
-    </x-ib-alpine-modal>
-</div>
\ No newline at end of file
+    </x-ui.modal>
+</div>
diff --git a/resources/views/transaction/transactions-table.blade.php b/resources/views/transaction/transactions-table.blade.php
deleted file mode 100644
index e122eb4..0000000
--- a/resources/views/transaction/transactions-table.blade.php
+++ /dev/null
@@ -1,124 +0,0 @@
-<?php
-
-use App\Models\Transaction;
-use App\Models\User;
-use Livewire\Volt\Component;
-use Livewire\WithPagination;
-use App\Models\Currency;
-
-new class extends Component
-{
-    use WithPagination;
-
-    // props
-    public User $user;
-
-    public ?Transaction $editingTransaction;
-
-    protected $listeners = [
-        'transaction-updated' => '$refresh',
-        'transaction-saved' => '$refresh',
-    ];
-
-    public array $sortBy = ['column' => 'date', 'direction' => 'desc'];
-
-    public array $headers;
-
-    // methods
-    public function goToHolding($holding)
-    {
-        return $this->redirect(route('holding.show', ['portfolio' => $holding['portfolio_id'], 'symbol' => $holding['symbol']]));
-    }
-
-    public function mount()
-    {
-        $this->headers = [
-            ['key' => 'date', 'label' => __('Date'), 'sortable' => true],
-            ['key' => 'portfolio_title', 'label' => __('Portfolio')],
-            ['key' => 'symbol', 'label' => __('Symbol'), 'class' => ''],
-            ['key' => 'market_data_name', 'label' => __('Name')],
-            ['key' => 'transaction_type', 'label' => __('Type')],
-            ['key' => 'split', 'label' => __('Split')],
-            ['key' => 'quantity', 'label' => __('Quantity')],
-            ['key' => 'cost_basis', 'label' => __('Cost Basis')],
-            ['key' => 'gain_dollars', 'label' => __('Gain/Loss')],
-        ];
-    }
-
-    public function transactions()
-    {
-        return auth()
-            ->user()
-            ->transactions()
-            ->orderBy(...array_values($this->sortBy))
-            ->paginate(10);
-    }
-}; ?>
-
-<div class="">
-    
-    <x-table 
-        :headers="$headers" 
-        :rows="$this->transactions()" 
-        x-data="{ loadingId: null, timeout: null }"
-        @row-click="
-            timeout = setTimeout(() => { loadingId = $event.detail.id }, 200);
-            $wire.goToHolding($event.detail).then(() => {
-                clearTimeout(timeout);
-                loadingId = null;
-            })
-        "
-        :sort-by="$sortBy" 
-        with-pagination
-    >
-        @scope('cell_symbol', $row)
-            <span class="flex">
-                {{ $row->symbol }}
-                <x-loading x-show="loadingId === '{{ $row->id }}'" x-cloak class="text-gray-400 ml-2" />
-            </span>
-        @endscope
-        @scope('cell_date', $row)
-            {{ $row->date->format('M d, Y') }}
-        @endscope
-        @scope('cell_split', $row)
-            {{ $row->split ? __('Yes') : '' }}
-        @endscope
-        @scope('cell_transaction_type', $row)
-            <x-badge 
-                :value="$row->split
-                        ? 'SPLIT'
-                        : ($row->reinvested_dividend
-                            ? 'REINVEST' 
-                            : $row->transaction_type)" 
-                class="{{ $row->transaction_type == 'BUY' 
-                    ? 'badge-success' 
-                    : 'badge-error' }} badge-sm mr-3" 
-            />
-        @endscope
-        @scope('cell_cost_basis', $row)
-            {{ Number::currency($row->cost_basis ?? 0, $row->market_data->currency) }}
-        @endscope
-        @scope('cell_total_cost_basis', $row)
-            {{ Number::currency($row->total_cost_basis ?? 0, $row->market_data->currency) }}
-        @endscope
-        @scope('cell_gain_dollars', $row)
-            {{ Number::currency($row->gain_dollars ?? 0, $row->market_data->currency) }}
-        @endscope
-        @scope('cell_market_data_market_value', $row)
-            {{ Number::currency($row->market_data_market_value ?? 0, $row->market_data->currency) }}
-        @endscope
-        @scope('cell_total_market_value', $row)
-            {{ Number::currency($row->total_market_value ?? 0, $row->market_data->currency) }}
-        @endscope
-    </x-table>
-
-    <x-ib-alpine-modal 
-        key="manage-transaction"
-        title="Manage Transaction"
-    >
-        @livewire('manage-transaction-form', [
-            'transaction' => $editingTransaction, 
-        ], key($editingTransaction->id ?? 'new'))
-
-    </x-ib-alpine-modal>
-</div>
\ No newline at end of file
diff --git a/resources/views/vendor/mail/html/layout.blade.php b/resources/views/vendor/mail/html/layout.blade.php
index e55f6a6..ab7397e 100644
--- a/resources/views/vendor/mail/html/layout.blade.php
+++ b/resources/views/vendor/mail/html/layout.blade.php
@@ -32,11 +32,11 @@ width: 100% !important;
 <table class="content" width="100%" cellpadding="0" cellspacing="0" role="presentation">
 {{ $header ?? '' }}
 
-<!-- Email Body -->
+{{-- Email Body --}}
 <tr>
 <td class="body" width="100%" cellpadding="0" cellspacing="0" style="border: hidden !important;">
 <table class="inner-body" align="center" width="570" cellpadding="0" cellspacing="0" role="presentation">
-<!-- Body content -->
+{{-- Body content --}}
 <tr>
 <td class="content-cell">
 {{ Illuminate\Mail\Markdown::parse($slot) }}
diff --git a/routes/web.php b/routes/web.php
index 6fd1a65..9d072dd 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -2,17 +2,20 @@
 
 declare(strict_types=1);
 
+use App\Http\Controllers\ApiTokenController;
 use App\Http\Controllers\ConnectedAccountController;
 use App\Http\Controllers\DashboardController;
 use App\Http\Controllers\HoldingController;
 use App\Http\Controllers\InvitedOnboardingController;
 use App\Http\Controllers\PortfolioController;
+use App\Http\Controllers\PrivacyPolicyController;
+use App\Http\Controllers\TermsOfServiceController;
 use App\Http\Controllers\TransactionController;
+use App\Http\Controllers\UserProfileController;
+use App\Support\Spotlight;
+use Illuminate\Http\Request;
 use Illuminate\Support\Facades\Route;
 use Illuminate\Support\Facades\View;
-use Laravel\Jetstream\Http\Controllers\Livewire\ApiTokenController;
-use Laravel\Jetstream\Http\Controllers\Livewire\PrivacyPolicyController;
-use Laravel\Jetstream\Http\Controllers\Livewire\TermsOfServiceController;
 
 Route::get('/', function () {
     if (! config('investbrain.self_hosted', true) && View::exists('landing-page::index')) {
@@ -23,10 +26,11 @@ Route::get('/', function () {
     return redirect(route('dashboard'));
 });
 
-Route::middleware(['auth:sanctum', config('jetstream.auth_session')])->group(function () {
+Route::middleware(['auth:sanctum', 'web'])->group(function () {
 
     Route::get('/dashboard', [DashboardController::class, 'show'])->name('dashboard');
-    Route::view('/import-export', 'import-export')
+
+    Route::view('/import-export', 'import-export.show')
         ->name('import-export')
         ->when(! config('investbrain.self_hosted'), function ($route) {
             return $route->middleware('verified');
@@ -38,18 +42,23 @@ Route::middleware(['auth:sanctum', config('jetstream.auth_session')])->group(fun
     Route::get('/portfolio/{portfolio}/{symbol}', [HoldingController::class, 'show'])->name('holding.show');
 
     Route::get('/transactions', [TransactionController::class, 'index'])->name('transaction.index');
+
+    Route::get('/spotlight', function (Request $request) {
+        return app()->make(Spotlight::class)->search($request);
+    })->name('spotlight');
+
+    Route::get('/user/profile', [UserProfileController::class, 'show'])->name('profile.show');
+
+    Route::get('/user/api-tokens', [ApiTokenController::class, 'index'])
+        ->name('api-tokens.index')
+        ->when(! config('investbrain.self_hosted'), function ($route) {
+            return $route->middleware('verified');
+        });
 });
 
 // Invited onboarding
 Route::get('invite/{portfolio}/{user}', InvitedOnboardingController::class)->name('invited_onboarding')->scopeBindings();
 
-// Overwrites Jetstream routes
-Route::get('/user/api-tokens', [ApiTokenController::class, 'index'])
-    ->name('api-tokens.index')
-    ->middleware('auth:sanctum')
-    ->when(! config('investbrain.self_hosted'), function ($route) {
-        return $route->middleware(['verified']);
-    });
 Route::get('/terms', [TermsOfServiceController::class, 'show'])->name('terms.show');
 Route::get('/privacy', [PrivacyPolicyController::class, 'show'])->name('policy.show');
 
diff --git a/tailwind.config.js b/tailwind.config.js
deleted file mode 100644
index 1580c51..0000000
--- a/tailwind.config.js
+++ /dev/null
@@ -1,46 +0,0 @@
-import defaultTheme from 'tailwindcss/defaultTheme';
-import typography from '@tailwindcss/typography';
-
-/** @type {import('tailwindcss').Config} */
-export default {
-	daisyui: {
-		themes: [
-			{
-				business: {
-					...require("daisyui/src/theming/themes")["business"],
-					primary: "#8C5364",
-					secondary: "#939BB0",
-					"--animation-input": "0.15s",
-					"hover": '#00000000'
-				},
-			},
-			{
-				corporate: {
-					...require("daisyui/src/theming/themes")["corporate"],
-					primary: "#75A1D5",
-					secondary: "#91A3B0",
-					"--animation-input": "0.15s"
-				},
-			},
-		]
-	},
-    content: [
-		'./vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
-		 './vendor/laravel/jetstream/**/*.blade.php',
-		 './storage/framework/views/*.php',
-		 './resources/views/**/*.blade.php',
-		 "./vendor/robsontenorio/mary/src/View/Components/**/*.php"
-	],
-    theme: {
-        extend: {
-            fontFamily: {
-                sans: ['Figtree', ...defaultTheme.fontFamily.sans],
-            },
-        },
-    },
-	darkMode: ['class', '[data-theme="business"]'],
-    plugins: [
-		typography,
-		require("daisyui")
-	],
-};
diff --git a/tests/ApiTokenPermissionsTest.php b/tests/ApiTokenPermissionsTest.php
index 8df2b09..f9234b1 100644
--- a/tests/ApiTokenPermissionsTest.php
+++ b/tests/ApiTokenPermissionsTest.php
@@ -7,9 +7,8 @@ namespace Tests;
 use App\Models\User;
 use Illuminate\Foundation\Testing\RefreshDatabase;
 use Illuminate\Support\Str;
-use Laravel\Jetstream\Features;
-use Laravel\Jetstream\Http\Livewire\ApiTokenManager;
 use Livewire\Livewire;
+use Livewire\Volt\Volt;
 
 class ApiTokenPermissionsTest extends TestCase
 {
@@ -18,10 +17,6 @@ class ApiTokenPermissionsTest extends TestCase
     public function test_api_tokens_can_be_deleted(): void
     {
 
-        if (! Features::hasApiFeatures()) {
-            $this->markTestSkipped('API support is not enabled.');
-        }
-
         $this->actingAs($user = User::factory()->create());
 
         $token = $user->tokens()->create([
@@ -30,7 +25,7 @@ class ApiTokenPermissionsTest extends TestCase
             'abilities' => [],
         ]);
 
-        Livewire::test(ApiTokenManager::class)
+        Livewire::test('api-token-manager')
             ->set(['apiTokenIdBeingDeleted' => $token->id])
             ->call('deleteApiToken');
 
@@ -40,13 +35,9 @@ class ApiTokenPermissionsTest extends TestCase
     public function test_api_tokens_can_be_created(): void
     {
 
-        if (! Features::hasApiFeatures()) {
-            $this->markTestSkipped('API support is not enabled.');
-        }
-
         $this->actingAs($user = User::factory()->create());
 
-        Livewire::test(ApiTokenManager::class)
+        Livewire::test('api-token-manager')
             ->set(['createApiTokenForm' => [
                 'name' => 'Test Token',
                 'permissions' => [],
@@ -71,7 +62,7 @@ class ApiTokenPermissionsTest extends TestCase
     //         'abilities' => ['create', 'read'],
     //     ]);
 
-    //     Livewire::test(ApiTokenManager::class)
+    //     Volt::test('api-token-manager')
     //         ->set(['managingPermissionsFor' => $token])
     //         ->set(['updateApiTokenForm' => [
     //             'permissions' => [],
diff --git a/tests/BrowserSessionsTest.php b/tests/BrowserSessionsTest.php
deleted file mode 100644
index 6d29ebb..0000000
--- a/tests/BrowserSessionsTest.php
+++ /dev/null
@@ -1,25 +0,0 @@
-<?php
-
-declare(strict_types=1);
-
-namespace Tests;
-
-use App\Models\User;
-use Illuminate\Foundation\Testing\RefreshDatabase;
-use Laravel\Jetstream\Http\Livewire\LogoutOtherBrowserSessionsForm;
-use Livewire\Livewire;
-
-class BrowserSessionsTest extends TestCase
-{
-    use RefreshDatabase;
-
-    public function test_other_browser_sessions_can_be_logged_out(): void
-    {
-        $this->actingAs(User::factory()->create());
-
-        Livewire::test(LogoutOtherBrowserSessionsForm::class)
-            ->set('password', 'password')
-            ->call('logoutOtherBrowserSessions')
-            ->assertSuccessful();
-    }
-}
diff --git a/tests/DeleteAccountTest.php b/tests/DeleteAccountTest.php
index c30b7b0..13f318f 100644
--- a/tests/DeleteAccountTest.php
+++ b/tests/DeleteAccountTest.php
@@ -6,8 +6,6 @@ namespace Tests;
 
 use App\Models\User;
 use Illuminate\Foundation\Testing\RefreshDatabase;
-use Laravel\Jetstream\Features;
-use Laravel\Jetstream\Http\Livewire\DeleteUserForm;
 use Livewire\Livewire;
 
 class DeleteAccountTest extends TestCase
@@ -16,13 +14,10 @@ class DeleteAccountTest extends TestCase
 
     public function test_user_accounts_can_be_deleted(): void
     {
-        if (! Features::hasAccountDeletionFeatures()) {
-            $this->markTestSkipped('Account deletion is not enabled.');
-        }
-
+        
         $this->actingAs($user = User::factory()->create());
 
-        $component = Livewire::test(DeleteUserForm::class)
+        $component = Livewire::test('delete-user-form')
             ->set('password', 'password')
             ->call('deleteUser');
 
@@ -31,13 +26,10 @@ class DeleteAccountTest extends TestCase
 
     public function test_correct_password_must_be_provided_before_account_can_be_deleted(): void
     {
-        if (! Features::hasAccountDeletionFeatures()) {
-            $this->markTestSkipped('Account deletion is not enabled.');
-        }
-
+        
         $this->actingAs($user = User::factory()->create());
 
-        Livewire::test(DeleteUserForm::class)
+        Livewire::test('delete-user-form')
             ->set('password', 'wrong-password')
             ->call('deleteUser')
             ->assertHasErrors(['password']);
diff --git a/tests/ProfileInformationTest.php b/tests/ProfileInformationTest.php
index a04ef69..c37a3c1 100644
--- a/tests/ProfileInformationTest.php
+++ b/tests/ProfileInformationTest.php
@@ -6,7 +6,6 @@ namespace Tests;
 
 use App\Models\User;
 use Illuminate\Foundation\Testing\RefreshDatabase;
-use Laravel\Jetstream\Http\Livewire\UpdateProfileInformationForm;
 use Livewire\Livewire;
 
 class ProfileInformationTest extends TestCase
@@ -17,7 +16,7 @@ class ProfileInformationTest extends TestCase
     {
         $this->actingAs($user = User::factory()->create());
 
-        $component = Livewire::test(UpdateProfileInformationForm::class);
+        $component = Livewire::test('update-profile-information-form');
 
         $this->assertEquals($user->name, $component->state['name']);
         $this->assertEquals($user->email, $component->state['email']);
@@ -27,7 +26,7 @@ class ProfileInformationTest extends TestCase
     {
         $this->actingAs($user = User::factory()->create());
 
-        Livewire::test(UpdateProfileInformationForm::class)
+        Livewire::test('update-profile-information-form')
             ->set('state', ['name' => 'Test Name', 'email' => 'test@example.com'])
             ->call('updateProfileInformation');
 
diff --git a/tests/TwoFactorAuthenticationSettingsTest.php b/tests/TwoFactorAuthenticationSettingsTest.php
index 7c31980..a739258 100644
--- a/tests/TwoFactorAuthenticationSettingsTest.php
+++ b/tests/TwoFactorAuthenticationSettingsTest.php
@@ -7,7 +7,6 @@ namespace Tests;
 use App\Models\User;
 use Illuminate\Foundation\Testing\RefreshDatabase;
 use Laravel\Fortify\Features;
-use Laravel\Jetstream\Http\Livewire\TwoFactorAuthenticationForm;
 use Livewire\Livewire;
 
 class TwoFactorAuthenticationSettingsTest extends TestCase
@@ -24,7 +23,7 @@ class TwoFactorAuthenticationSettingsTest extends TestCase
 
         $this->withSession(['auth.password_confirmed_at' => time()]);
 
-        Livewire::test(TwoFactorAuthenticationForm::class)
+        Livewire::test('two-factor-authentication-form')
             ->call('enableTwoFactorAuthentication');
 
         $user = $user->fresh();
@@ -43,7 +42,7 @@ class TwoFactorAuthenticationSettingsTest extends TestCase
 
         $this->withSession(['auth.password_confirmed_at' => time()]);
 
-        $component = Livewire::test(TwoFactorAuthenticationForm::class)
+        $component = Livewire::test('two-factor-authentication-form')
             ->call('enableTwoFactorAuthentication')
             ->call('regenerateRecoveryCodes');
 
@@ -65,7 +64,7 @@ class TwoFactorAuthenticationSettingsTest extends TestCase
 
         $this->withSession(['auth.password_confirmed_at' => time()]);
 
-        $component = Livewire::test(TwoFactorAuthenticationForm::class)
+        $component = Livewire::test('two-factor-authentication-form')
             ->call('enableTwoFactorAuthentication');
 
         $this->assertNotNull($user->fresh()->two_factor_secret);
diff --git a/tests/UpdatePasswordTest.php b/tests/UpdatePasswordTest.php
index f97d10e..c5a18e9 100644
--- a/tests/UpdatePasswordTest.php
+++ b/tests/UpdatePasswordTest.php
@@ -7,7 +7,6 @@ namespace Tests;
 use App\Models\User;
 use Illuminate\Foundation\Testing\RefreshDatabase;
 use Illuminate\Support\Facades\Hash;
-use Laravel\Jetstream\Http\Livewire\UpdatePasswordForm;
 use Livewire\Livewire;
 
 class UpdatePasswordTest extends TestCase
@@ -18,7 +17,7 @@ class UpdatePasswordTest extends TestCase
     {
         $this->actingAs($user = User::factory()->create());
 
-        Livewire::test(UpdatePasswordForm::class)
+        Livewire::test('update-password-form')
             ->set('state', [
                 'current_password' => 'password',
                 'password' => 'new-password',
@@ -33,7 +32,7 @@ class UpdatePasswordTest extends TestCase
     {
         $this->actingAs($user = User::factory()->create());
 
-        Livewire::test(UpdatePasswordForm::class)
+        Livewire::test('update-password-form')
             ->set('state', [
                 'current_password' => 'wrong-password',
                 'password' => 'new-password',
@@ -49,7 +48,7 @@ class UpdatePasswordTest extends TestCase
     {
         $this->actingAs($user = User::factory()->create());
 
-        Livewire::test(UpdatePasswordForm::class)
+        Livewire::test('update-password-form')
             ->set('state', [
                 'current_password' => 'password',
                 'password' => 'new-password',
diff --git a/vite.config.js b/vite.config.js
index 89f26f5..5450ea7 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,5 +1,6 @@
 import { defineConfig } from 'vite';
 import laravel from 'laravel-vite-plugin';
+import tailwindcss from '@tailwindcss/vite'
 
 export default defineConfig({
     plugins: [
@@ -10,5 +11,6 @@ export default defineConfig({
             ],
             refresh: true,
         }),
+        tailwindcss(),
     ],
 });