From aa8575fa7257d0d93cfadf907884077e7d95884a Mon Sep 17 00:00:00 2001
From: danielhe4rt <hey@danielheart.dev>
Date: Wed, 31 May 2023 17:18:11 -0300
Subject: [PATCH] feat: add filament Donor and Status resources

---
 .bash_history                                 |    6 +
 .../Resources/Donor/DonorResource.php         |   94 +
 .../Donor/DonorResource/Pages/CreateDonor.php |   12 +
 .../Donor/DonorResource/Pages/EditDonor.php   |   19 +
 .../Donor/DonorResource/Pages/ListDonors.php  |   19 +
 .../Resources/Donor/StatusResource.php        |   72 +
 .../StatusResource/Pages/CreateStatus.php     |   12 +
 .../Donor/StatusResource/Pages/EditStatus.php |   19 +
 .../StatusResource/Pages/ListStatuses.php     |   19 +
 app/Models/Donor/Donor.php                    |    6 +
 composer.json                                 |    1 +
 composer.lock                                 |  390 +++-
 package-lock.json                             |  188 +-
 package.json                                  |    4 +-
 postcss.config.cjs                            |    6 +
 postcss.config.js                             |    6 -
 resources/css/app.css                         |    3 +-
 resources/js/app.js                           |   11 +-
 resources/js/bootstrap.js                     |   32 -
 resources/views/layouts/app.blade.php         |   24 +
 tailwind.config.js                            | 1758 +++++++++--------
 vite.config.js                                |   12 +-
 22 files changed, 1698 insertions(+), 1015 deletions(-)
 create mode 100644 .bash_history
 create mode 100644 app/Filament/Resources/Donor/DonorResource.php
 create mode 100644 app/Filament/Resources/Donor/DonorResource/Pages/CreateDonor.php
 create mode 100644 app/Filament/Resources/Donor/DonorResource/Pages/EditDonor.php
 create mode 100644 app/Filament/Resources/Donor/DonorResource/Pages/ListDonors.php
 create mode 100644 app/Filament/Resources/Donor/StatusResource.php
 create mode 100644 app/Filament/Resources/Donor/StatusResource/Pages/CreateStatus.php
 create mode 100644 app/Filament/Resources/Donor/StatusResource/Pages/EditStatus.php
 create mode 100644 app/Filament/Resources/Donor/StatusResource/Pages/ListStatuses.php
 create mode 100644 postcss.config.cjs
 delete mode 100644 postcss.config.js
 delete mode 100644 resources/js/bootstrap.js
 create mode 100644 resources/views/layouts/app.blade.php

diff --git a/.bash_history b/.bash_history
new file mode 100644
index 0000000..3e8e1b5
--- /dev/null
+++ b/.bash_history
@@ -0,0 +1,6 @@
+php artisan make:filament-resource Donor/Status --generate
+php artisan db:seed
+php artisan make:filament-resource Donor/Donor --generate
+php artisan forms:install
+npm install && npm run dev
+exit
diff --git a/app/Filament/Resources/Donor/DonorResource.php b/app/Filament/Resources/Donor/DonorResource.php
new file mode 100644
index 0000000..2abfc72
--- /dev/null
+++ b/app/Filament/Resources/Donor/DonorResource.php
@@ -0,0 +1,94 @@
+<?php
+
+namespace App\Filament\Resources\Donor;
+
+use App\Filament\Resources\Donor\DonorResource\Pages;
+use App\Filament\Resources\Donor\DonorResource\RelationManagers;
+use App\Models\Donor\Donor;
+use Filament\Forms;
+use Filament\Resources\Form;
+use Filament\Resources\Resource;
+use Filament\Resources\Table;
+use Filament\Tables;
+use Illuminate\Database\Eloquent\Builder;
+use Illuminate\Database\Eloquent\SoftDeletingScope;
+
+class DonorResource extends Resource
+{
+    protected static ?string $model = Donor::class;
+
+    protected static ?string $navigationGroup = 'Donor';
+
+    protected static ?string $navigationIcon = 'heroicon-o-collection';
+
+    public static function form(Form $form): Form
+    {
+        return $form
+            ->schema([
+                Forms\Components\Select::make('status_id')
+                    ->relationship('status', 'Status')
+                    ->searchable()
+                    ->required(),
+                Forms\Components\TextInput::make('name')
+                    ->required()
+                    ->maxLength(255),
+                Forms\Components\TextInput::make('email')
+                    ->email()
+                    ->required()
+                    ->maxLength(255),
+                Forms\Components\TextInput::make('full_address')
+                    ->required()
+                    ->maxLength(255),
+                Forms\Components\TextInput::make('job_title')
+                    ->required()
+                    ->maxLength(255),
+                Forms\Components\TextInput::make('social_type')
+                    ->maxLength(255),
+                Forms\Components\TextInput::make('social_url')
+                    ->maxLength(255),
+            ]);
+    }
+
+    public static function table(Table $table): Table
+    {
+        return $table
+            ->columns([
+                Tables\Columns\TextColumn::make('status_id'),
+                Tables\Columns\TextColumn::make('name'),
+                Tables\Columns\TextColumn::make('email'),
+                Tables\Columns\TextColumn::make('full_address'),
+                Tables\Columns\TextColumn::make('job_title'),
+                Tables\Columns\TextColumn::make('social_type'),
+                Tables\Columns\TextColumn::make('social_url'),
+                Tables\Columns\TextColumn::make('created_at')
+                    ->dateTime(),
+                Tables\Columns\TextColumn::make('updated_at')
+                    ->dateTime(),
+            ])
+            ->filters([
+                //
+            ])
+            ->actions([
+                Tables\Actions\EditAction::make(),
+            ])
+            ->bulkActions([
+                Tables\Actions\DeleteBulkAction::make(),
+            ]);
+    }
+
+    public static function getRelations(): array
+    {
+        return [
+            //
+        ];
+    }
+
+    public static function getPages(): array
+    {
+        return [
+            'index' => Pages\ListDonors::route('/'),
+            'create' => Pages\CreateDonor::route('/create'),
+            'edit' => Pages\EditDonor::route('/{record}/edit'),
+        ];
+    }
+}
diff --git a/app/Filament/Resources/Donor/DonorResource/Pages/CreateDonor.php b/app/Filament/Resources/Donor/DonorResource/Pages/CreateDonor.php
new file mode 100644
index 0000000..f3a6270
--- /dev/null
+++ b/app/Filament/Resources/Donor/DonorResource/Pages/CreateDonor.php
@@ -0,0 +1,12 @@
+<?php
+
+namespace App\Filament\Resources\Donor\DonorResource\Pages;
+
+use App\Filament\Resources\Donor\DonorResource;
+use Filament\Pages\Actions;
+use Filament\Resources\Pages\CreateRecord;
+
+class CreateDonor extends CreateRecord
+{
+    protected static string $resource = DonorResource::class;
+}
diff --git a/app/Filament/Resources/Donor/DonorResource/Pages/EditDonor.php b/app/Filament/Resources/Donor/DonorResource/Pages/EditDonor.php
new file mode 100644
index 0000000..9af6fb6
--- /dev/null
+++ b/app/Filament/Resources/Donor/DonorResource/Pages/EditDonor.php
@@ -0,0 +1,19 @@
+<?php
+
+namespace App\Filament\Resources\Donor\DonorResource\Pages;
+
+use App\Filament\Resources\Donor\DonorResource;
+use Filament\Pages\Actions;
+use Filament\Resources\Pages\EditRecord;
+
+class EditDonor extends EditRecord
+{
+    protected static string $resource = DonorResource::class;
+
+    protected function getActions(): array
+    {
+        return [
+            Actions\DeleteAction::make(),
+        ];
+    }
+}
diff --git a/app/Filament/Resources/Donor/DonorResource/Pages/ListDonors.php b/app/Filament/Resources/Donor/DonorResource/Pages/ListDonors.php
new file mode 100644
index 0000000..dc221a0
--- /dev/null
+++ b/app/Filament/Resources/Donor/DonorResource/Pages/ListDonors.php
@@ -0,0 +1,19 @@
+<?php
+
+namespace App\Filament\Resources\Donor\DonorResource\Pages;
+
+use App\Filament\Resources\Donor\DonorResource;
+use Filament\Pages\Actions;
+use Filament\Resources\Pages\ListRecords;
+
+class ListDonors extends ListRecords
+{
+    protected static string $resource = DonorResource::class;
+
+    protected function getActions(): array
+    {
+        return [
+            Actions\CreateAction::make(),
+        ];
+    }
+}
diff --git a/app/Filament/Resources/Donor/StatusResource.php b/app/Filament/Resources/Donor/StatusResource.php
new file mode 100644
index 0000000..027bd87
--- /dev/null
+++ b/app/Filament/Resources/Donor/StatusResource.php
@@ -0,0 +1,72 @@
+<?php
+
+namespace App\Filament\Resources\Donor;
+
+use App\Filament\Resources\Donor\StatusResource\Pages;
+use App\Filament\Resources\Donor\StatusResource\RelationManagers;
+use App\Models\Donor\Status;
+use Filament\Forms;
+use Filament\Resources\Form;
+use Filament\Resources\Resource;
+use Filament\Resources\Table;
+use Filament\Tables;
+use Illuminate\Database\Eloquent\Builder;
+use Illuminate\Database\Eloquent\SoftDeletingScope;
+
+class StatusResource extends Resource
+{
+    protected static ?string $model = Status::class;
+
+    protected static ?string $navigationLabel = 'Donor Statuses';
+
+    protected static ?string $navigationGroup = 'Donor';
+
+    protected static ?string $navigationIcon = 'heroicon-o-collection';
+
+    public static function form(Form $form): Form
+    {
+        return $form
+            ->schema([
+                Forms\Components\TextInput::make('name')
+                    ->required()
+                    ->maxLength(255),
+            ]);
+    }
+
+    public static function table(Table $table): Table
+    {
+        return $table
+            ->columns([
+                Tables\Columns\TextColumn::make('name')->sortable(),
+                Tables\Columns\TextColumn::make('created_at')
+                    ->dateTime(),
+                Tables\Columns\TextColumn::make('updated_at')
+                    ->dateTime(),
+            ])
+            ->filters([
+                //
+            ])
+            ->actions([
+                Tables\Actions\EditAction::make(),
+            ])
+            ->bulkActions([
+                Tables\Actions\DeleteBulkAction::make(),
+            ]);
+    }
+
+    public static function getRelations(): array
+    {
+        return [
+            //
+        ];
+    }
+
+    public static function getPages(): array
+    {
+        return [
+            'index' => Pages\ListStatuses::route('/'),
+            'create' => Pages\CreateStatus::route('/create'),
+            'edit' => Pages\EditStatus::route('/{record}/edit'),
+        ];
+    }
+}
diff --git a/app/Filament/Resources/Donor/StatusResource/Pages/CreateStatus.php b/app/Filament/Resources/Donor/StatusResource/Pages/CreateStatus.php
new file mode 100644
index 0000000..4d1f5a1
--- /dev/null
+++ b/app/Filament/Resources/Donor/StatusResource/Pages/CreateStatus.php
@@ -0,0 +1,12 @@
+<?php
+
+namespace App\Filament\Resources\Donor\StatusResource\Pages;
+
+use App\Filament\Resources\Donor\StatusResource;
+use Filament\Pages\Actions;
+use Filament\Resources\Pages\CreateRecord;
+
+class CreateStatus extends CreateRecord
+{
+    protected static string $resource = StatusResource::class;
+}
diff --git a/app/Filament/Resources/Donor/StatusResource/Pages/EditStatus.php b/app/Filament/Resources/Donor/StatusResource/Pages/EditStatus.php
new file mode 100644
index 0000000..d199334
--- /dev/null
+++ b/app/Filament/Resources/Donor/StatusResource/Pages/EditStatus.php
@@ -0,0 +1,19 @@
+<?php
+
+namespace App\Filament\Resources\Donor\StatusResource\Pages;
+
+use App\Filament\Resources\Donor\StatusResource;
+use Filament\Pages\Actions;
+use Filament\Resources\Pages\EditRecord;
+
+class EditStatus extends EditRecord
+{
+    protected static string $resource = StatusResource::class;
+
+    protected function getActions(): array
+    {
+        return [
+            Actions\DeleteAction::make(),
+        ];
+    }
+}
diff --git a/app/Filament/Resources/Donor/StatusResource/Pages/ListStatuses.php b/app/Filament/Resources/Donor/StatusResource/Pages/ListStatuses.php
new file mode 100644
index 0000000..f101d8f
--- /dev/null
+++ b/app/Filament/Resources/Donor/StatusResource/Pages/ListStatuses.php
@@ -0,0 +1,19 @@
+<?php
+
+namespace App\Filament\Resources\Donor\StatusResource\Pages;
+
+use App\Filament\Resources\Donor\StatusResource;
+use Filament\Pages\Actions;
+use Filament\Resources\Pages\ListRecords;
+
+class ListStatuses extends ListRecords
+{
+    protected static string $resource = StatusResource::class;
+
+    protected function getActions(): array
+    {
+        return [
+            Actions\CreateAction::make(),
+        ];
+    }
+}
diff --git a/app/Models/Donor/Donor.php b/app/Models/Donor/Donor.php
index 150d7d3..7b50378 100644
--- a/app/Models/Donor/Donor.php
+++ b/app/Models/Donor/Donor.php
@@ -4,6 +4,7 @@
 
 use Illuminate\Database\Eloquent\Factories\HasFactory;
 use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
 
 class Donor extends Model
 {
@@ -20,4 +21,9 @@ class Donor extends Model
         'social_type',
         'social_url'
     ];
+
+    public function status(): BelongsTo
+    {
+        return $this->belongsTo(Status::class);
+    }
 }
diff --git a/composer.json b/composer.json
index 181b487..d44ddbd 100644
--- a/composer.json
+++ b/composer.json
@@ -13,6 +13,7 @@
         "laravel/tinker": "^2.8"
     },
     "require-dev": {
+        "doctrine/dbal": "^3.6",
         "fakerphp/faker": "^1.9.1",
         "laravel/pint": "^1.0",
         "laravel/sail": "^1.18",
diff --git a/composer.lock b/composer.lock
index 90fff7b..2f06df0 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": "50cda332b8d87575e3509095770ae87f",
+    "content-hash": "f95281a80518f852cb777c6ed70693ed",
     "packages": [
         {
             "name": "akaunting/laravel-money",
@@ -6574,6 +6574,345 @@
         }
     ],
     "packages-dev": [
+        {
+            "name": "doctrine/cache",
+            "version": "2.2.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/doctrine/cache.git",
+                "reference": "1ca8f21980e770095a31456042471a57bc4c68fb"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/doctrine/cache/zipball/1ca8f21980e770095a31456042471a57bc4c68fb",
+                "reference": "1ca8f21980e770095a31456042471a57bc4c68fb",
+                "shasum": ""
+            },
+            "require": {
+                "php": "~7.1 || ^8.0"
+            },
+            "conflict": {
+                "doctrine/common": ">2.2,<2.4"
+            },
+            "require-dev": {
+                "cache/integration-tests": "dev-master",
+                "doctrine/coding-standard": "^9",
+                "phpunit/phpunit": "^7.5 || ^8.5 || ^9.5",
+                "psr/cache": "^1.0 || ^2.0 || ^3.0",
+                "symfony/cache": "^4.4 || ^5.4 || ^6",
+                "symfony/var-exporter": "^4.4 || ^5.4 || ^6"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Doctrine\\Common\\Cache\\": "lib/Doctrine/Common/Cache"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Guilherme Blanco",
+                    "email": "guilhermeblanco@gmail.com"
+                },
+                {
+                    "name": "Roman Borschel",
+                    "email": "roman@code-factory.org"
+                },
+                {
+                    "name": "Benjamin Eberlei",
+                    "email": "kontakt@beberlei.de"
+                },
+                {
+                    "name": "Jonathan Wage",
+                    "email": "jonwage@gmail.com"
+                },
+                {
+                    "name": "Johannes Schmitt",
+                    "email": "schmittjoh@gmail.com"
+                }
+            ],
+            "description": "PHP Doctrine Cache library is a popular cache implementation that supports many different drivers such as redis, memcache, apc, mongodb and others.",
+            "homepage": "https://www.doctrine-project.org/projects/cache.html",
+            "keywords": [
+                "abstraction",
+                "apcu",
+                "cache",
+                "caching",
+                "couchdb",
+                "memcached",
+                "php",
+                "redis",
+                "xcache"
+            ],
+            "support": {
+                "issues": "https://github.com/doctrine/cache/issues",
+                "source": "https://github.com/doctrine/cache/tree/2.2.0"
+            },
+            "funding": [
+                {
+                    "url": "https://www.doctrine-project.org/sponsorship.html",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://www.patreon.com/phpdoctrine",
+                    "type": "patreon"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/doctrine%2Fcache",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-05-20T20:07:39+00:00"
+        },
+        {
+            "name": "doctrine/dbal",
+            "version": "3.6.2",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/doctrine/dbal.git",
+                "reference": "b4bd1cfbd2b916951696d82e57d054394d84864c"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/doctrine/dbal/zipball/b4bd1cfbd2b916951696d82e57d054394d84864c",
+                "reference": "b4bd1cfbd2b916951696d82e57d054394d84864c",
+                "shasum": ""
+            },
+            "require": {
+                "composer-runtime-api": "^2",
+                "doctrine/cache": "^1.11|^2.0",
+                "doctrine/deprecations": "^0.5.3|^1",
+                "doctrine/event-manager": "^1|^2",
+                "php": "^7.4 || ^8.0",
+                "psr/cache": "^1|^2|^3",
+                "psr/log": "^1|^2|^3"
+            },
+            "require-dev": {
+                "doctrine/coding-standard": "11.1.0",
+                "fig/log-test": "^1",
+                "jetbrains/phpstorm-stubs": "2022.3",
+                "phpstan/phpstan": "1.10.9",
+                "phpstan/phpstan-strict-rules": "^1.5",
+                "phpunit/phpunit": "9.6.6",
+                "psalm/plugin-phpunit": "0.18.4",
+                "squizlabs/php_codesniffer": "3.7.2",
+                "symfony/cache": "^5.4|^6.0",
+                "symfony/console": "^4.4|^5.4|^6.0",
+                "vimeo/psalm": "4.30.0"
+            },
+            "suggest": {
+                "symfony/console": "For helpful console commands such as SQL execution and import of files."
+            },
+            "bin": [
+                "bin/doctrine-dbal"
+            ],
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Doctrine\\DBAL\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Guilherme Blanco",
+                    "email": "guilhermeblanco@gmail.com"
+                },
+                {
+                    "name": "Roman Borschel",
+                    "email": "roman@code-factory.org"
+                },
+                {
+                    "name": "Benjamin Eberlei",
+                    "email": "kontakt@beberlei.de"
+                },
+                {
+                    "name": "Jonathan Wage",
+                    "email": "jonwage@gmail.com"
+                }
+            ],
+            "description": "Powerful PHP database abstraction layer (DBAL) with many features for database schema introspection and management.",
+            "homepage": "https://www.doctrine-project.org/projects/dbal.html",
+            "keywords": [
+                "abstraction",
+                "database",
+                "db2",
+                "dbal",
+                "mariadb",
+                "mssql",
+                "mysql",
+                "oci8",
+                "oracle",
+                "pdo",
+                "pgsql",
+                "postgresql",
+                "queryobject",
+                "sasql",
+                "sql",
+                "sqlite",
+                "sqlserver",
+                "sqlsrv"
+            ],
+            "support": {
+                "issues": "https://github.com/doctrine/dbal/issues",
+                "source": "https://github.com/doctrine/dbal/tree/3.6.2"
+            },
+            "funding": [
+                {
+                    "url": "https://www.doctrine-project.org/sponsorship.html",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://www.patreon.com/phpdoctrine",
+                    "type": "patreon"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/doctrine%2Fdbal",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2023-04-14T07:25:38+00:00"
+        },
+        {
+            "name": "doctrine/deprecations",
+            "version": "v1.1.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/doctrine/deprecations.git",
+                "reference": "8cffffb2218e01f3b370bf763e00e81697725259"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/doctrine/deprecations/zipball/8cffffb2218e01f3b370bf763e00e81697725259",
+                "reference": "8cffffb2218e01f3b370bf763e00e81697725259",
+                "shasum": ""
+            },
+            "require": {
+                "php": "^7.1|^8.0"
+            },
+            "require-dev": {
+                "doctrine/coding-standard": "^9",
+                "phpunit/phpunit": "^7.5|^8.5|^9.5",
+                "psr/log": "^1|^2|^3"
+            },
+            "suggest": {
+                "psr/log": "Allows logging deprecations via PSR-3 logger implementation"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Doctrine\\Deprecations\\": "lib/Doctrine/Deprecations"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "description": "A small layer on top of trigger_error(E_USER_DEPRECATED) or PSR-3 logging with options to disable all deprecations or selectively for packages.",
+            "homepage": "https://www.doctrine-project.org/",
+            "support": {
+                "issues": "https://github.com/doctrine/deprecations/issues",
+                "source": "https://github.com/doctrine/deprecations/tree/v1.1.0"
+            },
+            "time": "2023-05-29T18:55:17+00:00"
+        },
+        {
+            "name": "doctrine/event-manager",
+            "version": "2.0.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/doctrine/event-manager.git",
+                "reference": "750671534e0241a7c50ea5b43f67e23eb5c96f32"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/doctrine/event-manager/zipball/750671534e0241a7c50ea5b43f67e23eb5c96f32",
+                "reference": "750671534e0241a7c50ea5b43f67e23eb5c96f32",
+                "shasum": ""
+            },
+            "require": {
+                "php": "^8.1"
+            },
+            "conflict": {
+                "doctrine/common": "<2.9"
+            },
+            "require-dev": {
+                "doctrine/coding-standard": "^10",
+                "phpstan/phpstan": "^1.8.8",
+                "phpunit/phpunit": "^9.5",
+                "vimeo/psalm": "^4.28"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Doctrine\\Common\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Guilherme Blanco",
+                    "email": "guilhermeblanco@gmail.com"
+                },
+                {
+                    "name": "Roman Borschel",
+                    "email": "roman@code-factory.org"
+                },
+                {
+                    "name": "Benjamin Eberlei",
+                    "email": "kontakt@beberlei.de"
+                },
+                {
+                    "name": "Jonathan Wage",
+                    "email": "jonwage@gmail.com"
+                },
+                {
+                    "name": "Johannes Schmitt",
+                    "email": "schmittjoh@gmail.com"
+                },
+                {
+                    "name": "Marco Pivetta",
+                    "email": "ocramius@gmail.com"
+                }
+            ],
+            "description": "The Doctrine Event Manager is a simple PHP event system that was built to be used with the various Doctrine projects.",
+            "homepage": "https://www.doctrine-project.org/projects/event-manager.html",
+            "keywords": [
+                "event",
+                "event dispatcher",
+                "event manager",
+                "event system",
+                "events"
+            ],
+            "support": {
+                "issues": "https://github.com/doctrine/event-manager/issues",
+                "source": "https://github.com/doctrine/event-manager/tree/2.0.0"
+            },
+            "funding": [
+                {
+                    "url": "https://www.doctrine-project.org/sponsorship.html",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://www.patreon.com/phpdoctrine",
+                    "type": "patreon"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/doctrine%2Fevent-manager",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-10-12T20:59:15+00:00"
+        },
         {
             "name": "fakerphp/faker",
             "version": "v1.22.0",
@@ -7654,6 +7993,55 @@
             ],
             "time": "2023-05-11T05:16:22+00:00"
         },
+        {
+            "name": "psr/cache",
+            "version": "3.0.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/php-fig/cache.git",
+                "reference": "aa5030cfa5405eccfdcb1083ce040c2cb8d253bf"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/php-fig/cache/zipball/aa5030cfa5405eccfdcb1083ce040c2cb8d253bf",
+                "reference": "aa5030cfa5405eccfdcb1083ce040c2cb8d253bf",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=8.0.0"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "1.0.x-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Psr\\Cache\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "PHP-FIG",
+                    "homepage": "https://www.php-fig.org/"
+                }
+            ],
+            "description": "Common interface for caching libraries",
+            "keywords": [
+                "cache",
+                "psr",
+                "psr-6"
+            ],
+            "support": {
+                "source": "https://github.com/php-fig/cache/tree/3.0.0"
+            },
+            "time": "2021-02-03T23:26:27+00:00"
+        },
         {
             "name": "sebastian/cli-parser",
             "version": "2.0.0",
diff --git a/package-lock.json b/package-lock.json
index 27655d2..aa56f7a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5,8 +5,10 @@
     "packages": {
         "": {
             "devDependencies": {
+                "@tailwindcss/forms": "^0.5.3",
+                "@tailwindcss/typography": "^0.5.9",
+                "alpinejs": "^3.12.2",
                 "autoprefixer": "^10.4.14",
-                "axios": "^1.1.2",
                 "laravel-vite-plugin": "^0.7.5",
                 "postcss": "^8.4.24",
                 "tailwindcss": "^3.3.2",
@@ -466,6 +468,70 @@
                 "node": ">= 8"
             }
         },
+        "node_modules/@tailwindcss/forms": {
+            "version": "0.5.3",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/forms/-/forms-0.5.3.tgz",
+            "integrity": "sha512-y5mb86JUoiUgBjY/o6FJSFZSEttfb3Q5gllE4xoKjAAD+vBrnIhE4dViwUuow3va8mpH4s9jyUbUbrRGoRdc2Q==",
+            "dev": true,
+            "dependencies": {
+                "mini-svg-data-uri": "^1.2.3"
+            },
+            "peerDependencies": {
+                "tailwindcss": ">=3.0.0 || >= 3.0.0-alpha.1"
+            }
+        },
+        "node_modules/@tailwindcss/typography": {
+            "version": "0.5.9",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/typography/-/typography-0.5.9.tgz",
+            "integrity": "sha512-t8Sg3DyynFysV9f4JDOVISGsjazNb48AeIYQwcL+Bsq5uf4RYL75C1giZ43KISjeDGBaTN3Kxh7Xj/vRSMJUUg==",
+            "dev": true,
+            "dependencies": {
+                "lodash.castarray": "^4.4.0",
+                "lodash.isplainobject": "^4.0.6",
+                "lodash.merge": "^4.6.2",
+                "postcss-selector-parser": "6.0.10"
+            },
+            "peerDependencies": {
+                "tailwindcss": ">=3.0.0 || insiders"
+            }
+        },
+        "node_modules/@tailwindcss/typography/node_modules/postcss-selector-parser": {
+            "version": "6.0.10",
+            "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz",
+            "integrity": "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==",
+            "dev": true,
+            "dependencies": {
+                "cssesc": "^3.0.0",
+                "util-deprecate": "^1.0.2"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "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==",
+            "dev": true,
+            "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==",
+            "dev": true
+        },
+        "node_modules/alpinejs": {
+            "version": "3.12.2",
+            "resolved": "https://registry.npmjs.org/alpinejs/-/alpinejs-3.12.2.tgz",
+            "integrity": "sha512-wrUZULm9w6DYwWcUtB/anFLgRaF4riSuPgIJ3gcPUS8st9luAJnAxoIgro/Al97d2McSSz/JypWg/NlmKFIJJA==",
+            "dev": true,
+            "dependencies": {
+                "@vue/reactivity": "~3.1.1"
+            }
+        },
         "node_modules/any-promise": {
             "version": "1.3.0",
             "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
@@ -491,12 +557,6 @@
             "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
             "dev": true
         },
-        "node_modules/asynckit": {
-            "version": "0.4.0",
-            "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
-            "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
-            "dev": true
-        },
         "node_modules/autoprefixer": {
             "version": "10.4.14",
             "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.14.tgz",
@@ -530,17 +590,6 @@
                 "postcss": "^8.1.0"
             }
         },
-        "node_modules/axios": {
-            "version": "1.4.0",
-            "resolved": "https://registry.npmjs.org/axios/-/axios-1.4.0.tgz",
-            "integrity": "sha512-S4XCWMEmzvo64T9GfvQDOXgYRDJ/wsSZc7Jvdgx5u1sd0JwsuPLqb3SYmusag+edF6ziyMensPVqLTSc1PiSEA==",
-            "dev": true,
-            "dependencies": {
-                "follow-redirects": "^1.15.0",
-                "form-data": "^4.0.0",
-                "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",
@@ -678,18 +727,6 @@
                 "node": ">= 6"
             }
         },
-        "node_modules/combined-stream": {
-            "version": "1.0.8",
-            "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
-            "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
-            "dev": true,
-            "dependencies": {
-                "delayed-stream": "~1.0.0"
-            },
-            "engines": {
-                "node": ">= 0.8"
-            }
-        },
         "node_modules/commander": {
             "version": "4.1.1",
             "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
@@ -717,15 +754,6 @@
                 "node": ">=4"
             }
         },
-        "node_modules/delayed-stream": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
-            "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
-            "dev": true,
-            "engines": {
-                "node": ">=0.4.0"
-            }
-        },
         "node_modules/didyoumean": {
             "version": "1.2.2",
             "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
@@ -839,40 +867,6 @@
                 "node": ">=8"
             }
         },
-        "node_modules/follow-redirects": {
-            "version": "1.15.2",
-            "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz",
-            "integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "individual",
-                    "url": "https://github.com/sponsors/RubenVerborgh"
-                }
-            ],
-            "engines": {
-                "node": ">=4.0"
-            },
-            "peerDependenciesMeta": {
-                "debug": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/form-data": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
-            "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
-            "dev": true,
-            "dependencies": {
-                "asynckit": "^0.4.0",
-                "combined-stream": "^1.0.8",
-                "mime-types": "^2.1.12"
-            },
-            "engines": {
-                "node": ">= 6"
-            }
-        },
         "node_modules/fraction.js": {
             "version": "4.2.0",
             "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.2.0.tgz",
@@ -1066,6 +1060,24 @@
             "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
             "dev": true
         },
+        "node_modules/lodash.castarray": {
+            "version": "4.4.0",
+            "resolved": "https://registry.npmjs.org/lodash.castarray/-/lodash.castarray-4.4.0.tgz",
+            "integrity": "sha512-aVx8ztPv7/2ULbArGJ2Y42bG1mEQ5mGjpdvrbJcJFU3TbYybe+QlLS4pst9zV52ymy2in1KpFPiZnAOATxD4+Q==",
+            "dev": true
+        },
+        "node_modules/lodash.isplainobject": {
+            "version": "4.0.6",
+            "resolved": "https://registry.npmjs.org/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz",
+            "integrity": "sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==",
+            "dev": true
+        },
+        "node_modules/lodash.merge": {
+            "version": "4.6.2",
+            "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+            "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+            "dev": true
+        },
         "node_modules/merge2": {
             "version": "1.4.1",
             "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
@@ -1088,25 +1100,13 @@
                 "node": ">=8.6"
             }
         },
-        "node_modules/mime-db": {
-            "version": "1.52.0",
-            "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
-            "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+        "node_modules/mini-svg-data-uri": {
+            "version": "1.4.4",
+            "resolved": "https://registry.npmjs.org/mini-svg-data-uri/-/mini-svg-data-uri-1.4.4.tgz",
+            "integrity": "sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg==",
             "dev": true,
-            "engines": {
-                "node": ">= 0.6"
-            }
-        },
-        "node_modules/mime-types": {
-            "version": "2.1.35",
-            "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
-            "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
-            "dev": true,
-            "dependencies": {
-                "mime-db": "1.52.0"
-            },
-            "engines": {
-                "node": ">= 0.6"
+            "bin": {
+                "mini-svg-data-uri": "cli.js"
             }
         },
         "node_modules/minimatch": {
@@ -1383,12 +1383,6 @@
             "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
             "dev": true
         },
-        "node_modules/proxy-from-env": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
-            "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
-            "dev": true
-        },
         "node_modules/queue-microtask": {
             "version": "1.2.3",
             "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
diff --git a/package.json b/package.json
index d05310f..67d04d0 100644
--- a/package.json
+++ b/package.json
@@ -6,8 +6,10 @@
         "build": "vite build"
     },
     "devDependencies": {
+        "@tailwindcss/forms": "^0.5.3",
+        "@tailwindcss/typography": "^0.5.9",
+        "alpinejs": "^3.12.2",
         "autoprefixer": "^10.4.14",
-        "axios": "^1.1.2",
         "laravel-vite-plugin": "^0.7.5",
         "postcss": "^8.4.24",
         "tailwindcss": "^3.3.2",
diff --git a/postcss.config.cjs b/postcss.config.cjs
new file mode 100644
index 0000000..fef1b22
--- /dev/null
+++ b/postcss.config.cjs
@@ -0,0 +1,6 @@
+module.exports = {
+    plugins: {
+        tailwindcss: {},
+        autoprefixer: {},
+    },
+}
diff --git a/postcss.config.js b/postcss.config.js
deleted file mode 100644
index 2e7af2b..0000000
--- a/postcss.config.js
+++ /dev/null
@@ -1,6 +0,0 @@
-export default {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-}
diff --git a/resources/css/app.css b/resources/css/app.css
index a90f074..5fdcc74 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -1,4 +1,5 @@
+@import '../../vendor/filament/forms/dist/module.esm.css';
+
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
-
diff --git a/resources/js/app.js b/resources/js/app.js
index e59d6a0..88d5f3a 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -1 +1,10 @@
-import './bootstrap';
+import Alpine from 'alpinejs'
+import FormsAlpinePlugin from '../../vendor/filament/forms/dist/module.esm'
+import NotificationsAlpinePlugin from '../../vendor/filament/notifications/dist/module.esm'
+
+Alpine.plugin(FormsAlpinePlugin)
+Alpine.plugin(NotificationsAlpinePlugin)
+
+window.Alpine = Alpine
+
+Alpine.start()
diff --git a/resources/js/bootstrap.js b/resources/js/bootstrap.js
deleted file mode 100644
index 846d350..0000000
--- a/resources/js/bootstrap.js
+++ /dev/null
@@ -1,32 +0,0 @@
-/**
- * We'll load the axios HTTP library which allows us to easily issue requests
- * to our Laravel back-end. This library automatically handles sending the
- * CSRF token as a header based on the value of the "XSRF" token cookie.
- */
-
-import axios from 'axios';
-window.axios = axios;
-
-window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
-
-/**
- * Echo exposes an expressive API for subscribing to channels and listening
- * for events that are broadcast by Laravel. Echo and event broadcasting
- * allows your team to easily build robust real-time web applications.
- */
-
-// import Echo from 'laravel-echo';
-
-// import Pusher from 'pusher-js';
-// window.Pusher = Pusher;
-
-// window.Echo = new Echo({
-//     broadcaster: 'pusher',
-//     key: import.meta.env.VITE_PUSHER_APP_KEY,
-//     cluster: import.meta.env.VITE_PUSHER_APP_CLUSTER ?? 'mt1',
-//     wsHost: import.meta.env.VITE_PUSHER_HOST ? import.meta.env.VITE_PUSHER_HOST : `ws-${import.meta.env.VITE_PUSHER_APP_CLUSTER}.pusher.com`,
-//     wsPort: import.meta.env.VITE_PUSHER_PORT ?? 80,
-//     wssPort: import.meta.env.VITE_PUSHER_PORT ?? 443,
-//     forceTLS: (import.meta.env.VITE_PUSHER_SCHEME ?? 'https') === 'https',
-//     enabledTransports: ['ws', 'wss'],
-// });
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
new file mode 100644
index 0000000..df39341
--- /dev/null
+++ b/resources/views/layouts/app.blade.php
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
+    <head>
+        <meta charset="utf-8">
+
+        <meta name="application-name" content="{{ config('app.name') }}">
+        <meta name="csrf-token" content="{{ csrf_token() }}">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+
+        <title>{{ config('app.name') }}</title>
+
+        <style>[x-cloak] { display: none !important; }</style>
+        @vite(['resources/css/app.css', 'resources/js/app.js'])
+        @livewireStyles
+        @livewireScripts
+        @stack('scripts')
+    </head>
+
+    <body class="antialiased">
+        {{ $slot }}
+
+        @livewire('notifications')
+    </body>
+</html>
diff --git a/tailwind.config.js b/tailwind.config.js
index 481012b..764d2ab 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,898 +1,909 @@
+const colors = require('tailwindcss/colors')
+
 module.exports = {
     content: [
         './resources/**/*.blade.php',
         './resources/js/app.js',
+        './vendor/filament/**/*.blade.php'
     ],
 
     theme: {
-        screens: {
-            sm: '640px',
-            md: '768px',
-            lg: '1024px',
-            xl: '1280px',
-            '2xl': '1536px',
-        },
-        colors: {
-            current: 'currentColor',
-            transparent: 'transparent',
+        extend: {
+
+            screens: {
+                sm: '640px',
+                md: '768px',
+                lg: '1024px',
+                xl: '1280px',
+                '2xl': '1536px',
+            },
+            colors: {
+                danger: colors.rose,
+                primary: colors.blue,
+                success: colors.green,
+                warning: colors.yellow,
 
-            black: '#000',
-            white: '#fff',
+                current: 'currentColor',
+                transparent: 'transparent',
 
-            gray: {
-                50: '#f9fafb',
-                100: '#f3f4f6',
-                200: '#e5e7eb',
-                300: '#d1d5db',
-                400: '#9ca3af',
-                500: '#6b7280',
-                600: '#4b5563',
-                700: '#374151',
-                800: '#1f2937',
-                900: '#111827',
+                black: '#000',
+                white: '#fff',
+
+                gray: {
+                    50: '#f9fafb',
+                    100: '#f3f4f6',
+                    200: '#e5e7eb',
+                    300: '#d1d5db',
+                    400: '#9ca3af',
+                    500: '#6b7280',
+                    600: '#4b5563',
+                    700: '#374151',
+                    800: '#1f2937',
+                    900: '#111827',
+                },
+                trueGray: {
+                    50: '#fafafa',
+                    100: '#f5f5f5',
+                    200: '#e5e5e5',
+                    300: '#d4d4d4',
+                    400: '#a3a3a3',
+                    500: '#737373',
+                    600: '#525252',
+                    700: '#404040',
+                    800: '#262626',
+                    900: '#171717',
+                },
+                red: {
+                    50: '#fef2f2',
+                    100: '#fee2e2',
+                    200: '#fecaca',
+                    300: '#fca5a5',
+                    400: '#f87171',
+                    500: '#ef4444',
+                    600: '#dc2626',
+                    700: '#b91c1c',
+                    800: '#991b1b',
+                    900: '#7f1d1d',
+                },
+                yellow: {
+                    50: '#fffbeb',
+                    100: '#fef3c7',
+                    200: '#fde68a',
+                    300: '#fcd34d',
+                    400: '#fbbf24',
+                    500: '#f59e0b',
+                    600: '#d97706',
+                    700: '#b45309',
+                    800: '#92400e',
+                    900: '#78350f',
+                },
+                green: {
+                    50: '#ecfdf5',
+                    100: '#d1fae5',
+                    200: '#a7f3d0',
+                    300: '#6ee7b7',
+                    400: '#34d399',
+                    500: '#10b981',
+                    600: '#059669',
+                    700: '#047857',
+                    800: '#065f46',
+                    900: '#064e3b',
+                },
+                blue: {
+                    50: '#eff6ff',
+                    100: '#dbeafe',
+                    200: '#bfdbfe',
+                    300: '#93c5fd',
+                    400: '#60a5fa',
+                    500: '#3b82f6',
+                    600: '#2563eb',
+                    700: '#1d4ed8',
+                    800: '#1e40af',
+                    900: '#1e3a8a',
+                },
+                indigo: {
+                    50: '#eef2ff',
+                    100: '#e0e7ff',
+                    200: '#c3dafe',
+                    300: '#a5b4fc',
+                    400: '#818cf8',
+                    500: '#6366f1',
+                    600: '#4f46e5',
+                    700: '#4338ca',
+                    800: '#3730a3',
+                    900: '#312e81',
+                },
+                purple: {
+                    50: '#f5f3ff',
+                    100: '#ede9fe',
+                    200: '#ddd6fe',
+                    300: '#c4b5fd',
+                    400: '#a78bfa',
+                    500: '#8b5cf6',
+                    600: '#7c3aed',
+                    700: '#6d28d9',
+                    800: '#5b21b6',
+                    900: '#4c1d95',
+                },
+                pink: {
+                    50: '#fdf2f8',
+                    100: '#fce7f3',
+                    200: '#fbcfe8',
+                    300: '#f9a8d4',
+                    400: '#f472b6',
+                    500: '#ec4899',
+                    600: '#db2777',
+                    700: '#be185d',
+                    800: '#9d174d',
+                    900: '#831843',
+                },
             },
-            trueGray: {
-                50: '#fafafa',
-                100: '#f5f5f5',
-                200: '#e5e5e5',
-                300: '#d4d4d4',
-                400: '#a3a3a3',
-                500: '#737373',
-                600: '#525252',
-                700: '#404040',
-                800: '#262626',
-                900: '#171717',
+            spacing: {
+                px: '1px',
+                '0': '0px',
+                '0.5': '0.125rem',
+                '1': '0.25rem',
+                '1.5': '0.375rem',
+                '2': '0.5rem',
+                '2.5': '0.625rem',
+                '3': '0.75rem',
+                '3.5': '0.875rem',
+                '4': '1rem',
+                '5': '1.25rem',
+                '6': '1.5rem',
+                '7': '1.75rem',
+                '8': '2rem',
+                '9': '2.25rem',
+                '10': '2.5rem',
+                '11': '2.75rem',
+                '12': '3rem',
+                '14': '3.5rem',
+                '16': '4rem',
+                '18': '4.5rem',
+                '20': '5rem',
+                '24': '6rem',
+                '26': '6.5rem',
+                '28': '7rem',
+                '32': '8rem',
+                '36': '9rem',
+                '40': '10rem',
+                '44': '11rem',
+                '48': '12rem',
+                '52': '13rem',
+                '56': '14rem',
+                '60': '15rem',
+                '64': '16rem',
+                '72': '18rem',
+                '80': '20rem',
+                '96': '24rem'
             },
-            red: {
-                50: '#fef2f2',
-                100: '#fee2e2',
-                200: '#fecaca',
-                300: '#fca5a5',
-                400: '#f87171',
-                500: '#ef4444',
-                600: '#dc2626',
-                700: '#b91c1c',
-                800: '#991b1b',
-                900: '#7f1d1d',
+            backdropBlur: (theme) => theme('blur'),
+            backdropBrightness: (theme) => theme('brightness'),
+            backdropContrast: (theme) => theme('contrast'),
+            backdropGrayscale: (theme) => theme('grayscale'),
+            backdropHueRotate: (theme) => theme('hueRotate'),
+            backdropInvert: (theme) => theme('invert'),
+            backdropOpacity: (theme) => theme('opacity'),
+            backdropSaturate: (theme) => theme('saturate'),
+            backdropSepia: (theme) => theme('sepia'),
+            backgroundColor: theme => ({
+                ...theme('colors'),
+                body: '#fff',
+            }),
+            backgroundImage: {
+                none: 'none',
+                'gradient-white': 'linear-gradient(112.84deg, #FFFFFF 0.33%, #EDF5F2 100%)',
+                'gradient-indigo': 'linear-gradient(98.24deg, #5D75F3 0%, #A279F9 100%)',
+                'gradient-fuchsia': 'linear-gradient(112.84deg, #46BAEB 0.33%, #AF2CFF 38.23%, #F790AF 65.22%, #C1ABFF 100%)',
+                'gradient-blue2': 'linear-gradient(90.41deg, #E0E7FF 0.25%, rgba(224, 231, 255, 0) 99.64%)',
+                'gradient-orange': 'linear-gradient(98.24deg, #FFB36D 0%, #EC5353 100%)',
+                'gradient-purple2': 'linear-gradient(98.24deg, #F39682 0.01%, #7446F7 100%)',
+                'gradient-black2': 'linear-gradient(133.11deg, #18181B 0%, #2E2E33 100%)',
+                'gradient-orange2': 'linear-gradient(98.24deg, #EC5353 0%, #FFB36D 100%)',
+                'gradient-blue': 'linear-gradient(98.24deg, #56C1E3 0%, #5B6AF0 100%)',
+                'gradient-purple': 'linear-gradient(98.24deg, #6C2DD1 0%, #FF7DBC 100%)',
+                'gradient-violet2': 'linear-gradient(98.24deg, #FF9483 0%, #FFCBA4 0.01%, #8479F9 100%)',
+                'gradient-cyan': 'linear-gradient(90deg, rgba(108,213,246,1) 0%, rgba(248,157,92,1) 50%, rgba(91,106,240,1) 100%)',
+                'gradient-cyan2': 'linear-gradient(98.24deg, #6CD5F7 0%, #FEE2CE 35.94%, #B0A9DF 69.27%, #5B6AF0 100%)',
+                'gradient-black': 'linear-gradient(98.24deg, #212121 0.01%, #1D1D1D 100%)',
+                'gradient-red': 'linear-gradient(98.24deg, #FF9483 0%, #F17980 100%)',
+                'gradient-green': 'linear-gradient(98.24deg, #CEE9C1 0%, #83C8DE 100%)',
+                'gradient-violet': 'linear-gradient(98.24deg, #E0AEF8 1.56%, #3168F5 100%)',
+                'gradient-pink': 'linear-gradient(98.24deg, #FAF5F4 0%, #F4E3E4 55.95%, #F0D5D7 100%)',
+                'gradient-pink2': 'linear-gradient(112.84deg, #FFFFFF 0.33%, #EEDFEF 100%)',
+                'gradient-gray': 'linear-gradient(125.68deg, #F4F4F5 0.59%, #FBFBFB 100%)',
+                'gradient-gray2': 'linear-gradient(98.24deg, #FFFFFF 0%, #F9F9FF 47.4%, #EBECF7 100%)',
+                'gradient-to-t': 'linear-gradient(to top, var(--tw-gradient-stops))',
+                'gradient-to-tr': 'linear-gradient(to top right, var(--tw-gradient-stops))',
+                'gradient-to-r': 'linear-gradient(to right, var(--tw-gradient-stops))',
+                'gradient-to-br': 'linear-gradient(to bottom right, var(--tw-gradient-stops))',
+                'gradient-to-b': 'linear-gradient(to bottom, var(--tw-gradient-stops))',
+                'gradient-to-bl': 'linear-gradient(to bottom left, var(--tw-gradient-stops))',
+                'gradient-to-l': 'linear-gradient(to left, var(--tw-gradient-stops))',
+                'gradient-to-tl': 'linear-gradient(to top left, var(--tw-gradient-stops))',
             },
-            yellow: {
-                50: '#fffbeb',
-                100: '#fef3c7',
-                200: '#fde68a',
-                300: '#fcd34d',
-                400: '#fbbf24',
-                500: '#f59e0b',
-                600: '#d97706',
-                700: '#b45309',
-                800: '#92400e',
-                900: '#78350f',
+            backgroundOpacity: (theme) => theme('opacity'),
+            backgroundPosition: {
+                bottom: 'bottom',
+                center: 'center',
+                left: 'left',
+                'left-bottom': 'left bottom',
+                'left-top': 'left top',
+                right: 'right',
+                'right-bottom': 'right bottom',
+                'right-top': 'right top',
+                top: 'top',
             },
-            green: {
-                50: '#ecfdf5',
-                100: '#d1fae5',
-                200: '#a7f3d0',
-                300: '#6ee7b7',
-                400: '#34d399',
-                500: '#10b981',
-                600: '#059669',
-                700: '#047857',
-                800: '#065f46',
-                900: '#064e3b',
+            backgroundSize: {
+                auto: 'auto',
+                cover: 'cover',
+                contain: 'contain',
             },
-            blue: {
-                50: '#eff6ff',
-                100: '#dbeafe',
-                200: '#bfdbfe',
-                300: '#93c5fd',
-                400: '#60a5fa',
-                500: '#3b82f6',
-                600: '#2563eb',
-                700: '#1d4ed8',
-                800: '#1e40af',
-                900: '#1e3a8a',
+            blur: {
+                0: '0',
+                none: '0',
+                sm: '4px',
+                DEFAULT: '8px',
+                md: '12px',
+                lg: '16px',
+                xl: '24px',
+                '2xl': '40px',
+                '3xl': '64px',
             },
-            indigo: {
-                50: '#eef2ff',
-                100: '#e0e7ff',
-                200: '#c3dafe',
-                300: '#a5b4fc',
-                400: '#818cf8',
-                500: '#6366f1',
-                600: '#4f46e5',
-                700: '#4338ca',
-                800: '#3730a3',
-                900: '#312e81',
+            brightness: {
+                0: '0',
+                50: '.5',
+                75: '.75',
+                90: '.9',
+                95: '.95',
+                100: '1',
+                105: '1.05',
+                110: '1.1',
+                125: '1.25',
+                150: '1.5',
+                200: '2',
             },
-            purple: {
-                50: '#f5f3ff',
-                100: '#ede9fe',
-                200: '#ddd6fe',
-                300: '#c4b5fd',
-                400: '#a78bfa',
-                500: '#8b5cf6',
-                600: '#7c3aed',
-                700: '#6d28d9',
-                800: '#5b21b6',
-                900: '#4c1d95',
+            borderColor: theme => ({
+                ...theme('colors'),
+                DEFAULT: '#e5e7eb',
+            }),
+            borderOpacity: (theme) => theme('opacity'),
+            borderRadius: {
+                none: '0',
+                sm: '0.125rem',
+                DEFAULT: '0.25rem',
+                md: '0.375rem',
+                lg: '0.5rem',
+                xl: '0.75rem',
+                '2xl': '1rem',
+                '3xl': '1.5rem',
+                '10': '0.625rem',
+                '55': '3.438rem',
+                '150': '9.375rem',
+                full: '9999px',
             },
-            pink: {
-                50: '#fdf2f8',
-                100: '#fce7f3',
-                200: '#fbcfe8',
-                300: '#f9a8d4',
-                400: '#f472b6',
-                500: '#ec4899',
-                600: '#db2777',
-                700: '#be185d',
-                800: '#9d174d',
-                900: '#831843',
+            borderWidth: {
+                DEFAULT: '1px',
+                '0': '0',
+                '2': '2px',
+                '3': '3px',
+                '4': '4px',
+                '8': '8px',
             },
-        },
-        spacing: {
-            px: '1px',
-            '0': '0px',
-            '0.5': '0.125rem',
-            '1': '0.25rem',
-            '1.5': '0.375rem',
-            '2': '0.5rem',
-            '2.5': '0.625rem',
-            '3': '0.75rem',
-            '3.5': '0.875rem',
-            '4': '1rem',
-            '5': '1.25rem',
-            '6': '1.5rem',
-            '7': '1.75rem',
-            '8': '2rem',
-            '9': '2.25rem',
-            '10': '2.5rem',
-            '11': '2.75rem',
-            '12': '3rem',
-            '14': '3.5rem',
-            '16': '4rem',
-            '18': '4.5rem',
-            '20': '5rem',
-            '24': '6rem',
-            '26': '6.5rem',
-            '28': '7rem',
-            '32': '8rem',
-            '36': '9rem',
-            '40': '10rem',
-            '44': '11rem',
-            '48': '12rem',
-            '52': '13rem',
-            '56': '14rem',
-            '60': '15rem',
-            '64': '16rem',
-            '72': '18rem',
-            '80': '20rem',
-            '96': '24rem'
-        },
-        backdropBlur: (theme) => theme('blur'),
-        backdropBrightness: (theme) => theme('brightness'),
-        backdropContrast: (theme) => theme('contrast'),
-        backdropGrayscale: (theme) => theme('grayscale'),
-        backdropHueRotate: (theme) => theme('hueRotate'),
-        backdropInvert: (theme) => theme('invert'),
-        backdropOpacity: (theme) => theme('opacity'),
-        backdropSaturate: (theme) => theme('saturate'),
-        backdropSepia: (theme) => theme('sepia'),
-        backgroundColor: theme => ({
-            ...theme('colors'),
-            body: '#fff',
-        }),
-        backgroundImage: {
-            none: 'none',
-            'gradient-white': 'linear-gradient(112.84deg, #FFFFFF 0.33%, #EDF5F2 100%)',
-            'gradient-indigo': 'linear-gradient(98.24deg, #5D75F3 0%, #A279F9 100%)',
-            'gradient-fuchsia': 'linear-gradient(112.84deg, #46BAEB 0.33%, #AF2CFF 38.23%, #F790AF 65.22%, #C1ABFF 100%)',
-            'gradient-blue2': 'linear-gradient(90.41deg, #E0E7FF 0.25%, rgba(224, 231, 255, 0) 99.64%)',
-            'gradient-orange': 'linear-gradient(98.24deg, #FFB36D 0%, #EC5353 100%)',
-            'gradient-purple2': 'linear-gradient(98.24deg, #F39682 0.01%, #7446F7 100%)',
-            'gradient-black2': 'linear-gradient(133.11deg, #18181B 0%, #2E2E33 100%)',
-            'gradient-orange2': 'linear-gradient(98.24deg, #EC5353 0%, #FFB36D 100%)',
-            'gradient-blue': 'linear-gradient(98.24deg, #56C1E3 0%, #5B6AF0 100%)',
-            'gradient-purple': 'linear-gradient(98.24deg, #6C2DD1 0%, #FF7DBC 100%)',
-            'gradient-violet2': 'linear-gradient(98.24deg, #FF9483 0%, #FFCBA4 0.01%, #8479F9 100%)',
-            'gradient-cyan': 'linear-gradient(90deg, rgba(108,213,246,1) 0%, rgba(248,157,92,1) 50%, rgba(91,106,240,1) 100%)',
-            'gradient-cyan2': 'linear-gradient(98.24deg, #6CD5F7 0%, #FEE2CE 35.94%, #B0A9DF 69.27%, #5B6AF0 100%)',
-            'gradient-black': 'linear-gradient(98.24deg, #212121 0.01%, #1D1D1D 100%)',
-            'gradient-red': 'linear-gradient(98.24deg, #FF9483 0%, #F17980 100%)',
-            'gradient-green': 'linear-gradient(98.24deg, #CEE9C1 0%, #83C8DE 100%)',
-            'gradient-violet': 'linear-gradient(98.24deg, #E0AEF8 1.56%, #3168F5 100%)',
-            'gradient-pink': 'linear-gradient(98.24deg, #FAF5F4 0%, #F4E3E4 55.95%, #F0D5D7 100%)',
-            'gradient-pink2': 'linear-gradient(112.84deg, #FFFFFF 0.33%, #EEDFEF 100%)',
-            'gradient-gray': 'linear-gradient(125.68deg, #F4F4F5 0.59%, #FBFBFB 100%)',
-            'gradient-gray2': 'linear-gradient(98.24deg, #FFFFFF 0%, #F9F9FF 47.4%, #EBECF7 100%)',
-            'gradient-to-t': 'linear-gradient(to top, var(--tw-gradient-stops))',
-            'gradient-to-tr': 'linear-gradient(to top right, var(--tw-gradient-stops))',
-            'gradient-to-r': 'linear-gradient(to right, var(--tw-gradient-stops))',
-            'gradient-to-br': 'linear-gradient(to bottom right, var(--tw-gradient-stops))',
-            'gradient-to-b': 'linear-gradient(to bottom, var(--tw-gradient-stops))',
-            'gradient-to-bl': 'linear-gradient(to bottom left, var(--tw-gradient-stops))',
-            'gradient-to-l': 'linear-gradient(to left, var(--tw-gradient-stops))',
-            'gradient-to-tl': 'linear-gradient(to top left, var(--tw-gradient-stops))',
-        },
-        backgroundOpacity: (theme) => theme('opacity'),
-        backgroundPosition: {
-            bottom: 'bottom',
-            center: 'center',
-            left: 'left',
-            'left-bottom': 'left bottom',
-            'left-top': 'left top',
-            right: 'right',
-            'right-bottom': 'right bottom',
-            'right-top': 'right top',
-            top: 'top',
-        },
-        backgroundSize: {
-            auto: 'auto',
-            cover: 'cover',
-            contain: 'contain',
-        },
-        blur: {
-            0: '0',
-            none: '0',
-            sm: '4px',
-            DEFAULT: '8px',
-            md: '12px',
-            lg: '16px',
-            xl: '24px',
-            '2xl': '40px',
-            '3xl': '64px',
-        },
-        brightness: {
-            0: '0',
-            50: '.5',
-            75: '.75',
-            90: '.9',
-            95: '.95',
-            100: '1',
-            105: '1.05',
-            110: '1.1',
-            125: '1.25',
-            150: '1.5',
-            200: '2',
-        },
-        borderColor: theme => ({
-            ...theme('colors'),
-            DEFAULT: '#e5e7eb',
-        }),
-        borderOpacity: (theme) => theme('opacity'),
-        borderRadius: {
-            none: '0',
-            sm: '0.125rem',
-            DEFAULT: '0.25rem',
-            md: '0.375rem',
-            lg: '0.5rem',
-            xl: '0.75rem',
-            '2xl': '1rem',
-            '3xl': '1.5rem',
-            '10': '0.625rem',
-            '55': '3.438rem',
-            '150': '9.375rem',
-            full: '9999px',
-        },
-        borderWidth: {
-            DEFAULT: '1px',
-            '0': '0',
-            '2': '2px',
-            '3': '3px',
-            '4': '4px',
-            '8': '8px',
-        },
-        boxShadow: {
-            sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
-            DEFAULT: '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)',
-            md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
-            lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
-            xl: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',
-            '2xl': '0 25px 50px -12px rgba(0, 0, 0, 0.25)',
-            '3xl': '0px 14px 44px rgba(0, 0, 0, 0.2)',
-            '4xl': '0px 14.031px 54.1195px rgba(0, 0, 0, 0.1)',
-            '5xl': '0px 42.4441px 61.3082px rgba(0, 0, 0, 0.08)',
-            '6xl': '0px 44px 94px rgba(0, 0, 0, 0.06)',
-            '7xl': '0px 34px 64px rgba(0, 0, 0, 0.08)',
-            '8xl': '0px 44px 24px rgba(0, 0, 0, 0.04)',
-            '9xl': '0px 25px 70px rgba(0, 0, 0, 0.12)',
-            inner: 'inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)',
-            none: 'none',
-        },
-        caretColor: (theme) => theme('colors'),
-        contrast: {
-            0: '0',
-            50: '.5',
-            75: '.75',
-            100: '1',
-            125: '1.25',
-            150: '1.5',
-            200: '2',
-        },
-        container: {},
-        cursor: {
-            auto: 'auto',
-            DEFAULT: 'default',
-            pointer: 'pointer',
-            wait: 'wait',
-            text: 'text',
-            move: 'move',
-            'not-allowed': 'not-allowed',
-        },
-        divideColor: (theme) => theme('borderColor'),
-        divideOpacity: (theme) => theme('borderOpacity'),
-        divideWidth: (theme) => theme('borderWidth'),
-        dropShadow: {
-            sm: '0 1px 1px rgba(0,0,0,0.05)',
-            DEFAULT: ['0 1px 2px rgba(0, 0, 0, 0.1)', '0 1px 1px rgba(0, 0, 0, 0.06)'],
-            md: ['0 4px 3px rgba(0, 0, 0, 0.07)', '0 2px 2px rgba(0, 0, 0, 0.06)'],
-            lg: ['0 10px 8px rgba(0, 0, 0, 0.04)', '0 4px 3px rgba(0, 0, 0, 0.1)'],
-            xl: ['0 20px 13px rgba(0, 0, 0, 0.03)', '0 8px 5px rgba(0, 0, 0, 0.08)'],
-            '2xl': '0 25px 25px rgba(0, 0, 0, 0.15)',
-            none: '0 0 #0000',
-        },
-        fill: {
-            current: 'currentColor',
-        },
-        grayscale: {
-            0: '0',
-            DEFAULT: '100%',
-        },
-        hueRotate: {
-            '-180': '-180deg',
-            '-90': '-90deg',
-            '-60': '-60deg',
-            '-30': '-30deg',
-            '-15': '-15deg',
-            0: '0deg',
-            15: '15deg',
-            30: '30deg',
-            60: '60deg',
-            90: '90deg',
-            180: '180deg',
-        },
-        invert: {
-            0: '0',
-            DEFAULT: '100%',
-        },
-        flex: {
-            '1': '1 1 0%',
-            auto: '1 1 auto',
-            initial: '0 1 auto',
-            none: 'none',
-        },
-        flexGrow: {
-            '0': '0',
-            DEFAULT: '1',
-        },
-        flexShrink: {
-            '0': '0',
-            DEFAULT: '1',
-        },
-        fontFamily: {
-            body: '"Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
-            heading: '"Outfit", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
-            sans: '"Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
-            serif: 'ui-serif, Georgia, Cambria, "Times New Roman", Times, serif',
-            mono: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace',
-        },
-        fontSize: {
-            xs: ['0.813rem', {lineHeight: '1rem'}],
-            sm: ['0.875rem', {lineHeight: '1.25rem'}],
-            base: ['1rem', {lineHeight: '1.5rem'}],
-            lg: ['1.125rem', {lineHeight: '1.75rem'}],
-            xl: ['1.313rem', {lineHeight: '1.75rem'}],
-            '2xl': ['1.5rem', {lineHeight: '2rem'}],
-            '3xl': ['1.75rem', {lineHeight: '2.25rem'}],
-            '4xl': ['2rem', {lineHeight: '2.5rem'}],
-            '5xl': ['2.25rem', {lineHeight: '1'}],
-            '6xl': ['2.625rem', {lineHeight: '1'}],
-            '7xl': ['3rem', {lineHeight: '1'}],
-            '8xl': ['3.25rem', {lineHeight: '1'}],
-            '9xl': ['3.625rem', {lineHeight: '1'}],
-            '10xl': ['3.75rem', {lineHeight: '1'}],
-            '11xl': ['4rem', {lineHeight: '1'}],
-            '12xl': ['4.375rem', {lineHeight: '1'}],
-            '13xl': ['5rem', {lineHeight: '1'}],
-            '14xl': ['6rem', {lineHeight: '1'}],
-            '15xl': ['6.875rem', {lineHeight: '1'}],
-            '200': ['12.5rem', {lineHeight: '1'}],
-        },
-        fontWeight: {
-            hairline: '100',
-            thin: '200',
-            light: '300',
-            normal: '400',
-            medium: '500',
-            semibold: '600',
-            bold: '700',
-            extrabold: '800',
-            black: '900',
-        },
-        gap: (theme) => theme('spacing'),
-        gradientColorStops: (theme) => theme('colors'),
-        gridAutoColumns: {
-            auto: 'auto',
-            min: 'min-content',
-            max: 'max-content',
-            fr: 'minmax(0, 1fr)',
-        },
-        gridAutoRows: {
-            auto: 'auto',
-            min: 'min-content',
-            max: 'max-content',
-            fr: 'minmax(0, 1fr)',
-        },
-        gridColumn: {
-            auto: 'auto',
-            'span-1': 'span 1 / span 1',
-            'span-2': 'span 2 / span 2',
-            'span-3': 'span 3 / span 3',
-            'span-4': 'span 4 / span 4',
-            'span-5': 'span 5 / span 5',
-            'span-6': 'span 6 / span 6',
-            'span-7': 'span 7 / span 7',
-            'span-8': 'span 8 / span 8',
-            'span-9': 'span 9 / span 9',
-            'span-10': 'span 10 / span 10',
-            'span-11': 'span 11 / span 11',
-            'span-12': 'span 12 / span 12',
-            'span-full': '1 / -1',
-        },
-        gridColumnEnd: {
-            auto: 'auto',
-            1: '1',
-            2: '2',
-            3: '3',
-            4: '4',
-            5: '5',
-            6: '6',
-            7: '7',
-            8: '8',
-            9: '9',
-            10: '10',
-            11: '11',
-            12: '12',
-            13: '13',
-        },
-        gridColumnStart: {
-            auto: 'auto',
-            1: '1',
-            2: '2',
-            3: '3',
-            4: '4',
-            5: '5',
-            6: '6',
-            7: '7',
-            8: '8',
-            9: '9',
-            10: '10',
-            11: '11',
-            12: '12',
-            13: '13',
-        },
-        gridRow: {
-            auto: 'auto',
-            'span-1': 'span 1 / span 1',
-            'span-2': 'span 2 / span 2',
-            'span-3': 'span 3 / span 3',
-            'span-4': 'span 4 / span 4',
-            'span-5': 'span 5 / span 5',
-            'span-6': 'span 6 / span 6',
-            'span-full': '1 / -1',
-        },
-        gridRowStart: {
-            auto: 'auto',
-            1: '1',
-            2: '2',
-            3: '3',
-            4: '4',
-            5: '5',
-            6: '6',
-            7: '7',
-        },
-        gridRowEnd: {
-            auto: 'auto',
-            1: '1',
-            2: '2',
-            3: '3',
-            4: '4',
-            5: '5',
-            6: '6',
-            7: '7',
-        },
-        gridTemplateColumns: {
-            none: 'none',
-            1: 'repeat(1, minmax(0, 1fr))',
-            2: 'repeat(2, minmax(0, 1fr))',
-            3: 'repeat(3, minmax(0, 1fr))',
-            4: 'repeat(4, minmax(0, 1fr))',
-            5: 'repeat(5, minmax(0, 1fr))',
-            6: 'repeat(6, minmax(0, 1fr))',
-            7: 'repeat(7, minmax(0, 1fr))',
-            8: 'repeat(8, minmax(0, 1fr))',
-            9: 'repeat(9, minmax(0, 1fr))',
-            10: 'repeat(10, minmax(0, 1fr))',
-            11: 'repeat(11, minmax(0, 1fr))',
-            12: 'repeat(12, minmax(0, 1fr))',
-        },
-        gridTemplateRows: {
-            none: 'none',
-            1: 'repeat(1, minmax(0, 1fr))',
-            2: 'repeat(2, minmax(0, 1fr))',
-            3: 'repeat(3, minmax(0, 1fr))',
-            4: 'repeat(4, minmax(0, 1fr))',
-            5: 'repeat(5, minmax(0, 1fr))',
-            6: 'repeat(6, minmax(0, 1fr))',
-        },
-        height: theme => ({
-            auto: 'auto',
-            ...theme('spacing'),
-            full: '100%',
-            screen: '100vh',
-        }),
-        inset: (theme, {negative}) => ({
-            auto: 'auto',
-            ...theme('spacing'),
-            ...negative(theme('spacing')),
-            '1/2': '50%',
-            '1/3': '33.333333%',
-            '2/3': '66.666667%',
-            '1/4': '25%',
-            '2/4': '50%',
-            '3/4': '75%',
-            full: '100%',
-            '-1/2': '-50%',
-            '-1/3': '-33.333333%',
-            '-2/3': '-66.666667%',
-            '-1/4': '-25%',
-            '-2/4': '-50%',
-            '-3/4': '-75%',
-            '-full': '-100%',
-        }),
-        keyframes: {
-            spin: {
-                to: {
-                    transform: 'rotate(360deg)',
-                },
+            boxShadow: {
+                sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
+                DEFAULT: '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)',
+                md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
+                lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
+                xl: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',
+                '2xl': '0 25px 50px -12px rgba(0, 0, 0, 0.25)',
+                '3xl': '0px 14px 44px rgba(0, 0, 0, 0.2)',
+                '4xl': '0px 14.031px 54.1195px rgba(0, 0, 0, 0.1)',
+                '5xl': '0px 42.4441px 61.3082px rgba(0, 0, 0, 0.08)',
+                '6xl': '0px 44px 94px rgba(0, 0, 0, 0.06)',
+                '7xl': '0px 34px 64px rgba(0, 0, 0, 0.08)',
+                '8xl': '0px 44px 24px rgba(0, 0, 0, 0.04)',
+                '9xl': '0px 25px 70px rgba(0, 0, 0, 0.12)',
+                inner: 'inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)',
+                none: 'none',
             },
-            ping: {
-                '75%, 100%': {
-                    transform: 'scale(2)',
-                    opacity: '0',
-                },
+            caretColor: (theme) => theme('colors'),
+            contrast: {
+                0: '0',
+                50: '.5',
+                75: '.75',
+                100: '1',
+                125: '1.25',
+                150: '1.5',
+                200: '2',
             },
-            pulse: {
-                '50%': {
-                    opacity: '.5',
-                },
+            container: {},
+            cursor: {
+                auto: 'auto',
+                DEFAULT: 'default',
+                pointer: 'pointer',
+                wait: 'wait',
+                text: 'text',
+                move: 'move',
+                'not-allowed': 'not-allowed',
+            },
+            divideColor: (theme) => theme('borderColor'),
+            divideOpacity: (theme) => theme('borderOpacity'),
+            divideWidth: (theme) => theme('borderWidth'),
+            dropShadow: {
+                sm: '0 1px 1px rgba(0,0,0,0.05)',
+                DEFAULT: ['0 1px 2px rgba(0, 0, 0, 0.1)', '0 1px 1px rgba(0, 0, 0, 0.06)'],
+                md: ['0 4px 3px rgba(0, 0, 0, 0.07)', '0 2px 2px rgba(0, 0, 0, 0.06)'],
+                lg: ['0 10px 8px rgba(0, 0, 0, 0.04)', '0 4px 3px rgba(0, 0, 0, 0.1)'],
+                xl: ['0 20px 13px rgba(0, 0, 0, 0.03)', '0 8px 5px rgba(0, 0, 0, 0.08)'],
+                '2xl': '0 25px 25px rgba(0, 0, 0, 0.15)',
+                none: '0 0 #0000',
+            },
+            fill: {
+                current: 'currentColor',
+            },
+            grayscale: {
+                0: '0',
+                DEFAULT: '100%',
+            },
+            hueRotate: {
+                '-180': '-180deg',
+                '-90': '-90deg',
+                '-60': '-60deg',
+                '-30': '-30deg',
+                '-15': '-15deg',
+                0: '0deg',
+                15: '15deg',
+                30: '30deg',
+                60: '60deg',
+                90: '90deg',
+                180: '180deg',
+            },
+            invert: {
+                0: '0',
+                DEFAULT: '100%',
+            },
+            flex: {
+                '1': '1 1 0%',
+                auto: '1 1 auto',
+                initial: '0 1 auto',
+                none: 'none',
+            },
+            flexGrow: {
+                '0': '0',
+                DEFAULT: '1',
+            },
+            flexShrink: {
+                '0': '0',
+                DEFAULT: '1',
+            },
+            fontFamily: {
+                body: '"Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
+                heading: '"Outfit", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
+                sans: '"Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
+                serif: 'ui-serif, Georgia, Cambria, "Times New Roman", Times, serif',
+                mono: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace',
+            },
+            fontSize: {
+                xs: ['0.813rem', {lineHeight: '1rem'}],
+                sm: ['0.875rem', {lineHeight: '1.25rem'}],
+                base: ['1rem', {lineHeight: '1.5rem'}],
+                lg: ['1.125rem', {lineHeight: '1.75rem'}],
+                xl: ['1.313rem', {lineHeight: '1.75rem'}],
+                '2xl': ['1.5rem', {lineHeight: '2rem'}],
+                '3xl': ['1.75rem', {lineHeight: '2.25rem'}],
+                '4xl': ['2rem', {lineHeight: '2.5rem'}],
+                '5xl': ['2.25rem', {lineHeight: '1'}],
+                '6xl': ['2.625rem', {lineHeight: '1'}],
+                '7xl': ['3rem', {lineHeight: '1'}],
+                '8xl': ['3.25rem', {lineHeight: '1'}],
+                '9xl': ['3.625rem', {lineHeight: '1'}],
+                '10xl': ['3.75rem', {lineHeight: '1'}],
+                '11xl': ['4rem', {lineHeight: '1'}],
+                '12xl': ['4.375rem', {lineHeight: '1'}],
+                '13xl': ['5rem', {lineHeight: '1'}],
+                '14xl': ['6rem', {lineHeight: '1'}],
+                '15xl': ['6.875rem', {lineHeight: '1'}],
+                '200': ['12.5rem', {lineHeight: '1'}],
+            },
+            fontWeight: {
+                hairline: '100',
+                thin: '200',
+                light: '300',
+                normal: '400',
+                medium: '500',
+                semibold: '600',
+                bold: '700',
+                extrabold: '800',
+                black: '900',
+            },
+            gap: (theme) => theme('spacing'),
+            gradientColorStops: (theme) => theme('colors'),
+            gridAutoColumns: {
+                auto: 'auto',
+                min: 'min-content',
+                max: 'max-content',
+                fr: 'minmax(0, 1fr)',
             },
-            bounce: {
-                '0%, 100%': {
-                    transform: 'translateY(-25%)',
-                    animationTimingFunction: 'cubic-bezier(0.8,0,1,1)',
+            gridAutoRows: {
+                auto: 'auto',
+                min: 'min-content',
+                max: 'max-content',
+                fr: 'minmax(0, 1fr)',
+            },
+            gridColumn: {
+                auto: 'auto',
+                'span-1': 'span 1 / span 1',
+                'span-2': 'span 2 / span 2',
+                'span-3': 'span 3 / span 3',
+                'span-4': 'span 4 / span 4',
+                'span-5': 'span 5 / span 5',
+                'span-6': 'span 6 / span 6',
+                'span-7': 'span 7 / span 7',
+                'span-8': 'span 8 / span 8',
+                'span-9': 'span 9 / span 9',
+                'span-10': 'span 10 / span 10',
+                'span-11': 'span 11 / span 11',
+                'span-12': 'span 12 / span 12',
+                'span-full': '1 / -1',
+            },
+            gridColumnEnd: {
+                auto: 'auto',
+                1: '1',
+                2: '2',
+                3: '3',
+                4: '4',
+                5: '5',
+                6: '6',
+                7: '7',
+                8: '8',
+                9: '9',
+                10: '10',
+                11: '11',
+                12: '12',
+                13: '13',
+            },
+            gridColumnStart: {
+                auto: 'auto',
+                1: '1',
+                2: '2',
+                3: '3',
+                4: '4',
+                5: '5',
+                6: '6',
+                7: '7',
+                8: '8',
+                9: '9',
+                10: '10',
+                11: '11',
+                12: '12',
+                13: '13',
+            },
+            gridRow: {
+                auto: 'auto',
+                'span-1': 'span 1 / span 1',
+                'span-2': 'span 2 / span 2',
+                'span-3': 'span 3 / span 3',
+                'span-4': 'span 4 / span 4',
+                'span-5': 'span 5 / span 5',
+                'span-6': 'span 6 / span 6',
+                'span-full': '1 / -1',
+            },
+            gridRowStart: {
+                auto: 'auto',
+                1: '1',
+                2: '2',
+                3: '3',
+                4: '4',
+                5: '5',
+                6: '6',
+                7: '7',
+            },
+            gridRowEnd: {
+                auto: 'auto',
+                1: '1',
+                2: '2',
+                3: '3',
+                4: '4',
+                5: '5',
+                6: '6',
+                7: '7',
+            },
+            gridTemplateColumns: {
+                none: 'none',
+                1: 'repeat(1, minmax(0, 1fr))',
+                2: 'repeat(2, minmax(0, 1fr))',
+                3: 'repeat(3, minmax(0, 1fr))',
+                4: 'repeat(4, minmax(0, 1fr))',
+                5: 'repeat(5, minmax(0, 1fr))',
+                6: 'repeat(6, minmax(0, 1fr))',
+                7: 'repeat(7, minmax(0, 1fr))',
+                8: 'repeat(8, minmax(0, 1fr))',
+                9: 'repeat(9, minmax(0, 1fr))',
+                10: 'repeat(10, minmax(0, 1fr))',
+                11: 'repeat(11, minmax(0, 1fr))',
+                12: 'repeat(12, minmax(0, 1fr))',
+            },
+            gridTemplateRows: {
+                none: 'none',
+                1: 'repeat(1, minmax(0, 1fr))',
+                2: 'repeat(2, minmax(0, 1fr))',
+                3: 'repeat(3, minmax(0, 1fr))',
+                4: 'repeat(4, minmax(0, 1fr))',
+                5: 'repeat(5, minmax(0, 1fr))',
+                6: 'repeat(6, minmax(0, 1fr))',
+            },
+            height: theme => ({
+                auto: 'auto',
+                ...theme('spacing'),
+                full: '100%',
+                screen: '100vh',
+            }),
+            inset: (theme, {negative}) => ({
+                auto: 'auto',
+                ...theme('spacing'),
+                ...negative(theme('spacing')),
+                '1/2': '50%',
+                '1/3': '33.333333%',
+                '2/3': '66.666667%',
+                '1/4': '25%',
+                '2/4': '50%',
+                '3/4': '75%',
+                full: '100%',
+                '-1/2': '-50%',
+                '-1/3': '-33.333333%',
+                '-2/3': '-66.666667%',
+                '-1/4': '-25%',
+                '-2/4': '-50%',
+                '-3/4': '-75%',
+                '-full': '-100%',
+            }),
+            keyframes: {
+                spin: {
+                    to: {
+                        transform: 'rotate(360deg)',
+                    },
+                },
+                ping: {
+                    '75%, 100%': {
+                        transform: 'scale(2)',
+                        opacity: '0',
+                    },
                 },
-                '50%': {
-                    transform: 'none',
-                    animationTimingFunction: 'cubic-bezier(0,0,0.2,1)',
+                pulse: {
+                    '50%': {
+                        opacity: '.5',
+                    },
+                },
+                bounce: {
+                    '0%, 100%': {
+                        transform: 'translateY(-25%)',
+                        animationTimingFunction: 'cubic-bezier(0.8,0,1,1)',
+                    },
+                    '50%': {
+                        transform: 'none',
+                        animationTimingFunction: 'cubic-bezier(0,0,0.2,1)',
+                    },
                 },
             },
-        },
-        letterSpacing: {
-            tighter: '-0.05em',
-            tight: '-0.025em',
-            normal: '0em',
-            wide: '0.025em',
-            wider: '0.05em',
-            widest: '0.1em',
-            'px': '1px',
-            '70': '4.375em'
-        },
-        lineHeight: {
-            none: '1',
-            tight: '1.25',
-            snug: '1.375',
-            normal: '1.5',
-            relaxed: '1.625',
-            loose: '2',
-            '3': '.75rem',
-            '4': '1rem',
-            '5': '1.25rem',
-            '6': '1.5rem',
-            '7': '1.75rem',
-            '8': '2rem',
-            '9': '2.25rem',
-            '10': '2.5rem',
-        },
-        listStyleType: {
-            none: 'none',
-            disc: 'disc',
-            decimal: 'decimal',
-        },
-        margin: (theme, {negative}) => ({
-            auto: 'auto',
-            ...theme('spacing'),
-            ...negative(theme('spacing')),
-        }),
-        maxHeight: {
-            full: '100%',
-            screen: '100vh',
-        },
-        maxWidth: {
-            none: 'none',
-            xs: '20rem',
-            sm: '24rem',
-            md: '28rem',
-            lg: '32rem',
-            xl: '36rem',
-            '2xl': '42rem',
-            '3xl': '48rem',
-            '4xl': '56rem',
-            '5xl': '64rem',
-            '6xl': '72rem',
-            '7xl': '80rem',
-            full: '100%',
-            min: 'min-content',
-            max: 'max-content',
-            prose: '65ch',
-        },
-        minHeight: {
-            '0': '0',
-            full: '100%',
-            screen: '100vh',
-        },
-        minWidth: {
-            '0': '0',
-            full: '100%',
-        },
-        objectPosition: {
-            bottom: 'bottom',
-            center: 'center',
-            left: 'left',
-            'left-bottom': 'left bottom',
-            'left-top': 'left top',
-            right: 'right',
-            'right-bottom': 'right bottom',
-            'right-top': 'right top',
-            top: 'top',
-        },
-        opacity: {
-            '0': '0',
-            '5': '0.05',
-            '10': '0.1',
-            '20': '0.2',
-            '25': '0.25',
-            '30': '0.3',
-            '40': '0.4',
-            '50': '0.5',
-            '60': '0.6',
-            '70': '0.7',
-            '75': '0.75',
-            '80': '0.8',
-            '90': '0.9',
-            '95': '0.95',
-            '100': '1',
-        },
-        order: {
-            first: '-9999',
-            last: '9999',
-            none: '0',
-            '1': '1',
-            '2': '2',
-            '3': '3',
-            '4': '4',
-            '5': '5',
-            '6': '6',
-            '7': '7',
-            '8': '8',
-            '9': '9',
-            '10': '10',
-            '11': '11',
-            '12': '12',
-        },
-        outline: {
-            none: ['2px solid transparent', '2px'],
-            white: ['2px dotted white', '2px'],
-            black: ['2px dotted black', '2px'],
-        },
-        padding: theme => theme('spacing'),
-        placeholderColor: theme => theme('colors'),
-        placeholderOpacity: (theme) => theme('opacity'),
-        ringColor: (theme) => ({
-            DEFAULT: theme('colors.blue.500', '#3b82f6'),
-            ...theme('colors'),
-        }),
-        ringOffsetColor: (theme) => theme('colors'),
-        ringOffsetWidth: {
-            0: '0px',
-            1: '1px',
-            2: '2px',
-            4: '4px',
-            8: '8px',
-        },
-        ringOpacity: (theme) => ({
-            DEFAULT: '0.5',
-            ...theme('opacity'),
-        }),
-        ringWidth: {
-            DEFAULT: '3px',
-            0: '0px',
-            1: '1px',
-            2: '2px',
-            4: '4px',
-            8: '8px',
-        },
-        rotate: {
-            '-180': '-180deg',
-            '-90': '-90deg',
-            '-45': '-45deg',
-            '-12': '-12deg',
-            '-6': '-6deg',
-            '-3': '-3deg',
-            '-2': '-2deg',
-            '-1': '-1deg',
-            0: '0deg',
-            1: '1deg',
-            2: '2deg',
-            3: '3deg',
-            6: '6deg',
-            12: '12deg',
-            45: '45deg',
-            90: '90deg',
-            180: '180deg',
-        },
-        saturate: {
-            0: '0',
-            50: '.5',
-            100: '1',
-            150: '1.5',
-            200: '2',
-        },
-        scale: {
-            0: '0',
-            50: '.5',
-            75: '.75',
-            90: '.9',
-            95: '.95',
-            100: '1',
-            105: '1.05',
-            110: '1.1',
-            125: '1.25',
-            150: '1.5',
-        },
-        sepia: {
-            0: '0',
-            DEFAULT: '100%',
-        },
-        skew: {
-            '-12': '-12deg',
-            '-6': '-6deg',
-            '-3': '-3deg',
-            '-2': '-2deg',
-            '-1': '-1deg',
-            0: '0deg',
-            1: '1deg',
-            2: '2deg',
-            3: '3deg',
-            6: '6deg',
-            12: '12deg',
-        },
-        space: (theme, {negative}) => ({
-            ...theme('spacing'),
-            ...negative(theme('spacing')),
-        }),
-        stroke: {
-            current: 'currentColor',
-        },
-        textColor: theme => ({
-            ...theme('colors'),
-            body: '#000',
-        }),
-        textOpacity: (theme) => theme('opacity'),
-        transformOrigin: {
-            center: 'center',
-            top: 'top',
-            'top-right': 'top right',
-            right: 'right',
-            'bottom-right': 'bottom right',
-            bottom: 'bottom',
-            'bottom-left': 'bottom left',
-            left: 'left',
-            'top-left': 'top left',
-        },
-        transitionDelay: {
-            75: '75ms',
-            100: '100ms',
-            150: '150ms',
-            200: '200ms',
-            300: '300ms',
-            500: '500ms',
-            700: '700ms',
-            1000: '1000ms',
-        },
-        transitionDuration: {
-            DEFAULT: '150ms',
-            75: '75ms',
-            100: '100ms',
-            150: '150ms',
-            200: '200ms',
-            300: '300ms',
-            500: '500ms',
-            700: '700ms',
-            1000: '1000ms',
-        },
-        transitionProperty: {
-            none: 'none',
-            all: 'all',
-            DEFAULT: 'background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter',
-            colors: 'background-color, border-color, color, fill, stroke',
-            opacity: 'opacity',
-            shadow: 'box-shadow',
-            transform: 'transform',
-        },
-        transitionTimingFunction: {
-            DEFAULT: 'cubic-bezier(0.4, 0, 0.2, 1)',
-            linear: 'linear',
-            in: 'cubic-bezier(0.4, 0, 1, 1)',
-            out: 'cubic-bezier(0, 0, 0.2, 1)',
-            'in-out': 'cubic-bezier(0.4, 0, 0.2, 1)',
-        },
-        translate: (theme, {negative}) => ({
-            ...theme('spacing'),
-            ...negative(theme('spacing')),
-            '1/2': '50%',
-            '1/3': '33.333333%',
-            '2/3': '66.666667%',
-            '1/4': '25%',
-            '2/4': '50%',
-            '3/4': '75%',
-            full: '100%',
-            '-1/2': '-50%',
-            '-1/3': '-33.333333%',
-            '-2/3': '-66.666667%',
-            '-1/4': '-25%',
-            '-2/4': '-50%',
-            '-3/4': '-75%',
-            '-full': '-100%',
-        }),
-        width: theme => ({
-            auto: 'auto',
-            ...theme('spacing'),
-            '1/2': '50%',
-            '1/3': '33.333333%',
-            '2/3': '66.666667%',
-            '1/4': '25%',
-            '2/4': '50%',
-            '3/4': '75%',
-            '1/5': '20%',
-            '2/5': '40%',
-            '3/5': '60%',
-            '4/5': '80%',
-            '1/6': '16.666667%',
-            '2/6': '33.333333%',
-            '3/6': '50%',
-            '4/6': '66.666667%',
-            '5/6': '83.333333%',
-            '1/12': '8.333333%',
-            '2/12': '16.666667%',
-            '3/12': '25%',
-            '4/12': '33.333333%',
-            '5/12': '41.666667%',
-            '6/12': '50%',
-            '7/12': '58.333333%',
-            '8/12': '66.666667%',
-            '9/12': '75%',
-            '10/12': '83.333333%',
-            '11/12': '91.666667%',
-            full: '100%',
-            screen: '100vw',
-        }),
-        zIndex: {
-            auto: 'auto',
-            '0': '0',
-            '10': '10',
-            '20': '20',
-            '30': '30',
-            '40': '40',
-            '50': '50',
+            letterSpacing: {
+                tighter: '-0.05em',
+                tight: '-0.025em',
+                normal: '0em',
+                wide: '0.025em',
+                wider: '0.05em',
+                widest: '0.1em',
+                'px': '1px',
+                '70': '4.375em'
+            },
+            lineHeight: {
+                none: '1',
+                tight: '1.25',
+                snug: '1.375',
+                normal: '1.5',
+                relaxed: '1.625',
+                loose: '2',
+                '3': '.75rem',
+                '4': '1rem',
+                '5': '1.25rem',
+                '6': '1.5rem',
+                '7': '1.75rem',
+                '8': '2rem',
+                '9': '2.25rem',
+                '10': '2.5rem',
+            },
+            listStyleType: {
+                none: 'none',
+                disc: 'disc',
+                decimal: 'decimal',
+            },
+            margin: (theme, {negative}) => ({
+                auto: 'auto',
+                ...theme('spacing'),
+                ...negative(theme('spacing')),
+            }),
+            maxHeight: {
+                full: '100%',
+                screen: '100vh',
+            },
+            maxWidth: {
+                none: 'none',
+                xs: '20rem',
+                sm: '24rem',
+                md: '28rem',
+                lg: '32rem',
+                xl: '36rem',
+                '2xl': '42rem',
+                '3xl': '48rem',
+                '4xl': '56rem',
+                '5xl': '64rem',
+                '6xl': '72rem',
+                '7xl': '80rem',
+                full: '100%',
+                min: 'min-content',
+                max: 'max-content',
+                prose: '65ch',
+            },
+            minHeight: {
+                '0': '0',
+                full: '100%',
+                screen: '100vh',
+            },
+            minWidth: {
+                '0': '0',
+                full: '100%',
+            },
+            objectPosition: {
+                bottom: 'bottom',
+                center: 'center',
+                left: 'left',
+                'left-bottom': 'left bottom',
+                'left-top': 'left top',
+                right: 'right',
+                'right-bottom': 'right bottom',
+                'right-top': 'right top',
+                top: 'top',
+            },
+            opacity: {
+                '0': '0',
+                '5': '0.05',
+                '10': '0.1',
+                '20': '0.2',
+                '25': '0.25',
+                '30': '0.3',
+                '40': '0.4',
+                '50': '0.5',
+                '60': '0.6',
+                '70': '0.7',
+                '75': '0.75',
+                '80': '0.8',
+                '90': '0.9',
+                '95': '0.95',
+                '100': '1',
+            },
+            order: {
+                first: '-9999',
+                last: '9999',
+                none: '0',
+                '1': '1',
+                '2': '2',
+                '3': '3',
+                '4': '4',
+                '5': '5',
+                '6': '6',
+                '7': '7',
+                '8': '8',
+                '9': '9',
+                '10': '10',
+                '11': '11',
+                '12': '12',
+            },
+            outline: {
+                none: ['2px solid transparent', '2px'],
+                white: ['2px dotted white', '2px'],
+                black: ['2px dotted black', '2px'],
+            },
+            padding: theme => theme('spacing'),
+            placeholderColor: theme => theme('colors'),
+            placeholderOpacity: (theme) => theme('opacity'),
+            ringColor: (theme) => ({
+                DEFAULT: theme('colors.blue.500', '#3b82f6'),
+                ...theme('colors'),
+            }),
+            ringOffsetColor: (theme) => theme('colors'),
+            ringOffsetWidth: {
+                0: '0px',
+                1: '1px',
+                2: '2px',
+                4: '4px',
+                8: '8px',
+            },
+            ringOpacity: (theme) => ({
+                DEFAULT: '0.5',
+                ...theme('opacity'),
+            }),
+            ringWidth: {
+                DEFAULT: '3px',
+                0: '0px',
+                1: '1px',
+                2: '2px',
+                4: '4px',
+                8: '8px',
+            },
+            rotate: {
+                '-180': '-180deg',
+                '-90': '-90deg',
+                '-45': '-45deg',
+                '-12': '-12deg',
+                '-6': '-6deg',
+                '-3': '-3deg',
+                '-2': '-2deg',
+                '-1': '-1deg',
+                0: '0deg',
+                1: '1deg',
+                2: '2deg',
+                3: '3deg',
+                6: '6deg',
+                12: '12deg',
+                45: '45deg',
+                90: '90deg',
+                180: '180deg',
+            },
+            saturate: {
+                0: '0',
+                50: '.5',
+                100: '1',
+                150: '1.5',
+                200: '2',
+            },
+            scale: {
+                0: '0',
+                50: '.5',
+                75: '.75',
+                90: '.9',
+                95: '.95',
+                100: '1',
+                105: '1.05',
+                110: '1.1',
+                125: '1.25',
+                150: '1.5',
+            },
+            sepia: {
+                0: '0',
+                DEFAULT: '100%',
+            },
+            skew: {
+                '-12': '-12deg',
+                '-6': '-6deg',
+                '-3': '-3deg',
+                '-2': '-2deg',
+                '-1': '-1deg',
+                0: '0deg',
+                1: '1deg',
+                2: '2deg',
+                3: '3deg',
+                6: '6deg',
+                12: '12deg',
+            },
+            space: (theme, {negative}) => ({
+                ...theme('spacing'),
+                ...negative(theme('spacing')),
+            }),
+            stroke: {
+                current: 'currentColor',
+            },
+            textColor: theme => ({
+                ...theme('colors'),
+                body: '#000',
+            }),
+            textOpacity: (theme) => theme('opacity'),
+            transformOrigin: {
+                center: 'center',
+                top: 'top',
+                'top-right': 'top right',
+                right: 'right',
+                'bottom-right': 'bottom right',
+                bottom: 'bottom',
+                'bottom-left': 'bottom left',
+                left: 'left',
+                'top-left': 'top left',
+            },
+            transitionDelay: {
+                75: '75ms',
+                100: '100ms',
+                150: '150ms',
+                200: '200ms',
+                300: '300ms',
+                500: '500ms',
+                700: '700ms',
+                1000: '1000ms',
+            },
+            transitionDuration: {
+                DEFAULT: '150ms',
+                75: '75ms',
+                100: '100ms',
+                150: '150ms',
+                200: '200ms',
+                300: '300ms',
+                500: '500ms',
+                700: '700ms',
+                1000: '1000ms',
+            },
+            transitionProperty: {
+                none: 'none',
+                all: 'all',
+                DEFAULT: 'background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter',
+                colors: 'background-color, border-color, color, fill, stroke',
+                opacity: 'opacity',
+                shadow: 'box-shadow',
+                transform: 'transform',
+            },
+            transitionTimingFunction: {
+                DEFAULT: 'cubic-bezier(0.4, 0, 0.2, 1)',
+                linear: 'linear',
+                in: 'cubic-bezier(0.4, 0, 1, 1)',
+                out: 'cubic-bezier(0, 0, 0.2, 1)',
+                'in-out': 'cubic-bezier(0.4, 0, 0.2, 1)',
+            },
+            translate: (theme, {negative}) => ({
+                ...theme('spacing'),
+                ...negative(theme('spacing')),
+                '1/2': '50%',
+                '1/3': '33.333333%',
+                '2/3': '66.666667%',
+                '1/4': '25%',
+                '2/4': '50%',
+                '3/4': '75%',
+                full: '100%',
+                '-1/2': '-50%',
+                '-1/3': '-33.333333%',
+                '-2/3': '-66.666667%',
+                '-1/4': '-25%',
+                '-2/4': '-50%',
+                '-3/4': '-75%',
+                '-full': '-100%',
+            }),
+            width: theme => ({
+                auto: 'auto',
+                ...theme('spacing'),
+                '1/2': '50%',
+                '1/3': '33.333333%',
+                '2/3': '66.666667%',
+                '1/4': '25%',
+                '2/4': '50%',
+                '3/4': '75%',
+                '1/5': '20%',
+                '2/5': '40%',
+                '3/5': '60%',
+                '4/5': '80%',
+                '1/6': '16.666667%',
+                '2/6': '33.333333%',
+                '3/6': '50%',
+                '4/6': '66.666667%',
+                '5/6': '83.333333%',
+                '1/12': '8.333333%',
+                '2/12': '16.666667%',
+                '3/12': '25%',
+                '4/12': '33.333333%',
+                '5/12': '41.666667%',
+                '6/12': '50%',
+                '7/12': '58.333333%',
+                '8/12': '66.666667%',
+                '9/12': '75%',
+                '10/12': '83.333333%',
+                '11/12': '91.666667%',
+                full: '100%',
+                screen: '100vw',
+            }),
+            zIndex: {
+                auto: 'auto',
+                '0': '0',
+                '10': '10',
+                '20': '20',
+                '30': '30',
+                '40': '40',
+                '50': '50',
+            },
         },
     },
     variants: {
@@ -1041,5 +1052,8 @@ module.exports = {
         zIndex: ['responsive', 'focus-within', 'focus'],
     },
     corePlugins: {},
-    plugins: [],
+    plugins: [
+        require('@tailwindcss/forms'),
+        require('@tailwindcss/typography'),
+    ],
 }
diff --git a/vite.config.js b/vite.config.js
index 421b569..ccad365 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,11 +1,15 @@
-import { defineConfig } from 'vite';
-import laravel from 'laravel-vite-plugin';
+import { defineConfig } from 'vite'
+import laravel, { refreshPaths } from 'laravel-vite-plugin'
 
 export default defineConfig({
     plugins: [
         laravel({
             input: ['resources/css/app.css', 'resources/js/app.js'],
-            refresh: true,
+            refresh: [
+                ...refreshPaths,
+                'app/Http/Livewire/**',
+                'app/Forms/Components/**',
+            ],
         }),
     ],
-});
+})